Zielsetzung des Kurses
Der Kurs Professional UI Design behandelt Gestaltung, Strukturierung und Ausarbeitung grafischer Benutzeroberflächen im Kontext digitaler Produkte. Im Mittelpunkt stehen Interaktionsgestaltung, visuelle Systeme und nutzerzentrierte Prozesse innerhalb des Fachgebiets Human-Computer Interaction. Ziel ist die methodische Herleitung von UI-Lösungen auf Basis von Anforderungen, Nutzungsszenarien und Design-Richtlinien. Behandelt werden Vorgehensmodelle von der Anforderungserhebung bis zur Übergabe an die Entwicklung.
Inhalte
Einführung in UI-Design-Grundlagen mit Terminologie, Gestaltungsprinzipien, Wahrnehmungspsychologie, Layout-Rastern, Typografie, Farb- und Icon-Systemen sowie State- und Status-Darstellungen
Nutzer- und Anforderungserhebung durch Use Cases, Personas, Szenarien, Task-Flows und Informationsarchitektur einschließlich Navigationsmodellen und Interaktionsmustern
Prototyping und Spezifikation mittels Wireframes, Low- bis High-Fidelity-Prototypen, Komponentenbibliotheken, Design-Tokens und Zustandsdefinitionen für responsive Oberflächen
Design-Systeme und Konsistenzsicherung durch Komponenten-Kataloge, Dokumentation von Patterns, Barrierefreiheitsanforderungen nach WCAG und Richtlinien für Skalierung über Geräteklassen
Handoff und Kollaboration mit Definition von Spezifikationen, Asset-Export, Übergabeprozessen an Entwicklungsteams, Versionierung, Kommentierung sowie Qualitätskriterien für UI-Tests
Evaluation und Messung durch Heuristiken, UI-Reviews, Nutzertests auf Klickpfaden, Erfassung von UI-Kennzahlen und Ableitung von Anpassungen auf Basis erhobener Befunde
Lernziele
- Analyse von Nutzeranforderungen und Ableitung einer Informationsarchitektur für eine definierte Anwendung
- Erstellung von Wireframes und Durchführung eines iterativen Prototypings mit Zustandsdefinitionen
- Entwicklung eines konsistenten Komponenten-Sets inklusive Design-Tokens für mehrere Viewports
- Implementierung eines Handoff-Prozesses mit Spezifikationen, Asset-Export und Versionierung
- Bewertung einer Benutzeroberfläche anhand heuristischer Kriterien und WCAG-Anforderungen
- Integration von UI-Kennzahlen in einen Review-Prozess zur Ableitung konkreter Anpassungen
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI-Designer, mit Schwerpunkt auf Gestaltung von Komponenten, Layouts und Interaktionen.
Typische Tätigkeitsfelder umfassen User-Interface- und Visual-Design in Produkt- und Entwicklungsteams.
Der Kurs adressiert Inhalte für Tätigkeiten wie UX/UI-Designer in der Ausarbeitung von Prototypen, Design-Systemen und Spezifikationen.
Einsatzbereiche bestehen zudem im Bereich Product Design mit Fokus auf Handoff, Dokumentation und Qualitätsprüfung von Oberflächen.
Zusammenfassung
Der Kurs Professional UI Design behandelt die Gestaltung und Ausarbeitung grafischer Benutzeroberflächen von der Anforderungserhebung bis zur Spezifikation und Evaluation. Im Rahmen dieser Weiterbildung werden Methoden zu Informationsarchitektur, Prototyping, Design-Systemen, Barrierefreiheitsrichtlinien und Handoff-Prozessen vermittelt. Die Themen lassen sich Tätigkeiten im UI- und Produktdesign zuordnen und adressieren kollaborative Schnittstellen zu Entwicklungsteams.