Zielsetzung des Kurses
Der Kurs Advanced UI-Gestaltung adressiert vertiefte Methoden der Benutzeroberflächen-Gestaltung im Kontext digitaler Produkte. Im Fokus stehen Gestaltungssysteme, Interaktionsmuster und die Ausarbeitung konsistenter UI-Komponenten. Behandelt werden Anforderungen aus Interface-Design, Interaktionsdesign und Design-Engineering. Ziel ist die strukturierte Anwendung von Gestaltungsprinzipien und die Überführung in umsetzbare Spezifikationen.
Inhalte
Gestaltungsprinzipien und Typografie in Benutzeroberflächen, einschließlich Hierarchie, Lesbarkeit, Farbsysteme, Kontrastgestaltung und Iconografie mit Fokus auf Konsistenz und Barriereaspekten
Interaktionsmuster und Zustände, einschließlich Navigationskonzepte, Feedback-Mechaniken, Mikrointeraktionen, Fehlerbehandlung sowie Zustandslogik für Eingabekomponenten
Designsysteme und Komponentenbibliotheken, inklusive Token-Definition, Variantenmanagement, Responsive-Regeln, Dokumentation und Governance von Änderungen
Prototyping und Dokumentation, mit Low- bis High-Fidelity-Prototypen, Übergabe an Entwicklung, Spezifikationen, Versionierung und Kommentierungsprozesse
Qualitätssicherung und Usability-Überprüfung, einschließlich Heuristiken, UI-Konsistenzchecks, Zugänglichkeitsprüfungen und Auswertung von UI-Metriken
Technische Schnittstellen, inklusive Zusammenarbeit mit Frontend, Design-Assets, Export, Grundzüge von Layout- und Style-Implementierung sowie Handhabung gängiger Tools
Lernziele
- Analyse von Gestaltungsprinzipien zur Ableitung typografischer, farblicher und ikonografischer Entscheidungen
- Erstellung von interaktiven Prototypen zur Darstellung von Zuständen, Übergängen und Fehlerszenarien
- Entwicklung eines kleinen Designsystems mit Komponenten, Variationen und Token-Struktur
- Durchführen von UI-Reviews anhand definierter Heuristiken und Zugänglichkeitskriterien
- Implementieren von Spezifikationen für die Übergabe an Frontend-Teams inklusive Dokumentation und Assets
- Integrieren von UI-Metriken in den Gestaltungsprozess zur Beurteilung von Konsistenz und Nutzbarkeit
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI-Designer mit Fokus auf Komponentenentwicklung und visuelle Gestaltung von Oberflächen. Typische Tätigkeitsfelder umfassen UX/UI-Designer mit Verantwortung für Interaktionsmuster, Prototyping und Zugänglichkeitsanforderungen. Der Kurs adressiert Inhalte für Tätigkeiten wie Design-System-Manager oder Design-Engineer mit Schnittstelle zu Frontend-Implementierung.
Zusammenfassung
Der Kurs Advanced UI-Gestaltung behandelt die Ausarbeitung konsistenter Benutzeroberflächen, die Entwicklung von Komponenten und die Dokumentation für die Umsetzung. Im Rahmen dieser Weiterbildung werden Interaktionsmuster, Designsysteme, Prototyping und Qualitätssicherung bearbeitet. Die Inhalte stehen in Bezug zu Tätigkeiten im UI-Design, UX/UI-Design und Design-Engineering.