UI/UX Design + Prototyping + Wireframes + Figma
Diese Weiterbildung vermittelt Wissen über die Gestaltung von Benutzeroberflächen und die Entwicklung von Prototypen. Die Teilnehmenden lernen, mit verschiedenen Design-Tools und Frameworks umzugehen, um benutzerzentrierte digitale Anwendungen zu erstellen.
Modul 1: UI/UX Design für digitale Anwendungen
Modul 2: Wireframe: Strukturierung, Tools und Interface-Planung
Modul 3: Figma: Webbasierte UI-Konzepte und Prototyp-Entwicklung
Modul 4: User Interface Frameworks im digitalen Produktdesign
Modul 5: Grundlagen der objektorientierten Programmierung
!UI/UX Design für digitale Anwendungen
*Grundlagen von UI/UX: Einführung in Usability, Interface-Gestaltung und Nutzerführung für Web, App und mobile Anwendungen.
*Prototyping & Wireframes: Einsatz von Figma, Adobe XD und Rapid Prototyping zur Entwicklung von nutzerzentrierten UI-Konzepten.
*UX Research & Testing: Durchführung von User Research, A/B-Tests und User Personas zur Optimierung der User Experience.
*Designsysteme & Tools: Nutzung von UI Frameworks, Style Guides und WCAG-Richtlinien für barrierefreies und responsives Design.
!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: Webbasierte UI-Konzepte und Prototyp-Entwicklung
*Einführung in Figma-Workflows zur Gestaltung von Benutzeroberflächen, Wireframes und responsiven Webseiten.
*Einsatz von Auto-Layout, Designsystemen und UI-Kits zur komponentenbasierten Entwicklung digitaler Interfaces.
*Zusammenarbeit in UI/UX-Teams, strukturierte Feedbackprozesse und Vorbereitung auf die Frontend-Entwicklung.
*Erstellung von App-Prototypen, Anwendung von UI-Testing-Methoden und Integration in User-Interface-Prozesse.
!User Interface Frameworks im digitalen Produktdesign
*Grundlagen von UI Frameworks: Einführung in Struktur, Komponenten und Einsatzbereiche für responsive Web- und App-Oberflächen.
*Designsysteme & Komponenten: Anwendung von UIKit, SwiftUI, Flexbox und Compose für konsistente Interfaces und skalierbare UI-Architekturen.
*Prototyping & Gestaltung: Entwicklung interaktiver Interfaces mit Figma, Sketch oder Adobe XD unter Berücksichtigung von Usability-Prinzipien.
*Integration & Testing: Verbindung mit Codebases, UI Testing Workflows und Versionsverwaltung mit Git für kollaborative UI-Entwicklung.
!Grundlagen der objektorientierten Programmierung
*OOP-Konzepte: Aufbau von Klassen, Nutzung von Objekten, Prinzipien der Kapselung und Zusammenspiel über Schnittstellen.
*Programmieren im Team: Entwicklung objektorientierter Module mit GitHub, Clean Code und API-gestützter Anwendungsstruktur.
*Codearchitektur mit OOP: Nutzung von Frameworks, Strukturierung mit Patterns und Trennung funktionaler Softwareeinheiten.
*Schnittstellen und Datenzugriff: SQL Datenbank, API Schnittstellen und Datenhaltung im objektorientierten Softwaredesign.
Mit Abschluss der Weiterbildung sind die Teilnehmenden in der Lage, UI/UX-Designs zu erstellen und Prototyping-Tools anzuwenden. Sie verfügen über Kenntnisse in der objektorientierten Programmierung und der Nutzung von UI-Frameworks.