Menü

Matthias Edler-Golla für:
Hochschule München, Fakultät für Design

Interface Design 2019


Kursleiter

Matthias Edler-Golla
matthias.edler-golla@hm.edu


Inhalt der Lehrveranstaltung

Die Schnittschnelle von Mensch & Maschine steht im Mittelpunkt des Aufgabenfeldes der Industriedesigner. Dabei spielt die Benutzerfreundlichkeit immer komplexerer Produktsysteme eine entscheidende Rolle. Vorallem die Einbeziehung haptischer wie auch visueller und akustischer Interfaces stellt eine zunehmende Herausforderung für die Ausbildung von Gestaltern dar.

Im Teilmodul „Interface Design“ werden die Grundlagen der Gestaltung von unterschiedlich komplexen Mensch-Maschinen-Schnittstellen mit einem Schwerpunkt auf „Graphical User Interfaces“ (GUI) bzw. „Natural User Interfaces“ (NUI) behandelt. In einem Schritt für Schritt Prozess wird den Studierenden der Weg von einfachen Paper-Prototyping über Wireframing bis hin zur detaillierten Ausgestaltung von Interfaces vermittelt. Dabei werden auch so wichtige Interface-Komponenten wie Icons, Bildschirmraster und -Typografie angeschnitten.

Lernziele und Ergebnisse

Nach Abschluss des Moduls „Interface Design“ sind die Studierenden in der Lage, Interfaces digitaler Produkte zu konzipieren, via einfacher User-Tests auf ihre Verständlichkeit zu prüfen und so weit auszugestalten, dass diese von Software-Entwicklern übernommen werden können.


Unterrichtstermine

Achtung: Termin & Inhalt kann sich noch ändern!

  1. 21.03.19 Einführung „Interface Design“ → Skript
  2. 28.03.19 typ. User, Personas, Szenarios, Storyboards
  3. 04.04.19 Metaphern Design, Direct Manipulation, Ergonomische Grundregeln, Designing for Touch
  4. 11.04.19 kein Unterricht | Exkursion mit den Masters nach Bozen
  5. 18.04.19 kein Unterricht | Ostern Abreisetag
  6. 25.04.19 Paper-Prototyping, User-Tests, Usability Heuristics
  7. 02.05.19 Gestaltgesetze, Interface-Laws, Touch-Gesten, Sketch-Einführung
  8. 09.05.19 Zwischenpräsentation (Personas & Szenarios, Konzept, Paper-Prototypen, User-Tests);
  9. 16.05.19 Raster, Typografie, Icons, Styleguides (IOS, Android)
  10. 23.05.19 Farbgestaltung, Prototyping-Tools (Marvel, Invision, Principal, Framer)
  11. 30.05.19 kein Unterricht, Feiertag
  12. 06.06.19 Gruppenbesprechungen
  13. 13.06.19 Gruppenbesprechungen
  14. 20.06.19 kein Unterricht, Feiertag
  15. 27.06.19 Gruppenbesprechungen
  16. 04.07.19 Abschluss-Präsentation

Unterrichtszeiten

donnerstags, 13:00 – 15:30; Raum X 1.019 (Kleiner Hörsaal)


empfehlenswerte Programme

  • Balsamiq – zum Erstellen von Wireframes
  • Sketch – zum Gestalten von Grafischen User Interfaces (nur Mac)
  • Figma – zum Gestalten von Grafischen User Interfaces (alle Betriebssysteme)
  • Adobe XD – zum Gestalten von Grafischen User Interfaces (alle Betriebssysteme)
  • Marvel – zum Erstellen von interaktiven Prototypen ohne Coding
  • Invision – zum Erstellen von interaktiven Prototypen ohne Coding

Buchenpfehlungen

  • DARK HORSE INNOVATION: Digital Innovation Playbook ISBN 978-3867745567
  • SNYDER Carolyn: Paper Prototyping: The Fast and Easy Way to Design and Refine User Interfaces ISDN 978-1558608702
  • COOPER Alan: About Face: The Essentials of Interaction Design ISDN 978-1118766576
  • RASKIN Jef: The Humane Interface: New Directions for Designing Interactive Systems ISDN 0-201-37937-6
  • KOLKO Jon: well designed: how to use empathy to create products people love ISDN 978-1-62527-479-3
  • GOODWIN Kim: Designing for the Digital Age ISDN 0-470-22910-1
  • BUXTON Bill: Sketching User Experiences: Getting the Design Right and the Right Design ISDN 0-123-74037-1
  • KRUG Steve: Don't Make Me Think (Revisited) ISDN 0-321-96551-5
  • KRUG Steve: Rocket Surgery Made Easy ISDN 0321657292
  • NORMAN Donald A.: The Design of Everyday Things ISDN 0-465-06710-7
  • GOTHELF Jeff: Lean UX: Applying Lean Principles to Improve User Experience ISDN 1449311652
  • William Lidwell: Universal Principles of Design, Revised and Updated ISDN 978-1592535873
  • CLARK Josh: Designing for Touch ISDN 978-1-9375572-9-4
  • SAFFER Dan: Microinteractions ISDN 1491945923
  • SPIES Marco: Branded Interactions: Creating the Digital Experience ISDN 0500518173

empfehlenswerte Websites

Styleguides