Zielsetzung des Kurses
Die Weiterbildung Einführung UI Design adressiert die Grundlagen der Benutzeroberflächengestaltung im Kontext digitaler Produkte. Behandelt werden zentrale Konzepte der visuellen Hierarchie, Interaktionsmuster und Zustände in grafischen Oberflächen. Ziel ist die Vermittlung eines strukturierten Vorgehens zur Konzeption und Ausarbeitung von UI-Layouts unter Berücksichtigung von Nutzerführung und Barrierefreiheit. Der Kurs ordnet sich dem Fachgebiet Human-Computer-Interaction und Digital Design zu.
Inhalte
Grundlagen der UI-Gestaltung: Terminologie, Gestaltprinzipien, visuelle Hierarchie, Typografie, Farbe, Ikonografie sowie Zustände und Feedback in Oberflächen
Interaktive Komponenten und Designsysteme: Buttons, Formulare, Navigation, Patterns, Komponentenbibliotheken, Tokens und Konsistenzsicherung
Layout und Prototyping: Raster, Spalten- und Modulaufteilungen, Responsive Breakpoints, Wireframes, Low- bis High-Fidelity-Prototypen und Dokumentation
Zugänglichkeit und Richtlinien: Kontrast, Tastaturnavigation, ARIA-Grundlagen, WCAG-Orientierung, Fehlermeldungen und Mikrotexte
Workflow und Zusammenarbeit: Übergabe an Entwicklung, Spezifikationen, Versionierung, Kommentierung, Asset-Export und Zusammenarbeit in cross-funktionalen Teams
Evaluation und Iteration: Heuristische Evaluation, einfache Usability-Checks, Auswertung von Feedback, Anpassung von Komponenten und Variantenpflege
Lernziele
- Analysieren von Benutzeroberflächen anhand von Gestaltprinzipien, visueller Hierarchie und Leseführung
- Identifizieren und Unterscheiden gängiger UI-Patterns sowie interaktiver Komponenten mit ihren Zuständen
- Erstellen von Wireframes und Prototypen in verschiedenen Fertigkeitsstufen inklusive responsiver Layouts
- Anwenden von Richtlinien zur Zugänglichkeit durch Kontrastprüfung, Tastaturfokus und klare Mikrotexte
- Entwickeln und Konzipieren einfacher Komponentenbibliotheken mit Tokens, Varianten und Dokumentation
- Beurteilen von UI-Lösungen mittels heuristischer Verfahren und Integrieren von Feedback in iterative Anpassungen
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie Interface Design, Interaction Design und Produktdesign, insbesondere bei der Ausarbeitung grafischer Oberflächen.
Typische Tätigkeitsfelder umfassen UI-Design in interdisziplinären Produktteams, die Pflege von Komponentenbibliotheken sowie die Spezifikation und Übergabe an Entwicklung.
Der Kurs adressiert Inhalte für Tätigkeiten wie UX/UI-Designer, Junior UI Designer oder Design-Support in agilen Softwareprojekten mit Fokus auf Oberflächenkomponenten.
Zusammenfassung
Der Kurs Einführung UI Design behandelt Grundlagen, Methoden und Arbeitsabläufe der Benutzeroberflächengestaltung für digitale Anwendungen. Im Rahmen dieser Weiterbildung werden Konzepte zu Layout, Komponenten, Prototyping, Zugänglichkeit und Übergabe an Entwicklung vermittelt. Die Inhalte finden Anwendung in Tätigkeitsfeldern wie UI-Design, Interaction Design und Produktdesign.