App-Entwicklung + UI/UX-Design + Prototyping + Wireframing

Diese Weiterbildung vermittelt grundlegende Kenntnisse in der App-Entwicklung und UI/UX-Design. Teilnehmende lernen, mobile Anwendungen zu entwickeln und Designprozesse zu optimieren. Der Kurs umfasst Aspekte von Programmierung über Interface-Gestaltung bis hin zu Prototyping und Testing.

Modul 1: Einführung in die App Entwicklung
Modul 2: UI/UX Entwicklung mit komponentenbasierten Frameworks
Modul 3: Figma: Gestaltung und Prototyping im Webdesign
Modul 4: Wireframe: Strukturierung, Tools und Interface-Planung

Einführung in die App Entwicklung
  • Grundlagen der App Entwicklung: Einführung in mobile Anwendungen, Betriebssysteme wie iOS & Android sowie native und hybride Frameworks.
  • Programmieren lernen für Mobile: Einstieg in Swift, Kotlin und UI/UX Design, mit Fokus auf Clean Code, Prototyping und agile Entwicklung.
  • Tools & Plattformen: Nutzung von Xcode, GitHub und Android Studio zur App Programmierung, Testing und Bereitstellung im Play Store & App Store.
  • Backend & Schnittstellen: Einbindung von APIs, SQL Datenbanken und GraphQL zur Entwicklung leistungsfähiger und skalierbarer Mobile Apps.

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.

Wireframe: Strukturierung, Tools und Interface-Planung
  • Wireframes als Planungstool für Webseiten, Interfaces und Anwendungen im Kontext von UX Design und Nutzerführung.
  • Digitale Wireframes mit Figma, Sketch und Adobe XD zur Visualisierung statischer und interaktiver Benutzeroberflächen.
  • Wireframing zur Analyse von Navigationsstrukturen, Responsive Design und Usability-Aspekten im UI/UX-Prozess.
  • Integration in UI-Workflows, Übergabe an Frontend-Teams und Anbindung an Designsysteme und User Interface Coding.

Nach Abschluss der Weiterbildung sind die Teilnehmenden in der Lage, mobile Apps zu entwickeln und UI/UX-Designs zu gestalten. Sie beherrschen Tools wie Figma und Sketch zur Prototypenerstellung und optimieren Designprozesse.