Mobile Produktdesign + UX/UI Gestaltung + App Entwicklung + Wireframing

Diese Weiterbildung vermittelt Kenntnisse im Bereich des mobilen Produktdesigns, wobei der Schwerpunkt auf der Gestaltung von Apps für Android und iOS liegt. Teilnehmende lernen, digitale Benutzeroberflächen zu analysieren und interaktive Prototypen zu erstellen, um die Benutzerfreundlichkeit sicherzustellen.

Modul 1: UX/UI Konzepte im digitalen Produktdesign
Modul 2: Grundkonzepte der Mobile App Entwicklung
Modul 3: UX UI Gestaltung für interaktive Systeme
Modul 4: Wireframing in der nutzerzentrierten Gestaltung

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.

Grundkonzepte der Mobile App Entwicklung
  • Grundlagen mobiler Applikationen: Einführung in iOS & Android, Unterschiede nativer und hybrider Apps sowie Einsatz mobiler Frameworks.
  • Tools & Technologien: App Entwicklung mit Xcode, Swift, Kotlin und GitHub - von der Codebasis bis zur Veröffentlichung im App & Play Store.
  • UX/UI & Prototyping: Gestaltung benutzerfreundlicher Interfaces mit UI/UX Design, Rapid Prototyping und Grundlagen des Clean Coding.
  • API & Datenbanken: Anbindung von API Schnittstellen, Nutzung von SQL Datenbanken und Einführung in Backend-Logik und App Engineering.

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.

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.

Mit Abschluss der Weiterbildung sind die Teilnehmenden in der Lage, mobile Anwendungen zu gestalten und die Benutzererfahrung durch gezielte Nutzung von Prototyping-Tools und Methoden der Nutzerforschung zu verbessern.