UI-Design + Wireframing + Prototyping + Usability

Diese Weiterbildung vermittelt Kenntnisse im Bereich der digitalen Produktgestaltung, wobei UI- und UX-Prozesse im Fokus stehen. Die Teilnehmenden lernen, Wireframes und Prototypen zu erstellen sowie grundlegende UX-Research-Methoden anzuwenden.

Modul 1: UI & UX Prozesse im digitalen Produktdesign
Modul 2: Wireframing in der nutzerzentrierten Gestaltung
Modul 3: UI Frameworks & visuelle Strukturmodelle im UX Design

UI & UX Prozesse im digitalen Produktdesign
  • Interface & Usability: Gestaltung von user interface Komponenten mit Fokus auf barrierefreiheit und human interface guideline.
  • Wireframe & Prototyp: Nutzung von prototyping software, app prototyping und figma developer zur visuellen Ausarbeitung.
  • UX Research Methoden: Entwicklung von ux persona, user research und teststrukturen für digitale Produkte.
  • Designintegration: Einsatz von swiftui, android compose und ui testing für mobile und responsive Webanwendungen.

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 Frameworks & visuelle Strukturmodelle im UX Design
  • Strukturelle Grundlagen: Vermittlung von UI-Komponentenmodellen mit Fokus auf usability, grid design und ui framework.
  • Frameworkbasierte Gestaltung: Einsatz von compose android, android compose und swift ui zur Interface-Entwicklung.
  • Prototyping-Tools: Umsetzung von app wireframe, prototyping software und figma ui im gestalterischen Entwicklungsprozess.
  • Test & Umsetzung: Validierung durch ui test, Integration in frontend-Systeme und Versionsverwaltung mit git.

Nach Abschluss der Weiterbildung sind die Teilnehmenden in der Lage, UI-Frameworks zu nutzen, um nutzerzentrierte Designs zu erstellen und gängige Prototyping-Tools im Entwicklungsprozess einzusetzen.