UX-Gestaltung & Prototyping

Kursüberblick

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 G…

Nächste Termine

• 2026-08-05T22:00:00.000Z · 2026-11-10T23:00:00.000Z · Stuttgart · Hybrid Learning
• 2026-08-05T22:00:00.000Z · 2026-11-10T23:00:00.000Z · Rosenheim, Oberbayern · Hybrid Learning
• 2026-08-05T22:00:00.000Z · 2026-11-10T23:00:00.000Z · Regensburg · Hybrid Learning
• 2026-08-05T22:00:00.000Z · 2026-11-10T23:00:00.000Z · Offenbach am Main · Hybrid Learning
• 2026-08-05T22:00:00.000Z · 2026-11-10T23:00:00.000Z · Nürnberg, Mittelfranken · Hybrid Learning