Zielsetzung des Kurses
Der Kurs UI/UX Design mit Atomic Design adressiert Konzepte und Vorgehensweisen zur Gestaltung digitaler Benutzeroberflächen im Spannungsfeld von User Interface und User Experience. Im Mittelpunkt steht die Anwendung des Atomic-Design-Ansatzes zur Strukturierung von Komponentenbibliotheken und Designsystemen. Behandelt werden Methodik, Dokumentation und Übergabe an Entwicklungsteams innerhalb des Fachgebiets Produkt- und Interfacedesign. Ziel ist die Vermittlung eines konsistenten Vorgehens von der Anforderungserhebung bis zur prototypischen Umsetzung.
Inhalte
Einführung in UI/UX: Rollen, Prozesse und Artefakte entlang des Produktlebenszyklus, einschließlich Nutzeranforderungen, Informationsarchitektur und Interaktionsmuster; Einordnung des Atomic-Design-Ansatzes innerhalb gängiger Designsysteme.
Atomic Design im Detail: Definition von Atomen, Molekülen, Organismen, Templates und Pages; Ableitung wiederverwendbarer Komponenten, Benennungskonventionen und Variantenverwaltung.
Designsysteme und Dokumentation: Aufbau einer Komponentenbibliothek, Token-Definition (Farben, Typografie, Abstände), Zustandslogik, Barrierefreiheitskriterien und Richtlinienpflege.
Prototyping und Hand-off: Erstellung klickbarer Prototypen, Spezifikation von Interaktionen und Mikroanimationen, Übergabe an Entwicklung mittels Styleguides, Inspect-Funktionen und Ticketstrukturen.
Qualitätssicherung und Iteration: Usability-Überprüfung anhand definierter Kriterien, Auswertung von Feedback, Versionierung von Komponenten und Pflege zyklischer Verbesserungen.
Lernziele
- Analysieren von Nutzeranforderungen und Informationsarchitektur zur Ableitung sinnvoller Interface-Strukturen
- Unterscheiden der Atomic-Design-Ebenen und Identifizieren geeigneter Komponenten für Wiederverwendung
- Erstellen einer konsistenten Komponentenbibliothek inklusive Design-Tokens und Zustandsdefinitionen
- Durchführen von Prototyping-Schritten mit Interaktionen und Mikroanimationen für definierte Use-Cases
- Implementieren eines Hand-off-Prozesses mit Spezifikationen, Assets und Inspect-Links für Entwicklungsteams
- Bewerten von UI-Entwürfen anhand festgelegter Usability- und Barrierefreiheitskriterien und Integrieren von Anpassungen in das Designsystem
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI Designer mit Schwerpunkt auf Komponentenaufbau und visuellem Systemdesign. Typische Tätigkeitsfelder umfassen UX Designer in der Konzeption von Nutzerflüssen, Informationsarchitektur und Prototyping. Der Kurs adressiert Inhalte für Tätigkeiten wie Produktdesigner in interdisziplinären Teams mit Fokus auf Designsysteme und Handoff-Prozesse. Ebenfalls angesprochen sind Designsystem- oder Pattern-Library-Manager mit Verantwortung für Pflege und Dokumentation.
Zusammenfassung
Der Kurs UI/UX Design mit Atomic Design behandelt die strukturierte Gestaltung von Benutzeroberflächen auf Basis eines komponentenorientierten Ansatzes. Im Rahmen dieser Weiterbildung werden Vorgehensweisen zu Designsystemen, Prototyping, Dokumentation und Übergabe an die Entwicklung vermittelt. Die Inhalte finden in Tätigkeitsfeldern wie UI Design, UX Design, Produktdesign und Designsystem-Management Anwendung.