Responsive Webdesign + Produktdesign + UX/UI Konzepte + Prototyping
Diese Weiterbildung vermittelt Kenntnisse im Bereich der digitalen Produktgestaltung mit einem Fokus auf UX/UI Konzepte, Webdesign und responsiven Designs. Die Teilnehmenden lernen, wie sie Nutzerverhalten analysieren, interaktive Prototypen erstellen und mobile Interfaces gestalten können.
Modul 1: UX/UI Konzepte im digitalen Produktdesign
Modul 2: Webdesign: Struktur, Designprozesse und Interaktionsgestaltung
Modul 3: Responsive Webdesign für mobile Interfaces
Modul 4: User Interface Frameworks im digitalen Produktdesign
Modul 5: UI/UX Design für digitale Anwendungen
!UX/UI Konzepte im digitalen Produktdesign
*Designprozesse mit Fokus auf Interface-Strukturen, App-Logik und mobilen Anwendungen für Android, iOS und responsive Webseiten.
*Analyse von Nutzerverhalten mit User Research, Personas, Usability-Kriterien und Customer Journey Mapping im Designablauf.
*Erstellung interaktiver UI-Prototypen mit Figma, Sketch oder Prototyping Software für mobile und webbasierte Interfaces.
*Einsatz von A/B Testing, User Testing und Feedbacksystemen zur Optimierung digitaler Benutzeroberflächen.
!Webdesign: Struktur, Designprozesse und Interaktionsgestaltung
*Gestaltung digitaler Interfaces mit Responsive Design, Usability-Prinzipien und uikit-basierter Strukturierung.
*Wireframing und Prototyping mit Figma, Adobe XD und Sketch im Rahmen eines systematischen UI Design Workflows.
*Frontend-Grundlagen mit CSS, Flexbox, Grid Layout und semantischer HTML-Struktur für Webseiten.
*Grundlagen zu WCAG-Richtlinien, Interface Testing und barrierefreier Gestaltung im digitalen Webdesign.
!Responsive Webdesign für mobile Interfaces
*Strukturierung von Webseiten und Interfaces für variable Auflösungen auf Android, iOS und browserbasierten Anwendungen.
*Nutzung von CSS Grid, Breakpoints und Flexbox zur Umsetzung responsiver Designs in der Webentwicklung.
*Entwurf von Wireframes und klickbaren Prototypen mit Tools wie Sketch, Figma oder Webflow.
*Berücksichtigung von WCAG, Usability-Prüfungen und UX-Konzepten zur Optimierung mobiler Anwendungen.
!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.
!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.
Mit Abschluss der Weiterbildung sind die Teilnehmenden in der Lage, UX/UI Konzepte für digitale Produkte zu gestalten, Prototyping-Tools einzusetzen und responsive Webdesigns für mobile Anwendungen zu entwickeln.