Zielsetzung des Kurses
Der Kurs Advanced Benutzeroberflächen-Design behandelt die Konzeption, Gestaltung und Evaluierung grafischer User Interfaces im Kontext von Human-Computer-Interaction. Im Mittelpunkt stehen Interaktionsmuster, Informationsarchitektur und visuelle Systemsprache für digitale Produkte und Anwendungen. Ziel ist die strukturierte Herleitung von UI-Entscheidungen auf Basis von Nutzungsszenarien, Barrierefreiheitsanforderungen und Designsystemen. Die Inhalte ordnen sich dem Fachgebiet User Experience Design mit Fokus auf die operative UI-Ausarbeitung zu.
Inhalte
Gestaltungsprinzipien und Interaktionsmuster: Herleitung von Navigationsstrukturen, Komponentenbibliotheken, Zuständen und Feedback-Mechanismen unter Einbezug von Konsistenz, Lesbarkeit und Hierarchie
Informationsarchitektur und Flow-Design: Strukturierung von Inhalten, Definition von User-Flows, Mapping von Use Cases auf Screens und Übergänge
Designsysteme und Komponenten: Aufbau wiederverwendbarer UI-Bausteine, Token-Definition (Farben, Typografie, Spacing), Varianten- und Zustandsmanagement in Design-Tools
Barrierefreiheit und Richtlinien: Anwendung von WCAG-Kriterien, Kontrast- und Tastaturnutzung, semantische Struktur, Formulardesign und Fehlermeldungen
Prototyping und Testverfahren: Erstellung klickbarer Prototypen, Durchführung von Usability-Tests, Ableitung von Anpassungen anhand qualitativer und quantitativer Beobachtungen
Handover und Qualitätssicherung: Übergabe an Entwicklung mit Spezifikationen, Assets, Redlines und Interaktionsbeschreibungen sowie Prüfung von Implementierungen
Lernziele
- Analysieren von Nutzungsszenarien und Ableiten von UI-Anforderungen aus Tasks und Kontextdaten
- Unterscheiden gängiger Interaktionsmuster und Anwenden passender Komponenten auf definierte Use Cases
- Erstellen von Informationsarchitekturen, User-Flows und Wireframes zur Strukturierung von Benutzeroberflächen
- Entwickeln von Prototypen und Durchführen einfacher Usability-Tests mit dokumentierten Beobachtungen
- Implementieren eines kleinen Designsystems mit Tokens, Komponentenvarianten und Zustandslogiken in einem Design-Tool
- Bewerten von Barrierefreiheitsaspekten nach WCAG und Integrieren entsprechender Maßnahmen in Formulare und Navigation
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie Interface-Design und Interaction-Design, insbesondere bei der Ausarbeitung von Komponenten, Flows und Prototypen. Typische Tätigkeitsfelder umfassen UI/UX-Design in Produktteams mit Schwerpunkt auf Designsystemen, Richtlinienumsetzung und Usability-Überprüfung. Der Kurs adressiert Inhalte für Tätigkeiten wie UX-Research-unterstützte UI-Gestaltung, Prototyping sowie Übergabe an Frontend-Entwicklung.
Zusammenfassung
Der Kurs Advanced Benutzeroberflächen-Design behandelt Konzeption, Gestaltung und Prüfung grafischer Benutzeroberflächen mit Schwerpunkt auf Interaktionsmustern, Informationsarchitektur, Designsystemen und Barrierefreiheit. Im Rahmen dieser Weiterbildung werden Methoden für Prototyping, Testverfahren und Übergabe an Entwicklung vermittelt. Die Inhalte stehen in Bezug zu Tätigkeiten im UI/UX-Design, Interaction-Design und der produktnahen Umsetzung in digitalen Projekten.