Zielsetzung des Kurses
Der Kurs Fortgeschritten UI Design vertieft Konzepte der nutzerzentrierten Oberflächengestaltung im Kontext digitaler Produkte. Behandelt werden weiterführende Methoden zur Strukturierung von Interface-Elementen, zur Zustandssteuerung und zur Interaktion. Ziel ist die Erweiterung von Gestaltungs- und Dokumentationsprozessen an der Schnittstelle von Design, Produktmanagement und Entwicklung. Der Kurs ordnet sich dem Fachgebiet Human-Computer-Interaction und Interface-Gestaltung zu und adressiert UI-spezifische Arbeitsabläufe im Produktlebenszyklus.
Inhalte
Designsysteme und Komponentenbibliotheken: Aufbau, Benennungskonventionen, Varianten- und Zustandsmanagement, Token-Verwaltung sowie Konsistenzsicherung zwischen Design- und Code-Artefakten
Interaktionsdesign und Zustandslogik: Navigation, Feedback-Mechanismen, Fehlermeldungen, Ladezustände, Barrierefreiheitsaspekte und Fokusführung
Informationsarchitektur und Layout: Hierarchie, Raster, Spacing, Typografieeinsatz, Ikonografie und responsives Verhalten in unterschiedlichen Viewports
Prototyping und Spezifikation: Low- bis High-Fidelity-Prototypen, Interaktionsflüsse, Übergabedokumente, Annotationen und Übergabe an Entwicklungsteams
Designqualität und Messung: Heuristiken, Nutzertests im UI-Kontext, Klickpfad-Analysen, Auswertung von Interaktionsmetriken und Ableitung von Anpassungen
Werkzeuge und Kollaboration: Nutzung gängiger UI-Tools, Versionierung, Kommentierung, Variablen-Management sowie Zusammenarbeit mit Entwicklung unter Berücksichtigung technischer Rahmenbedingungen
Lernziele
- Analysieren von Benutzeroberflächen hinsichtlich Hierarchie, Zustandsführung und Bedienbarkeit
- Unterscheiden von Komponenten-, Variant- und Token-Konzepten innerhalb eines Designsystems
- Erstellen von interaktiven Prototypen mit definierten Interaktionspfaden und Zustandswechseln
- Durchführen von UI-spezifischen Heuristiken und dokumentierten Nutzertests inklusive Auswertung
- Entwickeln und konzipieren von Komponentenbibliotheken mit Benennungskonventionen und Dokumentation
- Integrieren von UI-Spezifikationen in Entwicklungsprozesse inklusive Versions- und Übergabemanagement
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI-Designer, mit Fokus auf Komponentenentwicklung, Interaktionsfluss und Dokumentation.
Typische Tätigkeitsfelder umfassen UX/UI-Design in Produktteams, insbesondere Informationsarchitektur, Prototyping und Qualitätsprüfung.
Der Kurs adressiert Inhalte für Tätigkeiten wie Design-System-Manager oder DesignOps-Rollen, mit Aufgaben in Pflege, Versionierung und Kollaboration mit Entwicklung.
Zusammenfassung
Der Kurs Fortgeschritten UI Design behandelt fortgeschrittene Methoden zur Gestaltung, Spezifikation und Qualitätssicherung von Benutzeroberflächen. Im Rahmen dieser Weiterbildung werden Designsysteme, Interaktionslogik, Prototyping und kollaborative Abläufe zwischen Design und Entwicklung bearbeitet. Die vermittelten Themen stehen in Bezug zu Tätigkeitsfeldern wie UI-Design, UX/UI in Produktteams und Design-System-Management.