Zielsetzung des Kurses
Der Kurs Professionell UI Design richtet sich an Personen, die Gestaltungs- und Interaktionsprinzipien für digitale Benutzeroberflächen anwenden möchten. Behandelt wird die Konzeption, Ausarbeitung und Dokumentation von UI-Komponenten in Verbindung mit Nutzungsanforderungen und Barrierefreiheit. Der Kurs ordnet sich dem Fachgebiet Human-Computer-Interaction und visueller Kommunikation zu und behandelt Vorgehensweisen der UI-Entwicklung entlang gängiger Designprozesse. Ziel ist die strukturierte Heranführung an konsistente Oberflächen, die technische Umsetzbarkeit berücksichtigen.
Inhalte
Gestaltungsgrundlagen und visuelle Systeme: Behandlung von Typografie, Farbe, Ikonografie, Raster, Abständen und Hierarchien sowie der Aufbau von Design-Tokens und Komponentenbibliotheken zur Sicherung der Konsistenz.
User Interface Patterns und Interaktion: Einordnung von Navigationsmustern, Formularen, Fehlermeldungen, Zuständen und Feedback-Mechanismen einschließlich Zustandsdiagrammen und Microinteractions.
Designprozess und Dokumentation: Anforderungsaufnahme, Wireframing, Low- bis High-Fidelity-Layouts, Prototyping sowie Übergabeformate an die Entwicklung mit Spezifikationen und Versionierung.
Barrierefreiheit und Nutzungsqualität: Anwendung von WCAG-Kriterien, Kontrast- und Skalierungsprüfungen, Tastaturnavigation und lesbare Strukturierung inklusive Fehlertoleranzen.
Werkzeuge und Übergabe in die Entwicklung: Nutzung gängiger UI-Tools, Komponentenpflege, Inspektion von Layouts, Export von Assets, einfache Design-System-Pflege und Zusammenarbeit mit Frontend.
Evaluations- und Messverfahren: Heuristische Evaluation, Klickpfad-Analysen, einfache Nutzungsbeobachtung und Ableitung von Anpassungen auf Basis definierter Metriken.
Lernziele
- Analyse von Anforderungen an Benutzeroberflächen inklusive Informationsarchitektur und Interaktionsabläufen
- Erstellung von Wireframes und High-Fidelity-Layouts für definierte Nutzungsszenarien
- Entwicklung konsistenter Komponenten inklusive Zustandsdefinitionen und Dokumentation
- Anwendung von WCAG-Kriterien zur Durchführung von Kontrast- und Tastaturnavigationsprüfungen
- Implementierung eines strukturierten Übergabeprozesses an die Entwicklung mit Spezifikationen und Assets
- Bewertung von UI-Entwürfen mittels heuristischer Verfahren und einfacher Nutzungsdaten
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI-Design, in denen Gestaltung und Dokumentation von Benutzeroberflächen durchgeführt werden. Typische Tätigkeitsfelder umfassen Interaction Design mit Fokus auf Navigationsmuster und Zustandslogiken. Der Kurs adressiert Inhalte für Tätigkeiten wie UX/UI-Design in Produktteams mit Übergabe an Frontend-Entwicklung. Einsatzfelder bestehen zudem im Bereich Design-System-Management und Komponentenpflege.
Zusammenfassung
Der Kurs Professionell UI Design behandelt die Konzeption, Ausarbeitung und Dokumentation konsistenter Benutzeroberflächen entlang etablierter UI- und HCI-Prinzipien. Im Rahmen dieser Weiterbildung werden Vorgehensweisen zu Komponenten, Barrierefreiheit, Prototyping, Dokumentation und Übergabe an die Entwicklung vermittelt. Die Themen stehen in Bezug zu Tätigkeitsfeldern wie UI-Design, Interaction Design und UX/UI-Rollen in Produktteams.