Zielsetzung des Kurses
Advanced UI Design adressiert die Gestaltung und Ausarbeitung nutzerorientierter Benutzeroberflächen im Kontext digitaler Produkte. Der Kurs ordnet sich in das Fachgebiet Interface- und Interaktionsdesign ein und thematisiert Struktur, Verhalten und Visualisierung von UI-Komponenten. Behandelt werden Entwurfsprozesse von der Anforderungserhebung bis zur Übergabe an die Entwicklung. Ziel ist die Erarbeitung belastbarer UI-Artefakte für Web- und Mobile-Anwendungen auf Basis gängiger Design- und Dokumentationsstandards.
Inhalte
Konzeption und Informationsarchitektur: Ableitung von Nutzeranforderungen, Strukturierung von Navigationsmustern, Erstellung von User Flows und Wireframes zur Definition von Interaktionen in Web- und Mobile-Kontexten.
Visuelles Design und Komponenten: Ausarbeitung von Layout-Rastern, Typografie, Farb- und Icon-Systemen; Definition und Dokumentation wiederverwendbarer UI-Komponenten einschließlich Zustände und Barrierefreiheitsaspekte.
Design Systeme: Aufbau von Styleguides, Token-Management, Benennungskonventionen und Pflegeprozessen; Versionierung und Kollaboration innerhalb von Designbibliotheken.
Interaktionsgestaltung und Prototyping: Mikrointeraktionen, Zustandslogik, Übergänge; Erstellung klickbarer Prototypen zur Validierung von Bedienabläufen und zur Vorbereitung von Usability-Überprüfungen.
Handoff und Kollaboration: Spezifikation für Entwicklung, Annotierung von Abständen, Verhalten und Assets; Nutzung gängiger Tools für Übergabe, Kommentar-Workflows und Änderungsmanagement.
Evaluation und Qualitätssicherung: Heuristische Evaluation, Barrierefreiheits-Checks nach WCAG, UI-Konsistenzprüfungen sowie Auswertung einfacher Nutzungsmetriken zur Ableitung konkreter Anpassungen.
Lernziele
- Analysieren von Nutzeranforderungen, Navigationsstrukturen und Bedienabläufen anhand definierter Szenarien
- Erstellen von Wireframes, User Flows und klickbaren Prototypen für Web- und Mobile-Oberflächen
- Entwickeln von Layout-Rastern, Farb- und Typografiesystemen sowie dokumentierten UI-Komponenten mit Zuständen
- Integrieren von Barrierefreiheitsanforderungen nach WCAG in Komponenten, Muster und Spezifikationen
- Implementieren eines konsistenten Design Systems inklusive Token-Definition, Benennung und Versionspflege
- Durchführen eines strukturierten Handoffs mit Spezifikationen, Asset-Export und Kommentierung für Entwicklungsteams
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI Designer mit Schwerpunkt auf Komponentenentwicklung, Design System Manager mit Verantwortung für Designbibliotheken und Token-Strukturen sowie Interaction Designer mit Fokus auf Mikrointeraktionen und Prototyping. Typische Tätigkeitsfelder umfassen zudem Interface-Spezifikation und Handoff in multidisziplinären Produktteams.
Zusammenfassung
Der Kurs Advanced UI Design behandelt die Konzeption, Ausarbeitung und Dokumentation von Benutzeroberflächen einschließlich Design Systemen, Prototyping und Handoff. Im Rahmen dieser Weiterbildung werden Tätigkeiten adressiert, die in Rollen wie UI Design, Interaction Design und Design-System-Management vorkommen. Der Schwerpunkt liegt auf der fachlichen Anwendung in produktbezogenen Entwicklungsumgebungen.