Zielsetzung des Kurses
Der Kurs Interface Design behandelt die Gestaltung digitaler Benutzeroberflächen im Bereich UX- und Interaktionsgestaltung. Ziel ist die Herleitung von Navigationsmodellen, visueller Hierarchie und Interaktionsmustern aus Anforderungen und Nutzungskontexten. Thematisiert werden Prozessschritte von der Anforderungsanalyse über Wireframes und Prototypen bis zur Spezifikation für die Umsetzung. Ein Schwerpunkt liegt auf Barrierefreiheit, Konsistenz und Dokumentation in Form von Design-Systemen.
Inhalte
Grundlagen des Interface Designs mit Einordnung zu UX, Definition von Nutzungskontexten, Aufgabenanalyse, Informationsarchitektur und Navigationsmodellen.
Visuelle Gestaltung mit Raster, Layoutprinzipien, Farb- und Icon-Systemen, Typografie und Aufbau einer klaren Hierarchie für unterschiedliche Bildschirmgrößen.
Interaktionsgestaltung mit Mustern für Eingaben, Zustände und Feedback, Responsivität, Touch- und Desktop-Paradigmen sowie Regeln für Mikroanimationen.
Prototyping und Spezifikation durch Wireframes, User Flows und klickbare Prototypen, Asset-Export, Übergabe an Entwicklung und Versionsverwaltung.
Barrierefreiheit und Qualitätssicherung mit WCAG-Kriterien, Kontrastermittlung, Tastaturnutzung, Screenreader-Basistests sowie Planung und Auswertung von Usability-Tests.
Design-Systeme und Kollaboration mit Komponentenbibliotheken, Design-Tokens, Benennungskonventionen, Dokumentation und Abstimmung mit Produktmanagement und Frontend.
Lernziele
- Analysieren von Nutzungskontexten, Aufgabenflüssen und Informationsarchitektur anhand definierter Anforderungen
- Unterscheiden von Interaktionsmustern und Begründen der Auswahl für Mobile, Desktop und Touch-Eingaben
- Erstellen von Wireframes, User Flows und klickbaren Prototypen mit branchenüblichen Designwerkzeugen
- Durchführen von Usability-Tests inklusive Testplanung, Moderation, Auswertung und Ableitung konkreter Maßnahmen
- Implementieren von Barrierefreiheitsanforderungen nach WCAG 2.1 in Layout, Kontrast und Fokusführung
- Integrieren eines Design-Systems durch Aufbau von Komponenten, Tokens und Dokumentation sowie Übergabe an Entwicklung
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI Designer und Interaction Designer, insbesondere bei der Ausarbeitung von Oberflächen, Komponenten und Interaktionsmustern. Typische Tätigkeitsfelder umfassen UX Designer bzw. Product Designer Digital mit Fokus auf Informationsarchitektur, Prototyping, Tests und Barrierefreiheit. Ebenfalls abgedeckt sind Aufgaben eines Design‑System‑Specialists in der Zusammenarbeit mit Frontend‑Entwicklung und Produktmanagement.
Zusammenfassung
Der Kurs Interface Design behandelt die Gestaltung und Ausarbeitung digitaler Benutzeroberflächen von der Anforderungsanalyse bis zur Dokumentation im Design‑System. Im Rahmen dieser Weiterbildung werden Inhalte aus UX, visueller Gestaltung, Interaktionsgestaltung, Prototyping und Barrierefreiheit vermittelt. Die Themen stehen in Verbindung mit Tätigkeiten als UI Designer, Interaction Designer oder Product Designer im digitalen Umfeld.