Zielsetzung des Kurses
Der Kurs Barrierefreies UI-Prototyping adressiert die Gestaltung und Validierung nutzbarer Benutzeroberflächen unter Einhaltung von Accessibility-Anforderungen. Im Mittelpunkt stehen Methoden des Interface-Designs und des Rapid Prototyping im Kontext Human-Computer Interaction. Behandelt werden Richtlinien wie WCAG, semantische Strukturierung sowie Interaktionsmuster für unterschiedliche Eingabegeräte. Ziel ist die strukturierte Heranführung an Prototyping-Workflows, die Barrierefreiheit früh im Entwicklungsprozess berücksichtigen.
Inhalte
Einführung in Accessibility-Grundlagen mit Bezug auf WCAG, EN 301 549 und Screenreader-Kompatibilität sowie Ableitung von Anforderungen an Struktur, Kontrast, Typografie und Fokusführung
Konzeption und Informationsarchitektur mit Nutzungsanforderungen, User Flows, Task-Analysen und Definition barrierefreier Navigationsmuster einschließlich Tastatur- und Touch-Interaktionen
Low- und Mid-Fidelity-Prototyping mit Wireframes, Annotierung von Zuständen, Zustandslogik für Fehlermeldungen, Fokusmanagement und sinnvolle ARIA-Rollen in Prototypen
High-Fidelity-Interaktionen mit Komponentenbibliotheken, Farbschemata mit Kontrastprüfung, responsiven Layouts, Skalierung und alternativen Eingabemethoden
Tests und Evaluation durch Heuristiken, Tastaturnavigation, Screenreader-Prüfungen, Farbsehschwächen-Simulation und Nutzungsfeedback in iterativen Zyklen
Dokumentation und Übergabe mit Spezifikationen für Entwicklung, Beschreibung von Interaktionen, Zuständen und Barrierefreiheitskriterien sowie Nachverfolgung von Änderungen
Lernziele
- Identifikation von Accessibility-Anforderungen nach WCAG und Ableitung konkreter Kriterien für UI-Prototypen
- Analyse von Nutzeraufgaben und Ableitung barrierefreier Navigations- und Interaktionsmuster
- Erstellung von Low- und Mid-Fidelity-Prototypen mit annotierter Fokusführung, Zuständen und Fehlermeldungen
- Durchführung von Kontrastprüfungen, Tastaturtests und Screenreader-Basisprüfungen am Prototyp
- Entwicklung responsiver High-Fidelity-Layouts mit definierten Komponenten und ARIA-Rollen im Prototyp
- Bewertung von Testergebnissen und Integration der Anpassungen in iterative Prototyping-Zyklen
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UX/UI-Design, in denen Prototyping und Accessibility-Anforderungen zu gestalten und zu dokumentieren sind. Typische Tätigkeitsfelder umfassen Interaction Design mit Fokus auf Tastaturnavigation und Zustandslogik. Der Kurs adressiert Inhalte für Tätigkeiten wie Produktdesign und Frontend-nahe Konzeption, bei denen barrierefreie Spezifikationen an Entwicklungsteams übergeben werden.
Zusammenfassung
Der Kurs Barrierefreies UI-Prototyping behandelt die Planung, Ausarbeitung und Prüfung von Benutzeroberflächenprototypen unter Berücksichtigung von Accessibility-Richtlinien. Im Rahmen dieser Weiterbildung werden Methoden des UX/UI-Designs mit auditierbaren Prüfverfahren verbunden. Die Inhalte stehen in Bezug zu Tätigkeitsfeldern wie UX/UI-Design, Interaction Design und produktnaher Konzeptarbeit.