Zielsetzung des Kurses
Der Kurs Fortgeschritten UI-Gestaltung vertieft Konzepte der nutzerzentrierten Benutzeroberflächengestaltung in digitalen Produkten. Behandelt werden methodische Vorgehensweisen zur Strukturierung von Interaktionen, zur visuellen Ausarbeitung von Oberflächen und zur Überprüfung von Entwürfen. Der Kurs ist im Fachgebiet Human-Computer-Interaction und Interface Design verortet und adressiert fortgeschrittene Verfahren der UI-Entwicklung. Ziel ist die Erweiterung der Gestaltungskompetenzen entlang des gesamten UI-Workflows von Definition bis Übergabe an die Entwicklung.
Inhalte
Konzeptentwicklung und Informationsarchitektur: Strukturierung von Inhalten, Navigationsmodellen und Interaktionsflüssen, Erstellung von User Flows, Wireframes und UI-Patterns zur konsistenten Bedienführung
Visuelles Design und Typografie: Ausarbeitung von Layouts, Raster, Hierarchien, Farb- und Typografiesystemen sowie Zuständen und Komponenten für skalierbare Designsysteme
Interaktive Spezifikation und Prototyping: Erstellung klickbarer Prototypen, Zustandslogiken, Übergänge und Mikrointeraktionen; Dokumentation von Komponenten, Varianten und responsive Breakpoints
Designsysteme und Kollaboration: Definition von Komponentenbibliotheken, Token-Strukturen, Versionsverwaltung und Übergabeprozesse an Entwicklungsteams inklusive Annotation und Spezifikation
Zugänglichkeit und Richtlinien: Anwendung von WCAG-Kriterien, Kontrast- und Tastaturnavigation, ARIA-Grundlagen, Fehlermeldungen und Zustände für barrierearme Interaktionen
Evaluation und Metriken: Durchführung von Usability-Tests, Heuristiken, Auswertung qualitativer und quantitativer Befunde, Ableitung von Iterationen und Pflege von Backlogs
Lernziele
- Analysieren von Nutzerwegen und Informationsarchitekturen anhand definierter Nutzungsszenarien
- Erstellen von Wireframes, User Flows und klickbaren Prototypen für definierte Interaktionsaufgaben
- Entwickeln von Komponenten, Zuständen und Layoutrastern innerhalb eines konsistenten Designsystems
- Anwenden von WCAG-Kriterien zur Beurteilung von Kontrasten, Tastaturbedienbarkeit und Zustandskommunikation
- Implementieren von Annotations- und Übergabedokumenten für die Zusammenarbeit mit Entwicklungsteams
- Bewerten von Usability-Testdaten und Integrieren der Ergebnisse in iterativen Überarbeitungen
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI-Designer in Produkt- und Agenturumgebungen mit Schwerpunkt auf Oberflächengestaltung und Komponentenarbeit.
Typische Tätigkeitsfelder umfassen UX/UI-Designer mit Aufgaben in Prototyping, Usability-Tests und der Ausarbeitung von Designsystemen.
Der Kurs adressiert Inhalte für Tätigkeiten wie Product Designer mit Fokus auf Interaktionskonzepte, visuelle Spezifikation und Übergabe an die Entwicklung.
Zusammenfassung
Der Kurs Fortgeschritten UI-Gestaltung behandelt vertiefte Verfahren zur Konzeption, Ausarbeitung und Evaluierung von Benutzeroberflächen einschließlich Designsystemen und Zugänglichkeit. Im Rahmen dieser Weiterbildung werden Methoden für Prototyping, Spezifikation und Kollaboration mit Entwicklungsteams vermittelt. Die Themen stehen in Bezug zu Tätigkeiten in UI-Design, UX/UI-Design und Product Design.