Zielsetzung des Kurses
Der Kurs zum Thema Benutzeroberflächen-Design verortet sich im Feld Human-Computer-Interaction und visueller Gestaltung. Behandelt werden Prinzipien der Interaktion, Informationsarchitektur und die visuelle Ausarbeitung digitaler Oberflächen. Die Veranstaltung hat den Zweck, Abläufe von Recherche über Wireframing bis zum interaktiven Prototyp abzubilden. Zudem adressiert sie Barrierefreiheit, Komponentenbildung und die Übergabe an die Entwicklung.
Inhalte
Einordnung des Benutzeroberflächen-Designs in Human-Computer-Interaction und Produktentwicklung, Bezug zur Kurszielsetzung sowie Abgrenzung zu UX-Research, Frontend und visueller Markenkommunikation.
Anforderungsaufnahme, Aufgabenanalyse und Szenarienbildung; Informationsarchitektur und Navigationsmodellierung mit User Flows, Sitemap und Priorisierung von Funktionen.
Gestaltungsgrundlagen digitaler Oberflächen: Typografie und Raster, Farb- und Kontrastgestaltung, Iconografie, Zustände; komponentenbasierte Ausarbeitung, Design-Tokens und responsive Layouts.
Wireframing und Prototyping in verschiedenen Detailstufen, Interaktionsentwurf mit Microinteractions, Zustandsmanagement und Feedback; Dokumentation von Spezifikationen und Varianten.
Barrierefreiheitskriterien nach WCAG, Tastaturnavigation, Fokus-Reihenfolge und Touch-Ziele; Planung und Durchführung von Usability-Tests, Auswertung und Vorbereitung des Handoffs zur Entwicklung.
Lernziele
- Analyse von Nutzeraufgaben und Kontextfaktoren durchführen, um Navigationsstrukturen zu identifizieren
- Interaktive Prototypen erstellen und Navigationsabläufe konzipieren
- Gestaltung wiederverwendbarer Komponenten entwickeln und in ein Design-System integrieren
- Kriterien der Barrierefreiheit nach WCAG erkennen und auf Layout, Kontrast und Tastaturnavigation anwenden
- Usability-Tests planen, durchführen und Ergebnisse bewerten
- Spezifikationen für den Handoff zur Entwicklung erstellen und mit Frontend-Anforderungen abstimmen
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI Designer/in (Gestaltung und Komponentenentwicklung), Interaction Designer/in (Interaktionsentwurf und Prototyping) und UX/UI-Designer/in (Verknüpfung von Informationsarchitektur und visueller Ausarbeitung). Typische Tätigkeiten bestehen zudem im Product Design mit Schwerpunkt Interface sowie in der Zusammenarbeit mit Frontend-Entwicklung bei Design-Systemen und Spezifikationen.
Zusammenfassung
Der Kurs Benutzeroberflächen-Design behandelt die Konzeption und Ausarbeitung digitaler Interfaces von der Anforderungsanalyse bis zum interaktiven Prototyp. Im Rahmen dieser Weiterbildung werden Interaktionsprinzipien, visuelle Gestaltung, Barrierefreiheit und die Übergabe an die Entwicklung abgedeckt. Die Themen finden Anwendung in Tätigkeitsfeldern wie UI Design, Interaction Design und UX/UI-Design.