Webdesign + Barrierefreiheit + UI/UX Design + Prototyping

Diese Weiterbildung vermittelt Kenntnisse in der Gestaltung und technischen Umsetzung von benutzerfreundlichen und barrierefreien digitalen Anwendungen. Dabei werden zentrale Aspekte des UI/UX Designs behandelt und die Anwendung von Webstandards und Technologien gefördert.

Modul 1: Webdesign: Digitale Gestaltung und technische Umsetzung
Modul 2: Barrierefreiheit und WCAG im UI/UX-Design
Modul 3: UI/UX Design für digitale Anwendungen
Modul 4: UI & UX Analyse: Testing-Strategien und A/B-Verfahren

Webdesign: Digitale Gestaltung und technische Umsetzung
  • UI/UX Design und Interface-Gestaltung für strukturierte und funktionale Benutzeroberflächen im Webdesign-Kontext.
  • Erstellung von Wireframes und Prototypen mit Figma, Adobe XD und Sketch zur Visualisierung digitaler Webprojekte.
  • Technische Umsetzung mit HTML, CSS, Grid Design und Flexbox im Bereich der Frontend Webentwicklung.
  • Einführung in WCAG, Style Guides und barrierefreie Webstandards für zugängliche und normgerechte Webseiten.

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.

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.

UI & UX Analyse: Testing-Strategien und A/B-Verfahren
  • Testmethoden verstehen: Einführung in user testing, a/b testing und Evaluation von UI-Konzepten in mobilen und webbasierten Interfaces.
  • Personas & Journey Mapping: Aufbau von Tests mit user personas, customer journey mapping und wireframe website zur Analyse von UX.
  • Datengestützte Optimierung: Auswertung von Testergebnissen zur Anpassung von UI Design und Ableitung nutzerorientierter Verbesserungen.
  • Frameworks & Standards: Einsatz von ui framework, compose desktop und style guides zur Einhaltung barrierefreier Interface-Anforderungen.

Am Ende der Weiterbildung beherrschen die Teilnehmenden die Anwendung von UI/UX Design-Methoden, Prototyping-Tools und Testing-Strategien zur Entwicklung und Optimierung benutzerfreundlicher und barrierefreier digitaler Lösungen.