UX/UI Design + Prototyping + Wireframing + User Testing

Diese Weiterbildung vermittelt Kenntnisse im digitalen Produktdesign mit Fokus auf UX/UI-Konzepte. Teilnehmende lernen, wie man interaktive Prototypen erstellt, Nutzerverhalten analysiert und responsive Interfaces mit Figma gestaltet. Der Kurs fördert die Zusammenarbeit in Designteams und die Anwendung von Testing-Methoden.

Modul 1: UX/UI Konzepte im digitalen Produktdesign
Modul 2: Figma: Webbasierte UI-Konzepte und Prototyp-Entwicklung
Modul 3: Wireframing in der nutzerzentrierten Gestaltung
Modul 4: UI/UX Design für digitale Anwendungen

UX/UI Konzepte im digitalen Produktdesign
  • Designprozesse mit Fokus auf Interface-Strukturen, App-Logik und mobilen Anwendungen für Android, iOS und responsive Webseiten.
  • Analyse von Nutzerverhalten mit User Research, Personas, Usability-Kriterien und Customer Journey Mapping im Designablauf.
  • Erstellung interaktiver UI-Prototypen mit Figma, Sketch oder Prototyping Software für mobile und webbasierte Interfaces.
  • Einsatz von A/B Testing, User Testing und Feedbacksystemen zur Optimierung digitaler Benutzeroberflächen.

Figma: Webbasierte UI-Konzepte und Prototyp-Entwicklung
  • Einführung in Figma-Workflows zur Gestaltung von Benutzeroberflächen, Wireframes und responsiven Webseiten.
  • Einsatz von Auto-Layout, Designsystemen und UI-Kits zur komponentenbasierten Entwicklung digitaler Interfaces.
  • Zusammenarbeit in UI/UX-Teams, strukturierte Feedbackprozesse und Vorbereitung auf die Frontend-Entwicklung.
  • Erstellung von App-Prototypen, Anwendung von UI-Testing-Methoden und Integration in User-Interface-Prozesse.

Wireframing in der nutzerzentrierten Gestaltung
  • Grundlagen von Wireframes: Einführung in Struktur, Funktion und Einsatz von Wireframes zur Planung digitaler Interfaces und Webseiten.
  • Toolgestützte Entwicklung: Erstellung statischer und interaktiver Wireframes mit Figma, Sketch, Adobe XD und gängiger Prototyping Software.
  • Designprozesse & Usability: Einsatz von Wireframes zur frühen Evaluation von Navigation, Informationsarchitektur und responsivem Webdesign.
  • Standards & Zusammenarbeit: Integration in UI/UX-Workflows, Austausch im Team und Vorbereitung für Designsysteme und Frontend-Entwicklung.

UI/UX Design für digitale Anwendungen
  • Grundlagen von UI/UX: Einführung in Usability, Interface-Gestaltung und Nutzerführung für Web, App und mobile Anwendungen.
  • Prototyping & Wireframes: Einsatz von Figma, Adobe XD und Rapid Prototyping zur Entwicklung von nutzerzentrierten UI-Konzepten.
  • UX Research & Testing: Durchführung von User Research, A/B-Tests und User Personas zur Optimierung der User Experience.
  • Designsysteme & Tools: Nutzung von UI Frameworks, Style Guides und WCAG-Richtlinien für barrierefreies und responsives Design.

Nach Abschluss der Weiterbildung sind die Teilnehmenden in der Lage, digitale Produktdesignprozesse mit Figma und anderen Tools durchzuführen. Sie beherrschen die Erstellung von Wireframes und Prototypen und wenden Testing-Methoden in Projekten an.