Zielsetzung des Kurses
Der Kurs Grundlagen UI Design führt in Prinzipien und Methoden der Benutzeroberflächengestaltung ein und verortet diese im Bereich Human-Computer Interaction und digitaler Produktentwicklung. Behandelt werden visuelle Gestaltung, Interaktionsmuster und Informationsarchitektur als Basis für anwenderorientierte Interfaces. Ziel ist die Vermittlung eines kohärenten Rahmens zur Planung, Ausarbeitung und Dokumentation von UI-Komponenten. Der Kurs adressiert zudem den Übergang zwischen Konzeption, Prototyping und Übergabe an die Entwicklung.
Inhalte
Einführung in UI-Grundlagen: Terminologie, Rollen im Produktteam, Abgrenzung zu UX, Designprozesse sowie Anforderungen und Rahmenbedingungen digitaler Oberflächen
Visuelle Gestaltung: Raster und Layout, Typografie für Screen-Design, Farbe und Kontrast, Ikonografie, Zustände von Komponenten sowie Barrierefreiheitsanforderungen
Interaktionsdesign: Navigationsmuster, Steuerungselemente, Rückmeldungen und Statusanzeigen, Touch- und Mausinteraktionen, Micro-Interactions und Fehlerbehandlung
Informationsarchitektur: Strukturierung von Inhalten, Hierarchien, Navigationspfade, Findbarkeit und Benennungskonventionen inklusive Konsistenzregeln
Prototyping und Dokumentation: Low- bis High-Fidelity-Prototypen, Wireframes, User Flows, Design Tokens, Komponentenbibliotheken und Übergabe an die Entwicklung
Evaluation und Qualitätssicherung: Heuristische Evaluation, Nutzbarkeitstests im Kleinumfang, Styleguides, Versionierung sowie Grundlagen zu Messgrößen der Nutzung
Lernziele
- Analysieren von Benutzeroberflächen hinsichtlich Layout, Kontrast, Typografie und Interaktionsmustern
- Identifizieren von Navigationsstrukturen und Zuständen zentraler UI-Komponenten
- Erstellen von Wireframes und Low-Fidelity-Prototypen für definierte Nutzungsszenarien
- Anwenden von Gestaltungsrastern, Farb- und Typografieregeln auf gängige Interface-Elemente
- Entwickeln einer kleinen Komponentenbibliothek inklusive Benennung, Zuständen und Variationen
- Beurteilen von Interface-Entwürfen mittels heuristischer Kriterien und Ableiten konkreter Anpassungen
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie Interface Designer, in denen visuelle Gestaltung, Komponentenentwicklung und Dokumentation von UI-Standards im Fokus stehen. Typische Tätigkeitsfelder umfassen UX/UI-Design in Produktteams mit Aufgaben in Prototyping, Wireframing und Interaktionsausarbeitung. Der Kurs adressiert Inhalte für Tätigkeiten wie Design Operations oder Pattern-Library-Pflege in Zusammenarbeit mit Frontend-Entwicklung.
Zusammenfassung
Der Kurs Grundlagen UI Design behandelt Prinzipien der Benutzeroberflächengestaltung, Interaktionsmuster, Informationsarchitektur sowie Prototyping und Qualitätssicherung. Im Rahmen dieser Weiterbildung werden Vorgehensweisen zur Ausarbeitung von Komponenten und zur strukturierten Übergabe an die Entwicklung vermittelt. Die Inhalte stehen in Bezug zu Tätigkeiten in UI-Design, UX/UI-Produktteams und Design Operations.