Produktdesign + Nutzerzentrierung + Prototyping + Webdesign

Diese Weiterbildung vermittelt Kenntnisse im Bereich digitaler Produktgestaltung und UI/UX-Designs. Teilnehmende lernen, nutzerzentrierte Entwicklungsprozesse zu gestalten und interaktive Prototypen zu erstellen. Der Einsatz von Tools wie Figma und Sketch wird behandelt.

Modul 1: Produkt Design im digitalen Entwicklungsprozess
Modul 2: UX UI Gestaltung für interaktive Systeme
Modul 3: UI/UX Entwicklung mit komponentenbasierten Frameworks
Modul 4: Figma: Gestaltung und Prototyping im Webdesign

Produkt Design im digitalen Entwicklungsprozess
  • Grundlagen im Produkt Design: Einführung in Designprozesse, User Needs, Interface-Gestaltung und mobile App-Konzepte für iOS & Android.
  • Nutzerzentrierte Entwicklung: Einsatz von User Research, Personas, Usability-Analysen und Customer Journey Mapping im Designprozess.
  • Prototyping & Tools: Erstellung interaktiver Prototypen mit Figma, Sketch oder Prototyping Software für Web, App und Smartphone Interfaces.
  • Testing & Optimierung: Durchführung von A/B-Tests, User Testing und Umsetzung von Feedback zur nutzerfreundlichen Produktgestaltung.

UX UI Gestaltung für interaktive Systeme
  • Interface-Grundlagen: Struktur, Nutzerführung und Interface-Gestaltung für responsive Anwendungen und smartphone apps.
  • Wireframing & Tools: Erstellung von Wireframes und App Wireframes mit figma ui, sketch und wireframe software.
  • UX Methoden: Einsatz von user research, user persona development und customer journey mapping für zielgerichtetes ux design.
  • Framework & Designsysteme: Verwendung von ui framework, style guides und wcag-konformen Elementen für barrierefreie Interfaces.

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.

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, nutzerzentrierte Designprozesse zu entwickeln und Prototypen mit Figma und Sketch zu erstellen. Sie können diese im Bereich Web- und App-Design anwenden.