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.