Zielsetzung des Kurses
Der Kurs Basics User Interface Design führt in die Gestaltung grafischer Benutzeroberflächen ein und verortet das Thema im Bereich Human-Computer-Interaction und visueller Kommunikation. Behandelt werden Grundprinzipien der UI-Gestaltung, Interaktionsmuster und der Einsatz typografischer und farblicher Systeme. Ziel ist die Vermittlung eines methodischen Vorgehens von der Anforderungsanalyse über Wireframes bis zu klickbaren Prototypen. Die Inhalte adressieren auch grundlegende Aspekte zu Barrierefreiheit und Designhand-off in digitale Produktentwicklungsprozesse.
Inhalte
Gestaltungsgrundlagen: Einführung in Wahrnehmungsprinzipien, Layout-Raster, Typografie für Interfaces, Farbdefinition und Kontrastgestaltung, Ikonografie sowie Komponentenbildung
Interaktionsdesign: Navigationskonzepte, Zustände und Feedback, Mikrointeraktionen, Muster für Formulare und Fehlermeldungen, responsive und adaptive Ansätze
Prozess und Methodik: Anforderungsaufnahme, User-Flows, Informationsarchitektur, Wireframing mit Low-Fidelity-Artefakten, Aufbau von Designsystem-Bausteinen
Prototyping und Test: Erstellung klickbarer Prototypen, Grundlagen zu Usability-Tests, Auswertung von Beobachtungen, Iteration von Entwürfen
Barrierefreiheit und Richtlinien: Orientierung an WCAG-Prinzipien, Tastaturnavigation, Lesbarkeit, Farbkontraste, semantische Struktur und Dokumentation
Übergabe und Kollaboration: Assets, Spezifikationen, Versionierung, Zusammenarbeit mit Entwicklung, Hand-off-Formate und Kommentierung in gängigen Design-Tools
Lernziele
- Analysieren von Benutzeranforderungen, Nutzungskontexten und Informationsarchitekturen für digitale Oberflächen
- Erstellen von Wireframes und User-Flows zur Abbildung zentraler Nutzungsszenarien
- Anwenden von Layout-, Typografie- und Farbregeln zur Gestaltung konsistenter UI-Komponenten
- Durchführen von einfachen Usability-Tests mit Prototypen einschließlich Auswertung beobachteter Interaktionen
- Entwickeln eines kleinen Komponenten-Katalogs als Basis für ein UI-Designsystem
- Implementieren eines strukturierten Hand-offs an Entwicklungsteams mit Spezifikationen und Assets
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie User-Interface-Design, in denen Entwürfe für digitale Oberflächen erstellt und spezifiziert werden.
Typische Tätigkeitsfelder umfassen Interaction Design mit Fokus auf Navigationsmuster, Zustände und Mikrointeraktionen.
Der Kurs adressiert Inhalte für Tätigkeiten wie UX-Design, bei denen Nutzerflüsse, Informationsarchitektur und Usability-Tests durchgeführt werden.
Ebenfalls angesprochen sind Rollen in der digitalen Produktentwicklung, die Designsysteme pflegen und die Übergabe an Entwicklung koordinieren.
Zusammenfassung
Der Kurs Basics User Interface Design behandelt Grundlagen der Gestaltung digitaler Benutzeroberflächen von Layout und Typografie bis zu Prototyping und Usability-Tests. Im Rahmen dieser Weiterbildung werden auch Barrierefreiheit, Interaktionsmuster und der strukturierte Hand-off an Entwicklungsteams thematisiert. Die Inhalte finden Anwendung in Tätigkeitsfeldern wie UI-Design, Interaction Design und UX-Design.