Zielsetzung des Kurses
Der Kurs Professional UI-Gestaltung behandelt die Konzeption und Ausarbeitung nutzerorientierter Benutzeroberflächen im Kontext der digitalen Produktentwicklung. Im Fokus stehen Methoden der visuellen Gestaltung, Interaktionsgestaltung sowie der Überführung von Anforderungen in konsistente UI-Spezifikationen. Vermittelt werden Vorgehensweisen zur Erstellung von Designsystemen, zur Prototypisierung und zur Dokumentation für die Übergabe an Entwicklungsteams. Der Kurs ordnet sich dem Fachgebiet UX/UI-Design zu und adressiert Schnittstellen zu Produktmanagement und Frontend-Entwicklung.
Inhalte
Grundlagen der UI-Gestaltung: Gestaltprinzipien, Typografie, Farb- und Icon-Systeme, Raster und Layout, Barrierefreiheitsanforderungen sowie Design Tokens als Basis konsistenter Oberflächen
Interaktionsgestaltung und Patterns: Navigationsmodelle, Zustände und Feedback, Mikrointeraktionen, Komponentenbibliotheken und Nutzung etablierter UI-Patterns für Web- und Mobile-Interfaces
Designsysteme und Spezifikation: Strukturierung von Komponenten, Varianten und Zuständen, Benennungskonventionen, Dokumentation von Richtlinien und Übergabeformaten für Entwicklung
Prototyping und Testing: Erstellung klickbarer Prototypen, Definition von Testaufgaben, Auswertung beobachtbarer Interaktionen und Ableitung von Anpassungen am Interface
Werkzeuge und Kollaboration: Einsatz gängiger Design-Tools, Versionierung und Kommentierung, Übergabe an Frontend mit Stilguides, Tokens und Exporten, Zusammenarbeit mit Produkt- und Dev-Teams
Qualitätssicherung und Richtlinien: Konsistenzprüfungen, Responsive- und Adaptiv-Regeln, Performanceaspekte visueller Assets sowie Beachtung rechtlicher und organisatorischer Vorgaben
Lernziele
- Analysieren von Benutzeranforderungen und Ableiten von UI-Anforderungen aus Backlogs, Flows und Use-Cases
- Erstellen von konsistenten Layouts, Komponenten und Zuständen anhand definierter Gestaltungsprinzipien
- Entwickeln eines skalierbaren Designs ystems inklusive Token-Struktur, Komponentenbibliothek und Dokumentation
- Durchführen von Prototyping und Nutzertests mit definierten Aufgaben, Erhebungsmethoden und Auswertungsschritten
- Implementieren einer strukturierten Übergabe an die Entwicklung mittels Spezifikationen, Assets und Annotationen
- Bewerten von UI-Varianten hinsichtlich Zugänglichkeit, Interaktionsmustern und Konsistenz über Breakpoints
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI-Designer, mit Schwerpunkt auf Komponentenentwicklung, Prototyping und Spezifikation.
Typische Tätigkeitsfelder umfassen Interaction Designer, insbesondere für Navigationskonzepte, Zustandslogiken und Mikrointeraktionen.
Der Kurs adressiert Inhalte für Tätigkeiten wie Designsystem-Manager oder -Librarian, fokussiert auf Aufbau und Pflege von Komponentenbibliotheken.
Ebenfalls anschlussfähig ist die Rolle Product Designer mit Schnittstelle zu Produktmanagement und Frontend-Entwicklung.
Zusammenfassung
Der Kurs Professional UI-Gestaltung behandelt die Planung, Ausarbeitung und Spezifikation von Benutzeroberflächen einschließlich Interaktionsmustern, Prototyping und Designs ystemen. Im Rahmen dieser Weiterbildung werden Vorgehensweisen zur Kollaboration mit Entwicklungsteams und zur Qualitätssicherung im UI-Prozess vermittelt. Die vermittelten Themen finden Anwendung in Tätigkeitsfeldern wie UI-Design, Interaction Design, Designsystem-Management und Product Design.