Zielsetzung des Kurses
Der Kurs Basics Benutzeroberflächen-Design führt in Grundprinzipien der Gestaltung digitaler Interfaces ein und ordnet diese in das Fachgebiet Human-Computer-Interaction ein. Behandelt werden Regeln zur visuellen Hierarchie, Navigationslogik sowie Interaktionsmuster für Web- und Mobile-Anwendungen. Ziel ist die Vermittlung eines methodischen Vorgehens von der Anforderungserhebung über Wireframes bis zur einfachen Prototypisierung. Zusätzlich wird der Umgang mit Gestaltungsrichtlinien, Barrierefreiheit und grundlegenden Usability-Aspekten adressiert.
Inhalte
Einführung in User-Interface-Grundlagen mit Terminologie, Gestaltprinzipien, Raster, Typografie, Farbe und Iconografie sowie deren Anwendung auf verschiedene Bildschirmgrößen und Dichteklassen
Interaktionsgestaltung und Navigationsmodelle mit Zuständen, Feedback, Affordanzen, Mikrointeraktionen, Fehlermeldungen und Patterns für Formular-, Listen- und Detailansichten
Informationsarchitektur und Strukturierung mit Nutzerflows, Szenarien, Use Cases, Content-Hierarchien und Mapping von Anforderungen auf UI-Komponentenbibliotheken
Wireframing und Low-Fidelity-Prototypen mit Skizzieren, Layout-Varianten, klickbaren Abläufen, Annotationen und Vorbereitung für spätere High-Fidelity-Umsetzungen
Usability-Grundlagen und Zugänglichkeit mit Heuristiken, Kontrast- und Schriftgrößenprüfung, Tastaturbedienbarkeit, alternativen Texten und grundlegenden Richtlinien nach WCAG
Handover und Dokumentation mit Style-Tiles, Komponentenbeschreibungen, Spezifikation von Abständen und Zuständen sowie Übergabeformaten für Entwicklungsteams
Lernziele
- Analysieren von Benutzeranforderungen und Ableiten von UI-Anforderungen aus Use Cases
- Erkennen und Unterscheiden gängiger Interaktionsmuster für Web- und Mobile-Oberflächen
- Anwenden von Gestaltprinzipien, Typografie- und Farbregeln in Wireframes
- Erstellen einfacher Nutzerflows, Wireframes und klickbarer Low-Fidelity-Prototypen
- Beurteilen von Oberflächen anhand grundlegender Usability-Heuristiken und WCAG-Kriterien
- Dokumentieren und Übergeben von UI-Spezifikationen an Entwicklungsteams
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI Designer, die Layouts, Komponenten und Interaktionsmuster für digitale Produkte erarbeiten. Typische Tätigkeitsfelder umfassen UX Designer, die Nutzerflüsse, Informationsarchitektur und Usability-Prüfungen konzipieren. Der Kurs adressiert Inhalte für Tätigkeiten wie Product Designer in interdisziplinären Teams, die Wireframes, Prototypen und Spezifikationen erstellen.
Zusammenfassung
Der Kurs Basics Benutzeroberflächen-Design behandelt Grundprinzipien der Interface-Gestaltung, von Informationsarchitektur und Interaktionsmustern bis zu Wireframing, Prototypen und Usability-Aspekten. Im Rahmen dieser Weiterbildung werden Methoden für Spezifikation und Übergabe an Entwicklungsteams vermittelt. Die Inhalte stehen in Bezug zu Tätigkeiten in UI/UX- und Produktdesignrollen.