Zielsetzung des Kurses
Der Kurs Rapid Design Systems Week behandelt die schnelle Konzeption und Umsetzung von Designsystemen im Kontext digitaler Produkte. Im Mittelpunkt stehen Strukturierung, Komponentenaufbau und Governance von wiederverwendbaren UI-Bausteinen. Ziel ist die Vermittlung von Vorgehensweisen zur Definition von Design-Tokens, zur Dokumentation im Team und zur Abstimmung zwischen Design und Entwicklung. Der Kurs ist im Fachgebiet UX/UI-Design und Frontend-Design-Engineering verortet.
Inhalte
Einführung in Designsysteme mit Abgrenzung zu Pattern Libraries, Styleguides und Komponentenbibliotheken sowie Betrachtung von Anwendungsfällen in produktiven Umgebungen
Konzeption von Design-Tokens (Farben, Typografie, Spacing, Elevation, Interaktionen) und Ableitung von Regeln für Zustände, Barrierefreiheit und Skalierung über Markenvarianten hinweg
Komponentenarchitektur mit grundlegenden Bausteinen (Buttons, Inputs, Navigation, Karten) inklusive Zustandsdefinition, Variantenmanagement und Dokumentation von Interaktionsmustern
Prozesse und Governance durch Versionierung, Review-Workflows, Rollenverteilung, Naming-Konventionen und Richtlinien für Beitrags- und Änderungsprozesse
Handoff und Implementierung mit Übergabeformaten zwischen Design- und Entwicklungsteams, Mapping von Tokens zu Code, sowie Beispiel-Setups in gängigen Toolchains
Qualitätssicherung und Wartung über Guidelines für Konsistenzprüfungen, Dokumentationspflege, Metriken zur Nutzung und Verfahren zur dezentralen Weiterentwicklung
Lernziele
- Analyse bestehender UI-Bibliotheken zur Identifikation wiederverwendbarer Muster und Lücken
- Erstellung eines Token-Sets für Farben, Typografie und Abstände nach definierten Regeln
- Konzeption einer Kernkomponente mit Zuständen, Varianten und Dokumentationsseite
- Durchführung eines Handoffs von Komponenten inklusive Spezifikationen für Entwicklungsteams
- Implementierung einer einfachen Komponentenstruktur auf Basis definierter Tokens in einer Beispiel-Toolchain
- Bewertung von Änderungsanfragen anhand festgelegter Governance-Kriterien und Versionierungsrichtlinien
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UX/UI-Design, insbesondere im Aufbau konsistenter Oberflächen und Interaktionsmuster.
Typische Tätigkeitsfelder umfassen Design-Engineering oder UI-Entwicklung mit Fokus auf Komponenten, Tokens und Handoff.
Der Kurs adressiert Inhalte für Tätigkeiten wie Produktdesign mit Verantwortung für Designsysteme und deren Weiterentwicklung in cross-funktionalen Teams.
Zusammenfassung
Der Kurs Rapid Design Systems Week behandelt Konzeption, Aufbau und Pflege von Designsystemen mit Fokus auf Tokens, Komponenten, Dokumentation und Handoff. Im Rahmen dieser Weiterbildung werden Vorgehensweisen für die Zusammenarbeit zwischen Design und Entwicklung sowie Verfahren zur Qualitätssicherung vermittelt. Die Inhalte sind auf Tätigkeitsfelder im UX/UI-Design, Design-Engineering und der UI-Entwicklung ausgerichtet.