Produktgestaltung + Responsive Design + Barrierefreiheit + User Testing
Diese Weiterbildung vermittelt Kenntnisse zur Gestaltung von mobilen und webbasierten Interfaces. Dabei werden UI-Designs für verschiedene Systeme erstellt, UX-Methoden eingesetzt und Prototypen mit gängigen Tools getestet.
Modul 1: Produktgestaltung für mobile und webbasierte Interfaces
Modul 2: Responsive Design für flexible Benutzeroberflächen
Modul 3: Digitale Barrierefreiheit im UI/UX-Kontext nach WCAG
Modul 4: User Testing und A/B-Testing im UX-Kontext
!Produktgestaltung für mobile und webbasierte Interfaces
*Erarbeitung von UI-Designs für Smartphone Apps, Webanwendungen und responsives Layout unter Berücksichtigung technischer Vorgaben.
*Einbindung von UX Methoden wie Personas, User Flows und Prozessvisualisierung im digitalen Produktentwicklungsprozess.
*Gestaltung und Testen von Prototypen mit Sketch, Figma oder Webflow für verschiedene mobile und Desktop-Systeme.
*Nutzerzentriertes Testing mit Methoden wie A/B-Tests, Interviews und Usability-Beobachtung in iterativen Zyklen.
!Responsive Design für flexible Benutzeroberflächen
*Grundlagen des Responsive Designs: Anpassung von Webseiten und Interfaces an verschiedene Bildschirmgrößen, Geräte und Auflösungen.
*Techniken & Tools: Umsetzung mit HTML, CSS, Flexbox, Grid Design und Breakpoints für Smartphone, Tablet und Desktop-Ansichten.
*Designprozesse & Prototyping: Erstellung responsiver Prototypen in Figma oder Sketch zur Entwicklung mobiler Web- und App-Oberflächen.
*Barrierefreiheit & Usability: Anwendung von WCAG, UX/UI Design und Testing-Methoden zur Optimierung für mobile und barrierefreie Nutzung.
!Digitale Barrierefreiheit im UI/UX-Kontext nach WCAG
*Zugängliche Interfaces: Einführung in barrierefreie Gestaltung, WCAG 2.1 und strukturierte Interface-Gestaltung im UX/UI Design.
*Technische Umsetzung: Nutzung von flexbox, responsive design und ui coding zur Erfüllung von barrierefreien Designanforderungen.
*Toolgestütztes Wireframing: Entwicklung barrierearmer Wireframes mit figma ui, adobe xd und wireframe software.
*Validierung & Testverfahren: Durchführung von user testing, ui testing und Auswertung nach human interface guideline.
!User Testing und A/B-Testing im UX-Kontext
*Einführung in Testmethoden: Grundlagen von User Testing, A/B-Testing und Usability-Analysen zur Bewertung digitaler Interfaces.
*Planung & Durchführung: Konzeption von Testabläufen mit User Personas, Wireframes und Customer Journey Mapping in Figma oder Sketch.
*Analyse & Auswertung: Nutzung von Tools zur Datenerhebung, Auswertung von Nutzerverhalten und Ableitung konkreter Designentscheidungen.
*Barrierefreiheit & Standards: Anwendung von WCAG, UI Testing und responsive Design-Prinzipien für zugängliche und testbare Anwendungen.
Am Ende der Weiterbildung beherrschen die Teilnehmenden die Anwendung von UX-Methoden, die Nutzung von Design-Tools und die Implementierung von barrierefreien Designs in verschiedenen digitalen Kontexten.