Zielsetzung des Kurses
Der Kurs User Interface Design befasst sich mit der Konzeption und Ausgestaltung grafischer Benutzeroberflächen für digitale Anwendungen. Im Mittelpunkt stehen Methoden der Human-Computer-Interaction, Regeln der Interaktionsgestaltung und visuelle Gestaltung für Web- und Mobile-Umgebungen. Behandelt werden Verfahren zur Informationsarchitektur, zum Wireframing und Prototyping sowie zur Ausarbeitung konsistenter Navigations- und Komponentenstrukturen. Ergänzend umfasst der Kurs Grundsätze der Barrierefreiheit, Designsysteme und die Vorbereitung der Zusammenarbeit von Design und Entwicklung.
Inhalte
Einordnung von User Interface Design in UX, Begriffsabgrenzung und Prozessarchitektur von der Anforderungserhebung über Konzeption bis zur Auslieferung. Rollen, Artefakte und Zusammenarbeit im Produktteam.
Informationsarchitektur und Navigationsgestaltung mit User Flows, Sitemaps und Task-Analysen. Erstellung von Low-Fidelity-Wireframes und Übergang zu klickbaren Prototypen in unterschiedlichen Fidelity-Stufen.
Visuelle Ausarbeitung von Layouts mit Raster, Abständen und Hierarchie. Einsatz von Typografie, Farbdefinitionen, Iconografie und Komponentenbau. Gestaltung von Zuständen, Microinteractions und Fehlermeldungen.
Qualitätssicherung durch heuristische Evaluation, Richtlinien zur Barrierefreiheit und Nutzbarkeitstests. Planung, Durchführung und Auswertung von Tests, Ableitung von Anpassungen und Dokumentation der Ergebnisse.
Designsysteme und Komponentenbibliotheken mit Tokens, Variablen und Richtlinien. Erstellung von Spezifikationen für Handoff, Versionierung von Designdateien, Pflege von Bibliotheken sowie Klärung von Lizenz- und Urheberrechtsfragen zu Assets.
Lernziele
- Analyse von Nutzeranforderungen anhand von Use Cases, Szenarien und Aufgabenmodellen
- Erstellung von Informationsarchitekturen, User Flows und Low-Fidelity-Wireframes
- Durchführung von Prototyping und Nutzbarkeitstests inklusive Auswertung und Reporting
- Bewertung von Benutzeroberflächen anhand heuristischer Kriterien und Richtlinien zur Barrierefreiheit
- Konzeption wiederverwendbarer Komponenten und Aufbau von Basiselementen eines Designs systems
- Implementierung eines Handoff-Pakets mit Spezifikationen, Assets und Dokumentation für die Entwicklung
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI-Design, Interaction Design und UX-Design mit Schwerpunkt Interface, insbesondere bei der Konzeption von Oberflächen, der Prototypenerstellung und der Auswertung von Tests.
Typische Tätigkeitsfelder umfassen die Pflege von Designsystemen, die Erstellung von Spezifikationen für die Zusammenarbeit mit Frontend-Teams sowie die Ausarbeitung konsistenter Navigations- und Komponentenstrukturen.
Zusammenfassung
Der Kurs User Interface Design behandelt Konzeption, Visualisierung und Prüfung grafischer Benutzeroberflächen für digitale Produkte. Im Rahmen dieser Weiterbildung werden Methoden von Informationsarchitektur bis Designsystemen eingeordnet und für die Zusammenarbeit mit Entwicklung aufbereitet. Die Themen haben Bezug zu Tätigkeiten im UI-Design, Interaction Design und UX-Design.