Produktdesign + Webdesign + Prototyping + User Interface

Diese Weiterbildung vermittelt Kenntnisse im Bereich Produktdesign und Webdesign, wobei der Schwerpunkt auf nutzerzentrierten Designprozessen, Prototyping-Tools und der Gestaltung digitaler Interfaces liegt. Teilnehmende erlernen Grundlagen und fortgeschrittene Techniken für den Einsatz in der digitalen Produktentwicklung.

Modul 1: Produkt Design im digitalen Entwicklungsprozess
Modul 2: Webdesign: Struktur, Designprozesse und Interaktionsgestaltung
Modul 3: Figma: Digitale Designsysteme und Prototyping-Workflows
Modul 4: User Interface Frameworks im digitalen Produktdesign

Produkt Design im digitalen Entwicklungsprozess
  • Grundlagen im Produkt Design: Einführung in Designprozesse, User Needs, Interface-Gestaltung und mobile App-Konzepte für iOS & Android.
  • Nutzerzentrierte Entwicklung: Einsatz von User Research, Personas, Usability-Analysen und Customer Journey Mapping im Designprozess.
  • Prototyping & Tools: Erstellung interaktiver Prototypen mit Figma, Sketch oder Prototyping Software für Web, App und Smartphone Interfaces.
  • Testing & Optimierung: Durchführung von A/B-Tests, User Testing und Umsetzung von Feedback zur nutzerfreundlichen Produktgestaltung.

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.

Figma: Digitale Designsysteme und Prototyping-Workflows
  • Grundlagen der Prototyp-Erstellung mit Figma, Aufbau interaktiver UI-Designs und Wireframing im Webdesign-Kontext.
  • Anwendung von Komponenten, Responsive Design, Grid Design und Style Guides in figma-basierten Projekten.
  • Teamarbeit mit Entwicklern durch Kommentierung, Dokumentation und figma-gestützte Entwicklerübergabe.
  • Erstellung interaktiver Prototypen, Durchführung von Usability-Tests und Ableitung gestalterischer Optimierungen.

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.

Mit Abschluss der Weiterbildung sind die Teilnehmenden in der Lage, digitale Designsysteme zu implementieren, Prototyping-Tools anzuwenden und responsive Interfaces zu entwickeln, die den aktuellen Anforderungen der Web- und App-Entwicklung entsprechen.