Zielsetzung des Kurses
Der Weiterbildungskurs Professional User Interface Design adressiert Konzeption, Gestaltung und Spezifikation grafischer Benutzeroberflächen im Kontext digitaler Produkte. Behandelt werden Prinzipien der Interaktion, visuelle Gestaltung sowie die Übersetzung von Anforderungen in UI-Komponenten. Ziel ist die strukturierte Erarbeitung konsistenter Oberflächen unter Berücksichtigung von Nutzungsanforderungen, Barrierefreiheit und technischen Rahmenbedingungen. Der Kurs ist dem Fachgebiet Human-Computer Interaction und Interface-Gestaltung zuzuordnen.
Inhalte
Einführung in Human-Computer Interaction, Wahrnehmungsgrundlagen und Interaktionsmuster; Ableitung von Anforderungen aus Nutzungskontexten, Erstellung von Personas und User Flows, Informationsarchitektur und Navigationsmodelle.
Gestaltungsprinzipien der Benutzeroberfläche inklusive Layout-Raster, Typografie, Farb- und Icon-Systeme; Komponentenbibliotheken, Zustände, Mikrointeraktionen und Animationen.
Prototyping-Methoden von Low- bis High-Fidelity, Erstellung klickbarer Prototypen, Dokumentation von Interaktionen und Übergaben an Entwicklung mittels Styleguides und Design-Tokens.
Barrierefreiheit nach gängigen Richtlinien, Kontrast- und Skalierungsprüfung, Tastaturnavigation, semantische Strukturierung sowie Responsive- und Adaptive-Design.
Usability-Evaluation durch Heuristiken, formative Tests, Metriken zur Interaktionsqualität und Ableitung von Anpassungen anhand von Feedback- und Nutzungsdaten.
Kollaboration im Produktteam, Versionsverwaltung von Designs, Hand-off-Prozesse, Abstimmung mit Frontend-Entwicklung und Berücksichtigung rechtlicher Aspekte wie Urheberrecht und Lizenzen.
Lernziele
- Analysieren von Nutzungskontexten, Interaktionsanforderungen und Informationsarchitektur
- Erstellen von Wireframes und klickbaren Prototypen in unterschiedlichen Detailstufen
- Konzipieren von Designsystemen mit Komponenten, Zuständen und Design-Tokens
- Anwenden von Gestaltungsprinzipien für Layout, Typografie, Farbe, Icons und Mikrointeraktionen
- Bewerten von Benutzeroberflächen mittels Heuristiken, Barrierefreiheitsprüfungen und Usability-Tests
- Implementieren eines strukturierten Hand-off-Prozesses mit Styleguide und Dokumentation für die Entwicklung
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie User-Interface-Design, mit Aufgaben in der Gestaltung von Komponenten, Prototypen und Styleguides. Typische Tätigkeitsfelder umfassen Interaction Design, insbesondere die Ausarbeitung von Interaktionsmustern, Mikrointeraktionen und Navigationsstrukturen. Der Kurs adressiert Inhalte für Tätigkeiten wie UX-Design im Produktteam, inklusive Informationsarchitektur, Usability-Evaluation und kollaborativer Übergabe an die Frontend-Entwicklung.
Zusammenfassung
Der Kurs Professional User Interface Design behandelt Konzeption, Gestaltung, Prototyping und Evaluation digitaler Benutzeroberflächen unter Einbindung von Interaktionsmustern und Barrierefreiheit. Im Rahmen dieser Weiterbildung werden Designsysteme, Prototyping-Methoden und Hand-off-Prozesse für die Zusammenarbeit mit Entwicklungsteams thematisiert. Die vermittelten Inhalte stehen in Bezug zu Tätigkeiten im Bereich UI-Design, Interaction Design und UX-Design.