Zielsetzung des Kurses
Der Kurs Advanced User Interface Design behandelt vertiefte Methoden der Gestaltung grafischer Benutzeroberflächen im Fachgebiet Human-Computer Interaction. Im Mittelpunkt stehen Interaktionsmuster, Informationsarchitektur sowie visuelle und typografische Ausgestaltung für digitale Anwendungen. Ziel ist die systematische Herleitung nutzerzentrierter UI-Konzepte auf Basis von Anforderungen, Use-Cases und Designsystemen. Behandelt werden auch Prototyping, Hand-off an Entwicklungsteams und Kriterien zur Beurteilung der Gebrauchstauglichkeit.
Inhalte
Konzeption von Benutzeroberflächen mit Fokus auf Informationsarchitektur, Navigationsstrukturen, Interaktionsflüsse und Zustandslogiken; Ableitung von Anforderungen aus Nutzungsszenarien, Personas und Aufgabenanalysen
Visuelle Gestaltung mit Raster, Layout, Farbe, Typografie, Iconografie und Komponentenbildung; Erstellung konsistenter UI-Bausteine auf Basis von Design Tokens und Styleguides
Muster und Interaktion: Anwendung von UI-Patterns, Zustandsmanagement, Fehlermeldungen, Eingabevalidierung, Feedback- und Animationsprinzipien für Web- und Mobile-Kontexte
Prototyping und Dokumentation: Erstellung klickbarer Prototypen in unterschiedlichen Treuegraden, Screen-Spezifikationen, Komponentenbibliotheken, Versionierung und Übergabe an Entwicklung
Zugänglichkeit und Qualitätssicherung: Barrierefreiheitsanforderungen (z. B. Kontrast, Fokusführung, Tastaturnavigation), Testplanung, Heuristiken, Metriken und Auswertung von Nutzungsdaten
Plattform- und Systembezug: Richtlinien und Konventionen für iOS, Android und Web, responsive Adaptierung, Performanzaspekte und Integration in Designsysteme
Lernziele
- Analysieren von Nutzungsszenarien, Aufgaben und Informationsarchitekturen zur Ableitung von UI-Anforderungen
- Erstellen von Wireframes und interaktiven Prototypen in unterschiedlichen Treuegraden
- Konzipieren von Komponenten, Zuständen und UI-Patterns innerhalb eines konsistenten Designs
- Implementieren von Barrierefreiheitsanforderungen in Layout, Typografie und Interaktion
- Integrieren von Styleguides, Design Tokens und Dokumentationen in bestehende Designsysteme
- Bewerten von Benutzeroberflächen mittels Heuristiken, Nutzungsmetriken und Testprotokollen
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie User Interface Designer mit Schwerpunkt auf Komponentengestaltung, Interaktionsmustern und Prototyping.
Typische Tätigkeitsfelder umfassen UX/UI-Design in Produktteams mit Fokus auf Informationsarchitektur, Zustandslogik und Barrierefreiheit.
Der Kurs adressiert Inhalte für Tätigkeiten wie Design System Manager, inklusive Pflege von Komponentenbibliotheken und Hand-off an Entwicklung.
Einsatzfelder bestehen zudem im Bereich Interaction Designer mit Aufgaben in Flow-Definition, Fehlermanagement und Rückmeldemechanismen.
Zusammenfassung
Der Kurs Advanced User Interface Design behandelt die Konzeption, Ausarbeitung und Bewertung grafischer Benutzeroberflächen mit Bezug zu Interaktionsmustern, Designsystemen und Barrierefreiheit. Im Rahmen dieser Weiterbildung werden Inhalte für Tätigkeiten in UX/UI-Design, Interaction Design und Designsystem-Management vermittelt. Der berufliche Bezug liegt in der anwendungsnahen Umsetzung von UI-Konzepten in digitalen Produktteams.