Zielsetzung des Kurses
Der Kurs UI Design Grundlagen und UI Prototyping vermittelt Kernkonzepte der Benutzeroberflächengestaltung im Kontext digitaler Produkte. Behandelt werden grundlegende Prinzipien der visuellen Gestaltung, Interaktionsmuster und Abläufe zur Prototypenerstellung. Ziel ist die strukturierte Heranführung an UI-Richtlinien, Entwurfsprozesse und Werkzeuge für Wireframes und klickbare Prototypen. Der Kurs ist im Fachgebiet Human-Computer Interaction und digitaler Produktentwicklung verortet.
Inhalte
Einführung in UI-Design: Terminologie, Rolle von UI im Produktentwicklungsprozess, Abgrenzung zu UX, Designsysteme und Guidelines (u. a. Layout-Raster, Typografie, Farbe, Iconografie)
Interaktionsgestaltung: Navigation, Zustände und Rückmeldungen, Komponentenlogik, Barrierefreiheit, responsive Anpassungen und Plattformkonventionen
Informationsarchitektur und Wireframing: Strukturierung von Inhalten, Nutzerflüsse, Low-Fidelity-Skizzen, Erstellung von Wireframes für typische Screens und Abläufe
UI Prototyping: Auswahl von Tools, Aufbau von klickbaren Prototypen, Verlinkungen und Übergänge, Hand-off-Dokumentation für Entwicklung
Usability-Aspekte und Prüfung: Heuristiken, einfache Nutzertests mit Prototypen, Erfassung von Beobachtungen, Ableitung von Anpassungen und Iteration
Lernziele
- Analysieren von Layouts hinsichtlich Raster, Typografie, Farbwirkung und Ikonografie
- Unterscheiden von UI- und UX-Aufgaben sowie Identifizieren typischer Komponenten und Muster
- Erstellen von Low- und Mid-Fidelity-Wireframes für zentrale Nutzerflüsse
- Anwenden von UI-Tools zur Durchführung eines klickbaren Prototyps mit Zuständen und Übergängen
- Integrieren von Barrierefreiheitsaspekten in Navigation, Kontrasten und Interaktionen
- Bewerten von Prototypen durch heuristische Prüfungen und einfache Nutzertests mit Ableitung konkreter Anpassungen
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI Designer/in mit Fokus auf visuelle Gestaltung und Komponentenaufbau.
Typische Tätigkeitsfelder umfassen Prototyping-Spezialist/in mit Schwerpunkt auf klickbaren Modellen, Hand-off und Interaktionsdefinition.
Der Kurs adressiert Inhalte für Tätigkeiten wie Interaction Designer/in in der Produktentwicklung mit Verantwortung für Nutzerflüsse und Zustandslogik.
Einsatzfelder bestehen zudem im Bereich Product Design (Interface-Schwerpunkt) mit Aufgaben in Informationsarchitektur, Wireframing und Designsystemen.
Zusammenfassung
Der Kurs UI Design Grundlagen und UI Prototyping behandelt Prinzipien der Benutzeroberflächengestaltung, Wireframing, Interaktionsmuster und die Erstellung klickbarer Prototypen. Im Rahmen dieser Weiterbildung werden Prozesse, Werkzeuge und Prüfschritte für UI-Entwürfe vermittelt. Die Inhalte stehen in Verbindung mit Tätigkeiten in UI Design, Interaction Design und produktnaher Gestaltung.