Zielsetzung des Kurses
Der Kurs Grundlagen User Interface Design vermittelt Basiskonzepte der Gestaltung grafischer Benutzeroberflächen innerhalb des Fachgebiets Human-Computer-Interaction und digitaler Produktentwicklung. Behandelt werden Prinzipien der Interaktion, visuelle Gestaltungselemente und der Übergang von Anforderungen zu UI-Artefakten. Ziel ist die Heranführung an methodische Schritte von der Analyse bis zum klickbaren Entwurf. Der Kurs setzt auf die Verbindung von Gestaltungsregeln, Musterbibliotheken und Umsetzungsaspekten für digitale Interfaces.
Inhalte
Einführung in UI-Design und HCI: Terminologie, Gestaltungsprinzipien, Heuristiken, Nutzeranforderungen und Informationsarchitektur
Visuelle Gestaltung: Typografie, Farb- und Kontrastgestaltung, Layout-Raster, Iconografie, Zustände und Feedback
Interaktionsmuster und Komponenten: Buttons, Formulare, Navigation, Listen, Karten, Dialoge sowie Zustandslogik und Fehlermeldungen
Prototyping und Spezifikation: Wireframes, klickbare Prototypen, UI-Spezifikationen, Design-Tokens und Übergabe an Entwicklung
Zugänglichkeit und Richtlinien: Barrierefreiheit nach WCAG, Tastaturbedienbarkeit, Kontraste, Lesbarkeit und konsistente Beschriftungen
Evaluation und Dokumentation: Heuristische Evaluation, einfache Nutzertests, Auswertung sowie Pflege von Styleguides und Pattern Libraries
Lernziele
- Analysieren von Nutzeraufgaben und Informationsarchitekturen für konkrete UI-Szenarien
- Identifizieren und Unterscheiden grundlegender Gestaltungsprinzipien, Heuristiken und Interaktionsmuster
- Anwenden von Layout-Rastern, Typografie- und Farbkonzepten auf definierte Screens
- Erstellen von Wireframes und Entwickeln klickbarer Prototypen für zentrale Nutzerflüsse
- Konzipieren von UI-Spezifikationen inklusive Zuständen, Komponenten und Design-Tokens
- Bewerten der Zugänglichkeit nach WCAG-Kriterien und Durchführen einfacher heuristischer Evaluationen
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie User-Interface-Design, mit Schwerpunkt auf Gestaltung und Spezifikation von Oberflächen. Typische Tätigkeitsfelder umfassen Interaction Design, insbesondere die Modellierung von Nutzerflüssen und Interaktionsmustern. Der Kurs adressiert Inhalte für Tätigkeiten wie UX-Design mit Fokus auf Wireframing, Prototyping und Evaluation. Einsatzfelder ergeben sich zudem im Bereich Design Ops, etwa bei der Pflege von Styleguides und Komponentenbibliotheken.
Zusammenfassung
Der Kurs Grundlagen User Interface Design behandelt Prinzipien, Methoden und Artefakte zur Gestaltung grafischer Benutzeroberflächen von der Analyse bis zur prototypischen Umsetzung. Im Rahmen dieser Weiterbildung werden visuelle Gestaltung, Interaktionsmuster, Prototyping, Zugänglichkeit und Evaluation bearbeitet. Die vermittelten Inhalte stehen in Bezug zu Tätigkeiten im UI- und UX-Design sowie angrenzenden Rollen der digitalen Produktentwicklung.