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

Diese Weiterbildung vermittelt Kenntnisse in der Erstellung mobiler Anwendungen, der Nutzung von Wireframes zur Interface-Planung und der Anwendung von Figma für digitale Designsysteme. Die Teilnehmenden lernen, Prototyping-Workflows im Kontext der App-Entwicklung zu beherrschen.

Modul 1: Einführung in die App Entwicklung
Modul 2: Wireframe: Strukturierung, Tools und Interface-Planung
Modul 3: Figma: Digitale Designsysteme und Prototyping-Workflows

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.

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.

Figma: Digitale Designsysteme und Prototyping-Workflows
  • Grundlagen der Prototyp-Erstellung mit Figma, Aufbau interaktiver UI-Designs und Wireframing im Webdesign-Kontext.
  • Anwendung von Komponenten, Responsive Design, Grid Design und Style Guides in figma-basierten Projekten.
  • Teamarbeit mit Entwicklern durch Kommentierung, Dokumentation und figma-gestützte Entwicklerübergabe.
  • Erstellung interaktiver Prototypen, Durchführung von Usability-Tests und Ableitung gestalterischer Optimierungen.

Nach Abschluss der Weiterbildung sind die Teilnehmenden in der Lage, mobile Anwendungen zu entwickeln, Wireframes zu erstellen und Figma für Prototyping-Workflows im Team zu nutzen.