Zielsetzung des Kurses
Der Kurs Master UI Design behandelt Konzeption, Gestaltung und Evaluation grafischer Benutzeroberflächen im Kontext digitaler Produkte. Im Mittelpunkt stehen Interface-Architektur, Interaktionsmuster und visuelle Systeme als Teilgebiet der Human-Computer-Interaction. Ziel ist die Vermittlung von Methoden zur strukturierten Gestaltung nutzbarer Oberflächen über den gesamten Designprozess hinweg. Behandelt werden zudem Prototyping-Ansätze und Kriterien zur Beurteilung von Bedienbarkeit und Barrierefreiheit.
Inhalte
Einführung in UI-Design-Grundlagen mit Terminologie, Gestaltungsprinzipien, Raster- und Layoutsystemen, Typografie, Farb- und Icon-Systemen sowie Pattern Libraries. Ableitung von Designanforderungen aus Use Cases, Nutzerflüssen und Informationsarchitektur.
Interaktionsdesign und Navigationslogik mit Zustandsmodellen, Komponentenverhalten, Mikrounteraktionen, Feedback-Mechanismen, Responsivität und Motion-Prinzipien. Einbindung von Design Tokens und konsistenten Varianten für unterschiedliche Viewports.
Prototyping und Spezifikation mit Low- bis High-Fidelity-Prototypen, Click-Dummies, Übergabeformaten an Entwicklung, Design-Handoff, Versionierung, Kommentierung und Dokumentation in Designsystemen.
Barrierefreiheit und Richtlinien mit WCAG-Prüfpunkten, Kontrast- und Lesbarkeitsanforderungen, Tastaturnavigation, Fokusführung, Fehlermeldungs-Design und semantischer Struktur.
Usability-Testing und Messung mit Testplanung, Aufgabenstellungen, Moderation, Erhebungsmethoden, Auswertung qualitativer Beobachtungen und quantitativer Kennzahlen, Ableitung von Designiteration.
Produktionsreife Umsetzung mit Komponentenbibliotheken, Export- und Spezifikationsparametern, Kollaboration mit Entwicklung, Grundzügen von HTML/CSS-Handshakes, sowie Qualitätskontrollen vor Ausrollung.
Lernziele
- Analysieren von Benutzeranforderungen anhand von Nutzerflüssen, Szenarien und Informationsarchitektur
- Unterscheiden von Gestaltungsprinzipien für Layout, Typografie, Farbe und Komponentenverhalten
- Erstellen von Low- und High-Fidelity-Prototypen inklusive Interaktionen und Zuständen
- Durchführen von Usability-Tests mit definierten Aufgaben, Metriken und Auswertungsformaten
- Entwickeln eines konsistenten UI-Kit mit Design Tokens, Varianten und Dokumentation
- Implementieren von Barrierefreiheitskriterien nach WCAG in Screens, Komponenten und Navigation
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI-Designer, mit Schwerpunkt auf Komponentenentwicklung, Prototyping und Designsystempflege.
Typische Tätigkeitsfelder umfassen UX/UI-Designer, die Nutzerflüsse, Interaktionsmuster und Usability-Tests planen und umsetzen.
Der Kurs adressiert Inhalte für Tätigkeiten wie Product Designer, die Schnittstellen zwischen Produktanforderungen, Interface-Gestaltung und Entwicklung koordinieren.
Einsatzmöglichkeiten bestehen zudem im Bereich Designsystem-Manager, mit Verantwortung für Komponentenbibliotheken, Tokens und Dokumentation.
Zusammenfassung
Der Kurs Master UI Design behandelt die Gestaltung, Spezifikation und Evaluierung grafischer Benutzeroberflächen entlang des Designprozesses. Im Rahmen dieser Weiterbildung werden Interaktionsmuster, Designsysteme, Prototyping, Barrierefreiheit und Usability-Testing eingeordnet. Die vermittelten Themen finden Anwendung in Tätigkeitsfeldern wie UI-Design, UX/UI-Design, Product Design und Designsystem-Management.