Zielsetzung des Kurses
UI-Gestaltung befasst sich mit Konzeption und Ausarbeitung nutzerzentrierter Oberflächen in digitalen Produkten. Im Kurs werden Vorgehensweisen der Anforderungsanalyse, Informationsarchitektur, Interaktionsgestaltung und visuellen Ausarbeitung behandelt. Einbezogen sind Aspekte der Barrierefreiheit, Responsivität und die Dokumentation für die Zusammenarbeit mit Entwicklungsteams. Das Format ordnet sich den Bereichen Human-Computer-Interaction, Produktdesign und frontendnaher Kommunikation zu.
Inhalte
Einführung in Anforderungsanalyse und Nutzerforschung mit Fokus auf Aufgaben, Nutzungskontexte und Szenarien; Ableitung von Use Cases, Priorisierung von Anforderungen und Definition von Qualitätskriterien.
Informationsarchitektur und Navigationsgestaltung: Strukturierung von Inhalten, Modellierung von User Flows, Zustandsdiagrammen und Fehlerszenarien sowie Definition von Interaktionsmustern und Rückmeldungen.
Interaktionsdesign und Prototyping: Erstellung von Wireframes, klickbaren Prototypen und Mikrointeraktionen; Festlegung von Zuständen, Übergängen und Eingabeprozessen inklusive Formularlogik und Validierungen.
Visuelle Ausarbeitung: Einsatz von Layout-Rastern, Typografie, Farbsystemen und Iconografie; Aufbau wiederverwendbarer Komponenten, Responsivität für verschiedene Viewports und Berücksichtigung plattformspezifischer Richtlinien.
Barrierefreiheit, Evaluation und Handoff: Anwendung von WCAG-Kriterien, Kontrast- und Fokusprüfung, Durchführung von Usability-Tests und heuristischer Evaluation, Dokumentation, Spezifikation und Übergabe an Entwicklungsteams.
Lernziele
- Analysieren von Nutzeranforderungen und Nutzungskontexten anhand strukturierter Research-Methoden
- Erstellen von User Flows, Wireframes und klickbaren Prototypen für definierte Use Cases
- Anwenden von Gestaltungsprinzipien zu Layout, Typografie, Farbe und Iconografie in responsiven Oberflächen
- Durchführen von Usability-Tests inklusive Testplanung, Moderation und Auswertung
- Implementieren eines kompakten Designsystems mit Komponenten, Variablen und Design Tokens in Designsoftware
- Integrieren von Barrierefreiheitsanforderungen nach WCAG, inklusive Kontrast, Fokusführung und Tastaturbedienung
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI-Design, Interaction Design und Produktdesign (UI/UX), in denen Interface-Konzepte, Prototyping und visuelle Ausarbeitung umgesetzt werden. Typische Tätigkeitsfelder umfassen zudem Designsystem-Management in Produktteams sowie die Schnittstellenarbeit zur Frontend-Entwicklung mit Spezifikation und Handoff.
Zusammenfassung
Der Kurs UI-Gestaltung behandelt Konzeption, Interaktionsgestaltung, visuelle Ausarbeitung, Barrierefreiheit und die Übergabe an Entwicklungsteams. Im Rahmen dieser Weiterbildung werden Methoden von Analyse bis Prototyping und Handoff vermittelt. Die Inhalte haben Bezug zu Tätigkeiten im UI-Design, Interaction Design und Produktdesign.