UI/UX Design + Prototyping + Wireframing + Figma

Diese Weiterbildung vermittelt fundierte Kenntnisse in der Gestaltung und Entwicklung nutzerzentrierter digitaler Anwendungen. Dabei werden Tools wie Adobe XD, Figma und verschiedene Frameworks zur Erstellung und Optimierung von User Interfaces eingesetzt.

Modul 1: UI/UX Design für digitale Anwendungen
Modul 2: UI/UX Entwicklung mit komponentenbasierten Frameworks
Modul 3: Wireframing: Visuelle Struktur und digitale Prozessplanung
Modul 4: Figma: Gestaltung und Prototyping im Webdesign

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.

UI/UX Entwicklung mit komponentenbasierten Frameworks
  • Interface-Komponenten: Aufbau von Designsystemen mit user interface coding, framework ui und responsive UI-Strukturen.
  • Design & Layout: Nutzung von flexbox, grid design und compose zur Erstellung flexibler Web- und App-Komponenten.
  • Prototyping mit Tools: Anwendung von sketch, figma developer und wireframe website zur Interface-Simulation.
  • Entwicklung & Kontrolle: Einsatz von git, docker compose und ui testing zur Sicherung und Abstimmung modularer Interfaces.

Wireframing: Visuelle Struktur und digitale Prozessplanung
  • Wireframing als Methode zur Entwicklung logischer Interface-Strukturen im Webdesign und App-Prototyping.
  • Statische und klickbare Wireframes in Tools wie Figma, Sketch, Adobe XD und Figma-UI-Workflows.
  • Nutzung zur Vorabprüfung von Interaktionen, Seitenaufbau und UI Testing in crossmedialen Webprojekten.
  • Einbindung in UI/UX-Designer-Teams, Vorbereitung auf Frontend-Webentwicklung und Style-Guide-Umsetzung.

Figma: Gestaltung und Prototyping im Webdesign
  • Einführung in Figma: Grundlagen der webbasierten Designsoftware zur Erstellung von User Interfaces, Wireframes und interaktiven Prototypen.
  • Gestaltung & Komponenten: Anwendung von UI-Kits, Auto-Layout, Designsystemen und responsivem Webdesign in plattformübergreifenden Projekten.
  • Kollaboration & Feedback: Nutzung von Figma-Funktionen für Teamarbeit, Kommentierung und Übergabe an Entwickler im UI/UX-Workflow.
  • Prototyping & Testing: Erstellung interaktiver Klick-Prototypen, Durchführung von User Tests und Vorbereitung auf Usability-Optimierungen.

Mit Abschluss der Weiterbildung sind die Teilnehmenden in der Lage, UI/UX-Konzepte mit vielfältigen Tools zu gestalten und zu testen, um diese in verschiedenen digitalen Projekten anzuwenden.