UX/UI + Prototyping + Webdesign + Barrierefreiheit
Diese Weiterbildung vermittelt Kenntnisse zur Gestaltung von digitalen Produkten mit einem Fokus auf User Experience und Benutzeroberflächen. Teilnehmer lernen Methoden zur Optimierung von Websites und mobilen Interfaces kennen sowie den Einsatz von Design- und Prototyping-Tools.
Modul 1: UI & UX Prozesse im digitalen Produktdesign
Modul 2: Responsive Webdesign für mobile Interfaces
Modul 3: Customer Journey Mapping
Modul 4: User Testing und A/B-Testing im UX-Kontext
Modul 5: Barrierefreiheit und WCAG im UI/UX-Design
- 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.
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.
Customer Journey Mapping
- Grundlagen der Customer Journey: Analyse von Nutzerwegen, Kontaktpunkten und Erwartungen im digitalen Umfeld von App und Webseite.
- Nutzerzentrierte Visualisierung: Erstellung von Journey Maps mit Figma oder Sketch zur Darstellung typischer User Flows und Personas.
- Datenbasiertes Optimieren: Verbindung von User Research, User Testing und Feedback zur gezielten Verbesserung von Touchpoints.
- Integration in Designprozesse: Nutzung von Customer Journeys für UX Design, Interface-Gestaltung und Usability-Strategien.
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.
Barrierefreiheit und WCAG im UI/UX-Design
- Grundlagen der Barrierefreiheit: Einführung in digitale Zugänglichkeit, WCAG-Richtlinien und nutzerfreundliche Interface-Gestaltung.
- Gestaltungsprinzipien umsetzen: Anwendung von UX Design, Farbkontrasten, Tastaturnavigation und responsivem UI Design für alle Nutzergruppen.
- Tools & Prototyping: Entwicklung barrierearmer Wireframes mit Figma, Sketch oder Adobe XD unter Berücksichtigung aktueller Standards.
- Testing & Optimierung: Einsatz von User Testing, UI Testing und Guidelines zur kontinuierlichen Verbesserung digitaler Barrierefreiheit.
Im Anschluss an die Weiterbildung können die Teilnehmenden Designprozesse optimieren, Nutzererfahrungen verbessern und barrierefreie Anwendungen entwickeln. Sie nutzen Werkzeuge wie Figma und Sketch für zielgerichtete Prototyping- und Testing-Ansätze.