Design Handoff to Development vertieft Ihr Verständnis für das Zusammenspiel von UX und UI, indem Sie gezielt auf die Schnittstelle zwischen Design und Entwicklung vorbereitet werden. Der Kurs hebt sich durch fokussierte Schwerpunkte auf User Research, Design Thinking, wireframes in Figma und die Umsetzung von Prototyping hervor, um ein reibungsloses Handoff zu gewährleisten. Besonders im Mittelpunkt stehen konsistente UIComponents, adaptives Responsive Design, Accessibility (Barrierefreiheit nach WCAG) und die sichere Integration von Usability Testing in agile Arbeitsprozesse. Einzigartig ist der Praxisfokus auf Visual Design-Aspekte wie Typography, Color Theory und Branding zur Stärkung der Markenidentität im Design-System sowie die strukturierte Anwendung von User Flows und Interaction Design zur effizienten Kommunikation mit Entwicklern.

Grundlagen von UXPraktische Implementierung mit UXUX: Technologie und InfrastrukturFortgeschrittene UX-Strategien und Trends
Grundlagen von UX
  • Kernkonzepte: UX, UI und User Research verstehen, analysieren und anwenden
  • Historische Entwicklung: Design System, Information Architecture und aktuelle Design Thinking-Ansätze
  • Frameworks wie Prototyping, Wireframing und UIComponents im Vergleich
  • Relevante Modelle und Einfluss der Microinteractions
  • Differenzierung über Visual Design, Color Theory und Barrierefreiheit (WCAG-Konformität)
  • Einbindung von Personas, User Journey und sinnvolle Ergonomie-Aspekte

Praktische Implementierung mit UX
  • Aufbau von Prototypen in Figma und effektives Dashboard Design
  • Roadmap zur Handhabung iterativer User Flows und User Journey Mapping
  • UIAnimation und Microinteractions gezielt zur Usability Testing-Vorbereitung einsetzen
  • Integration von Feedback und Optimierung der Accessibility
  • UXWriting-Prinzipien zur Kommunikation im Team
  • Agile Design-Methoden für die Zusammenarbeit mit Entwicklung
  • Anwendung von Branding und konsistentem Typography-Management

UX: Technologie und Infrastruktur
  • Auswahl und Nutzung marktführender Tools wie Figma im agilen Umfeld
  • Schnittstellenmanagement via APIs, Datenstrukturierung für Information Architecture
  • Integration von automatisierten WCAG-Checks und Barrierefreiheit
  • Implementierung und Skalierung von Design Systemen
  • Responsive Design-Patterns und Testing-Umgebungen
  • Reporting, Analyse Dashboards und KPIs im Produktentwicklungsprozess

Fortgeschrittene UX-Strategien und Trends
  • Automatisierung von User Research mit Machine Learning
  • Optimierung von UXStrategy und Product Design für verschiedene Devices
  • Zukunftsorientierte UIComponents und Microinteractions in neuen Bereichen
  • Weiterentwicklung von Accessibility nach aktuellen Standards
  • Gestaltung nachhaltiger Customer Journey-Maßnahmen