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!
- 22.03.18 Einführung „Interface Design“ → Skript
- 29.03.18 kein Unterricht | Ostern Abreisetag
- 05.04.18 typ. User, Personas, Szenarios, Storyboards → Skript
- 12.04.18 Metaphern Design, Direct Manipulation, Ergonomische Grundregeln, Designing for Touch → Skript
- 19.04.18 Paper-Prototyping, User-Tests, Usability Heuristics → Skript
- 26.04.18 Gestaltgesetze, Interface-Laws, Touch-Gesten, Sketch-Einführung → Skript
- 03.05.18 kein Unterricht | Erdgespräche Wien
- 10.05.18 kein Unterricht | Feiertag
- 17.05.18 kein Unterricht | DesignCampus-Treffen
- 24.05.18 Zwischenpräsentation (Personas & Szenarios, Konzept, Paper-Prototypen, User-Tests);
- 31.05.18 kein Unterricht | Feiertag
- 07.06.18 Raster, Typografie, Icons, Styleguides (IOS, Android) → Skript
- 14.06.18 Farbgestaltung, Prototyping-Tools (Marvel, Invision, Principal, Framer) → Skript
- 21.06.18 Gruppenbesprechungen
- 28.06.18 Gruppenbesprechungen
- 05.07.18 Abschluss-Präsentation (gemeinsam); Auslosung der Reihenfolge
Unterrichtszeiten
Raum T 3.023 (T-Bau, Dachauer Straße 100a)
Gruppe X
jeweils donnerstags 17:15 bis 19:45
Gruppe Y
jeweils donnerstags 09:45 bis 12:15
Bewertung
30% Konzept der App (incl. Personas & Szenarios)
30% Logik der Interaktion
30% GUI Umsetzung
10% Aufbereitung und Präsentation der App
empfehlenswerte Programme
- Balsamiq – zum Erstellen von Wireframes
- Sketch – zum Gestalten von Grafischen User Interfaces
- 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