Zielsetzung des Kurses
Der Kurs Design Handoff und Development befasst sich mit der Übergabe von Interface- und Produktdesigns an die Softwareentwicklung sowie deren Umsetzung im Frontend- und Backend-Kontext. Ziel ist die strukturierte Ausarbeitung von Spezifikationen, Assets und Interaktionslogiken für eine reibungsarme Implementierung. Behandelt werden Werkzeuge und Standards im Produktdesign, kollaborative Prozesse mit Entwicklungsteams sowie Anforderungen an Qualitätssicherung. Der Kurs ist im Arbeitsfeld UX/UI-Design und Softwareentwicklung verortet.
Inhalte
Definition von Rollen, Zuständigkeiten und Prozessen im Design-to-Dev-Workflow inklusive Dokumentation von User Flows, Informationsarchitektur und Interaktionsmustern
Ausarbeitung von Design-Spezifikationen mit Komponentenbibliotheken, Variablen, Spacing- und Typografieskalierung, Zuständen und Barrierefreiheitsanforderungen
Vorbereitung und Bereitstellung von Assets und Code-Snippets einschließlich Export-Management, Versionierung, Token-Nutzung und Übergabeformaten
Zusammenarbeit mit Entwicklungsteams über Design-Tools, Repository-Workflows, Ticketing und Abstimmungsroutinen sowie Pflege von Designsystemen
Qualitätssicherung mit Abgleich von UI gegen Spezifikation, visuellem Regressionstest, Prototyp-Tests, Handhabung von Änderungswünschen und Release-Übergabe
Lernziele
- Identifikation der erforderlichen Artefakte für den Handoff, einschließlich Flows, Komponenten und Zustände
- Erstellung konsistenter Design-Spezifikationen mit Design Tokens, Spacing- und Typografierastern
- Anwendung von Tools zur Asset-Bereitstellung, Versionierung und Kommentierung im Teamprozess
- Integration von Komponentenbibliotheken in den Entwicklungsprozess unter Nutzung gängiger Übergabeformate
- Durchführung von UI-Abnahmen durch visuelle und funktionale Prüfschritte anhand definierter Kriterien
- Bewertung von Änderungsanforderungen hinsichtlich Aufwand, Auswirkungen und Dokumentationsbedarf
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UX/UI-Design, insbesondere in der Ausarbeitung von Spezifikationen und Komponenten für die Implementierung.
Typische Tätigkeitsfelder umfassen Frontend-Entwicklung mit Schwerpunkt auf der Umsetzung von Designvorgaben und der Nutzung von Designsystemen.
Der Kurs adressiert Inhalte für Tätigkeiten wie Product Owner oder Technical Designer mit Fokus auf Anforderungsbeschreibung, Ticketing und Qualitätssicherung.
Zusammenfassung
Der Kurs Design Handoff und Development behandelt die strukturierte Übergabe von UX/UI-Designs an die Softwareentwicklung und die anschließende Umsetzung mit klaren Spezifikationen, Assets und Prüfprozessen. Im Rahmen dieser Weiterbildung werden Prozesse, Werkzeuge und Anforderungen für kollaborative Workflows zwischen Design und Development vermittelt. Die Inhalte stehen in Bezug zu Tätigkeitsfeldern wie UX/UI-Design, Frontend-Entwicklung und Product Ownership.