App Design

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.