Digitale Produkte + UI-Design + UX Methoden + Prototyping

Diese Weiterbildung vermittelt Kenntnisse in der Konzeption und Gestaltung digitaler Produkte. Die Teilnehmenden lernen, mobile und webbasierte Interfaces zu entwickeln, Nutzererfahrungen zu analysieren und Prototypen zu testen, um benutzerfreundliche Anwendungen zu schaffen.

Modul 1: Produktgestaltung für mobile und webbasierte Interfaces
Modul 2: Customer Journey Mapping
Modul 3: UI & UX Prozesse im digitalen Produktdesign
Modul 4: Wireframing in der nutzerzentrierten Gestaltung
Modul 5: Figma: Gestaltung und Prototyping im Webdesign
Modul 6: UI & UX Analyse: Testing-Strategien und A/B-Verfahren

Produktgestaltung für mobile und webbasierte Interfaces
  • Erarbeitung von UI-Designs für Smartphone Apps, Webanwendungen und responsives Layout unter Berücksichtigung technischer Vorgaben.
  • Einbindung von UX Methoden wie Personas, User Flows und Prozessvisualisierung im digitalen Produktentwicklungsprozess.
  • Gestaltung und Testen von Prototypen mit Sketch, Figma oder Webflow für verschiedene mobile und Desktop-Systeme.
  • Nutzerzentriertes Testing mit Methoden wie A/B-Tests, Interviews und Usability-Beobachtung in iterativen Zyklen.

Customer Journey Mapping
  • Grundlagen der Customer Journey: Analyse von Nutzerwegen, Kontaktpunkten und Erwartungen im digitalen Umfeld von App und Webseite.
  • Nutzerzentrierte Visualisierung: Erstellung von Journey Maps mit Figma oder Sketch zur Darstellung typischer User Flows und Personas.
  • Datenbasiertes Optimieren: Verbindung von User Research, User Testing und Feedback zur gezielten Verbesserung von Touchpoints.
  • Integration in Designprozesse: Nutzung von Customer Journeys für UX Design, Interface-Gestaltung und Usability-Strategien.

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.

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.

UI & UX Analyse: Testing-Strategien und A/B-Verfahren
  • Testmethoden verstehen: Einführung in user testing, a/b testing und Evaluation von UI-Konzepten in mobilen und webbasierten Interfaces.
  • Personas & Journey Mapping: Aufbau von Tests mit user personas, customer journey mapping und wireframe website zur Analyse von UX.
  • Datengestützte Optimierung: Auswertung von Testergebnissen zur Anpassung von UI Design und Ableitung nutzerorientierter Verbesserungen.
  • Frameworks & Standards: Einsatz von ui framework, compose desktop und style guides zur Einhaltung barrierefreier Interface-Anforderungen.

Mit Abschluss der Weiterbildung sind die Teilnehmenden in der Lage, digitale Produkte zu konzipieren, UI- und UX-Methoden anzuwenden und Prototypen zu gestalten und testen, um benutzerfreundliche Interfaces zu entwickeln.