Zielsetzung des Kurses
Der Kurs UI Designer: Einführung in UI Design behandelt Grundlagen der Benutzeroberflächengestaltung innerhalb der digitalen Produktentwicklung. Im Fokus stehen Prinzipien visueller Gestaltung, Interaktionsmuster und die Verbindung von Layout, Typografie und Farbgebung mit Bedienlogik. Ziel ist die Heranführung an Prozesse der UI-Konstruktion von der Anforderung bis zum testbaren Entwurf. Bezüge zu gängigen Arbeitsabläufen in Design- und Entwicklungsteams werden hergestellt.
Inhalte
Vermittlung von Prinzipien der Benutzeroberfläche: visuelle Hierarchie, Raster, Abstände, Typografie, Farb- und Icon-Systeme sowie Zustände von Komponenten
Einführung in Interaktionsdesign: Navigationsmodelle, Feedback-Mechanismen, Mikrointeraktionen und Zustandswechsel unter Berücksichtigung gängiger Muster
Komponentengestützte Gestaltung: Aufbau von UI-Bausteinen, Design-Tokens, Bibliotheken, Varianten und Konsistenzsicherung im Interface
Prozess und Workflow: Briefing, Anforderungsaufnahme, User Flows, Wireframes, Low- und Mid-Fidelity-Prototypen bis zur Übergabe an die Entwicklung
Werkzeuge und Dokumentation: Nutzung gängiger UI-Tools, Versionierung, Spezifikationen, Asset-Export sowie Hand-off an Entwicklerinnen und Entwickler
Qualitätssicherung: Heuristische Evaluation, Zugänglichkeit nach gängigen Standards, einfache Nutzertests und Auswertung von Rückmeldungen
Lernziele
- Analysieren von Benutzeroberflächen hinsichtlich Layout, Hierarchie und Leseführung
- Identifizieren und Unterscheiden gängiger Interaktionsmuster für Navigation und Feedback
- Erstellen von Wireframes und Low-Fidelity-Prototypen auf Basis definierter Anforderungen
- Entwickeln und Anwenden einfacher Komponentenbibliotheken inklusive Varianten und Zuständen
- Durchführen eines strukturierten Hand-offs mit Spezifikationen und Assets an die Entwicklung
- Bewerten von UI-Entwürfen mittels heuristischer Kriterien und grundlegender Zugänglichkeitsrichtlinien
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI-Design, z. B. bei der Gestaltung von Komponenten, Screens und Zuständen.
Typische Tätigkeitsfelder umfassen Interaction Design mit Fokus auf Navigationsstrukturen, Mikrointeraktionen und Rückmeldelogik.
Der Kurs adressiert Inhalte für Tätigkeiten wie Design Operations und Design System Management, etwa beim Aufbau und der Pflege von Komponentenbibliotheken.
Einsatzfelder bestehen zudem im Bereich Prototyping und Hand-off, etwa an Schnittstellen zu Frontend-Entwicklungsteams.
Zusammenfassung
Der Kurs UI Designer: Einführung in UI Design behandelt Grundprinzipien der Benutzeroberflächengestaltung, Interaktionsmuster, Komponentenaufbau und den Workflow vom Briefing bis zum Prototyp. Im Rahmen dieser Weiterbildung werden Arbeitsweisen für Analyse, Entwurf, Dokumentation und Übergabe vermittelt. Die vermittelten Themen finden Anwendung in Tätigkeitsfeldern wie UI-Design, Interaction Design sowie Design System Management.