Zielsetzung des Kurses
Der Kurs UI/UX Design mit Design Systems vermittelt Grundlagen und Anwendung von Benutzeroberflächen- und Nutzungserlebnisgestaltung mit Fokus auf wiederverwendbaren Komponentenbibliotheken. Behandelt wird die Planung, Dokumentation und Pflege von Designsystemen als verbindendes Element zwischen Design und Entwicklung. Ziel ist die methodische Herleitung von Mustern, Richtlinien und Tokens sowie deren Umsetzung in Prototypen und Interface-Komponenten. Der Kurs ist im Fachgebiet Human-Computer-Interaction und Interface-Design verortet und adressiert Prozesse entlang des Produktentwicklungszyklus.
Inhalte
Einführung in UI/UX-Grundlagen und Designsysteme: Terminologie, Rollen, Artefakte; Aufbau von Komponenten, Variablen/Tokens, Styles, Grids, Typografie und Farbsystemen
Gestaltungs- und Interaktionsprinzipien: Informationsarchitektur, Navigationsmuster, Zustände, Feedback, Barrierefreiheit, konsistente Nutzung von Abständen und Hierarchien
Tool-gestützte Erstellung: Nutzung von Design- und Prototyping-Software für Komponenten, Varianten, Auto-Layout, Dokumentation sowie Übergabe an Entwicklungsteams
Design-Operations und Governance: Versionierung, Naming-Konventionen, Review-Prozesse, Contribution-Workflows, Qualitätskriterien und Wartung von Bibliotheken
Implementierungsbezug: Übergang zu Code mittels Design Tokens, Dokumentation für Frontend-Frameworks, Hand-off, Spezifikation von Interaktionen und Assets
Messung und Weiterentwicklung: Nutzung von Nutzertests, Heuristiken und Nutzungsmetriken zur Anpassung von Mustern, Backlog-Pflege und Release-Management von System-Updates
Lernziele
- Analysieren von Benutzeroberflächen hinsichtlich Komponenten, Zuständen und Konsistenzmerkmalen
- Identifizieren von Gestaltungstokens (Farben, Typografie, Spacing) und Zuordnen zu Komponentenstrukturen
- Erstellen von wiederverwendbaren UI-Komponenten mit Varianten und dokumentierten Zuständen
- Durchführen von Prototypen-Übergaben inklusive Spezifikationen, Assets und Interaktionsbeschreibungen
- Implementieren von Governance-Regeln für Versionierung, Contribution und Qualitätssicherung im Designsystem
- Integrieren von Feedback aus Nutzertests in die Weiterentwicklung von Mustern und Bibliotheken
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI/UX-Design, insbesondere mit Fokus auf Komponentenbibliotheken und Prototyping.
Typische Tätigkeitsfelder umfassen Design System Manager oder Design Ops Rollen mit Verantwortung für Pflege, Governance und Skalierung von Bibliotheken.
Der Kurs adressiert Inhalte für Tätigkeiten wie Product Designer oder Interaction Designer mit Schnittstelle zu Frontend-Teams und Dokumentation.
Zusammenfassung
Der Kurs UI/UX Design mit Design Systems behandelt die Konzeption, Dokumentation und Pflege von Komponentenbibliotheken sowie deren Einsatz im Interface- und Nutzungserlebnisdesign. Im Rahmen dieser Weiterbildung werden Vorgehen, Tools und Governance-Aspekte entlang der Produktentwicklung aufgezeigt. Die vermittelten Themen stehen in Bezug zu Tätigkeiten im UI/UX-Design, Design Operations und produktnahen Designrollen.