Produkt Design + UX/UI + Prototyping + Interface
Diese Weiterbildung vermittelt Kenntnisse im Bereich Produktdesign mit Fokus auf UX/UI. Die Teilnehmer lernen, digitale Produkte zu gestalten, die nutzerzentriert und benutzerfreundlich sind, indem sie Designprozesse, Prototyping und Testing-Techniken anwenden.
Modul 1: Produkt Design im digitalen Entwicklungsprozess
Modul 2: UI & UX Prozesse im digitalen Produktdesign
Modul 3: User Interface Frameworks im digitalen Produktdesign
Modul 4: Figma: Webbasierte UI-Konzepte und Prototyp-Entwicklung
!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.
!UI & UX Prozesse im digitalen Produktdesign
*Interface & Usability: Gestaltung von user interface Komponenten mit Fokus auf barrierefreiheit und human interface guideline.
*Wireframe & Prototyp: Nutzung von prototyping software, app prototyping und figma developer zur visuellen Ausarbeitung.
*UX Research Methoden: Entwicklung von ux persona, user research und teststrukturen für digitale Produkte.
*Designintegration: Einsatz von swiftui, android compose und ui testing für mobile und responsive Webanwendungen.
!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.
!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.
Nach Abschluss der Weiterbildung sind die Teilnehmenden in der Lage, innovative digitale Produkte zu gestalten und prototypisch umzusetzen. Sie nutzen Tools wie Figma und Methoden der nutzerzentrierten Entwicklung für funktionale und ansprechende Designs.