Zielsetzung des Kurses
Der Kurs Einführung UI-Gestaltung behandelt grundlegende Konzepte und Verfahren der Benutzeroberflächengestaltung im Kontext der digitalen Produktentwicklung. Ziel ist die Vermittlung von Gestaltungsprinzipien für verständliche, zugängliche und konsistente Interfaces. Behandelt werden Vorgehensweisen von der Anforderungsanalyse über Wireframes bis zum interaktiven Prototyp. Die Inhalte ordnen sich in das Feld Human-Computer-Interaction und Interface Design ein.
Inhalte
Grundlagen der UI-Gestaltung: Terminologie, Abgrenzung zu UX, Prinzipien wie Hierarchie, Konsistenz, Feedback und Affordances sowie Guideline-Orientierung (z. B. Plattformkonventionen)
Visuelle Gestaltung und Layout: Typografie, Farb- und Kontrastgestaltung, Raster, Iconografie, Komponentenbildung sowie Zustände und Interaktionen
Strukturierung und Informationsarchitektur: Navigationstypen, Inhaltspriorisierung, Task-Flows, Wireframing und Screen-States
Prototyping und Hand-off: Erstellung klickbarer Prototypen, Interaktionsdefinition, Design-Tokens, Dokumentation und Übergabe an Entwicklung
Zugänglichkeit und Qualitätssicherung: Prinzipien der Barrierefreiheit, Lesbarkeit, Kontrastprüfung, Responsivität sowie Heuristiken und Usability-Checks
Werkzeuge und Prozesse: Einsatz gängiger Design-Tools, Versionsverwaltung, Komponentenbibliotheken sowie Zusammenarbeit in interdisziplinären Teams
Lernziele
- Identifikation grundlegender Gestaltungsprinzipien für Benutzeroberflächen und Unterscheidung ihrer Anwendungsbereiche
- Erstellung von Wireframes und Low-Fidelity-Prototypen für definierte Nutzungsszenarien
- Anwendung von Typografie-, Farb- und Layoutregeln zur Ausarbeitung konsistenter UI-Komponenten
- Durchführung einfacher Heuristiken und Kontrastprüfungen zur Bewertung von Zugänglichkeit
- Konzeption einfacher Navigationsstrukturen und Task-Flows für zentrale Use-Cases
- Implementierung eines klickbaren Prototyps inklusive Zuständen und Interaktionen in einem Design-Tool
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI-Design und Interaction Design, insbesondere bei der Ausarbeitung von Screens, Komponenten und Interaktionen. Typische Tätigkeitsfelder umfassen die Zusammenarbeit im Produktteam als Junior UI Designer oder Visual Designer mit Fokus auf Prototyping und Hand-off. Der Kurs adressiert Inhalte für Tätigkeiten wie Design-QA und Styleguide-Pflege in Schnittstellen zur Frontend-Entwicklung.
Zusammenfassung
Der Kurs Einführung UI-Gestaltung behandelt Prinzipien, Methoden und Werkzeuge für die Gestaltung verständlicher Benutzeroberflächen von der Strukturierung bis zum Prototyp. Im Rahmen dieser Weiterbildung werden Inhalte zu visueller Ausarbeitung, Navigationskonzepten, Zugänglichkeit und Zusammenarbeit im Produktentwicklungsprozess vermittelt. Die vermittelten Themen stehen im Bezug zu Tätigkeitsfeldern wie UI-Design, Interaction Design und Visual Design.