Der Kurs UX UI Design Prototyping vermittelt Techniken zur Erstellung interaktiver Darstellungen digitaler Produkte. Teilnehmende lernen, wie erste Ideen strukturiert, Oberflächen skizziert und prototypische Abläufe umgesetzt werden. Der Kurs zeigt, wie Prototypen genutzt werden, um Interaktionen zu testen und frühe Rückmeldungen zur Gestaltung einzuholen.
1. Grundlagen - Prototypen und UX/UI-Konzept2. Struktur - Wireframes, Layouts und Abläufe3. Interaktion - Klickpfade und Nutzerverhalten4. Anwendung - Erstellung und Überprüfung1. Grundlagen - Prototypen und UX/UI-Konzept
- Einordnung von Prototypen im Designprozess
- Zweck, Typen und Detailgrade prototypischer Darstellungen
- Planung erster Strukturen und Grundlayouts
- Verständnis typischer Interaktionsmuster
2. Struktur - Wireframes, Layouts und Abläufe
- Erstellung einfacher Wireframes zur Darstellung von Inhalten
- Definition grundlegender Navigationswege
- Anordnung von Elementen nach visueller Ordnung
- Übertragung strukturierter Abläufe in einfache Bildschirmfolgen
3. Interaktion - Klickpfade und Nutzerverhalten
- Gestaltung typischer Interaktionen zwischen Elementen
- Verwendung von Klickbereichen zur Abbildung von Abläufen
- Einsatz von Zuständen und Rückmeldungen
- Überprüfung der Verständlichkeit durch typische Aufgaben
4. Anwendung - Erstellung und Überprüfung
- Erstellung kleiner interaktiver Prototypen
- Testing grundlegender Abläufe
- Anpassung der Prototypen auf Basis von Rückmeldungen
- Vorbereitung auf weitere Schritte wie Feindesign oder Umsetzung