Zielsetzung des Kurses
Der Kurs Professionell UI-Gestaltung adressiert die Konzeption und Ausarbeitung grafischer Benutzeroberflächen im Kontext der digitalen Produktentwicklung. Im Mittelpunkt stehen Methodik, Gestaltungssysteme und Interaktionsmuster für Web- und Mobile-Anwendungen. Behandelt werden Gestaltungsprinzipien, Informationsarchitektur und Prototyping als Teil des User-Interface-Designs. Ziel ist die strukturierte Herangehensweise an UI-Entscheidungen innerhalb interdisziplinärer Produktteams.
Inhalte
Einführung in UI-Design-Grundlagen: visuelle Hierarchie, Layout-Raster, Typografie, Farb- und Icon-Systeme sowie Barrierefreiheit und Lesbarkeit im Interface-Kontext
Designsysteme und Komponentenbibliotheken: Aufbau von wiederverwendbaren Komponenten, Zustände und Varianten, Dokumentation, Tokens und Konsistenzsicherung über Plattformen
Interaktionsgestaltung und Patterns: Navigationsmodelle, Eingabe- und Formularführung, Feedback-Mechaniken, Mikrointeraktionen und Zustandswechsel
Prototyping und Spezifikation: Low- bis High-Fidelity-Prototypen, Klickdummies, Übergabe an Entwicklung, Spezifikationen, Assets und Versionierung
Usability-Überprüfung und Iteration: Heuristiken, einfache Testszenarien, Auswertung von Befunden, Ableitung von Anpassungen und Priorisierung
Tool-gestützte Umsetzung: Arbeitsabläufe in gängigen UI-Tools, Dateistrukturierung, Export, Kollaboration und Kommentierung
Lernziele
- Analyse von Layout-Rastern, Typografie und Farbschemata für konsistente Benutzeroberflächen
- Identifikation und Unterscheidung gängiger UI-Patterns für Navigation, Eingaben und Feedback
- Erstellung von Komponenten und Varianten in einem Designsystem inklusive Dokumentation
- Durchführung von Low- und High-Fidelity-Prototyping mit Übergabe an Entwicklungsteams
- Bewertung von Benutzeroberflächen anhand heuristischer Kriterien und Testbefunden
- Implementierung von Barrierefreiheitsanforderungen in Komponenten und Screens
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie User-Interface-Design, mit Fokus auf Komponentenentwicklung, Prototyping und Dokumentation.
Typische Tätigkeitsfelder umfassen UX/UI-Design in Produktteams, einschließlich Spezifikation, Musterbibliotheken und Übergabeprozesse.
Der Kurs adressiert Inhalte für Tätigkeiten wie Designsystem-Management und Frontend-nahe Abstimmung zwischen Design und Entwicklung.
Zusammenfassung
Der Kurs Professionell UI-Gestaltung behandelt die Konzeption, Strukturierung und Ausarbeitung von Benutzeroberflächen inklusive Designsysten, Interaktionsmustern und Prototyping. Im Rahmen dieser Weiterbildung werden methodische Schritte von der visuellen Gestaltung bis zur Spezifikation für die Entwicklungsübergabe thematisiert. Die Inhalte stehen in Bezug zu Tätigkeitsfeldern wie UI-Design, UX/UI in Produktteams und Designsystem-Management.