Zielsetzung des Kurses
Der Kurs Professionell Interface Design adressiert die Planung und Ausgestaltung grafischer Benutzeroberflächen im Kontext der digitalen Produktentwicklung. Behandelt werden Entwurfsmethoden, Interaktionsmuster und visuelle Systeme für Web- und Mobile-Anwendungen. Ziel ist die Vermittlung von Vorgehensweisen zur Erstellung konsistenter Interfaces unter Berücksichtigung von Usability, Barrierefreiheit und Design-Richtlinien. Die Inhalte sind im Fachgebiet Human-Computer Interaction und UI-Design verortet.
Inhalte
Grundlagen des Interface Designs mit Terminologie, Heuristiken der Gebrauchstauglichkeit, Gestaltungsprinzipien, Pattern Libraries und Designsystem-Komponenten inklusive Typografie, Farbe, Raster und Iconografie
Informationsarchitektur und Interaktionsdesign mit User Flows, Navigationsstrukturen, Wireframes, Zustandslogiken, Fehlermeldungen und mikrointeraktiven Rückmeldungen
Prototyping und Spezifikation durch Low- bis High-Fidelity-Prototypen, Click-Dummies, Interaktionsbeschreibungen, Design-Tokens und Übergabe an Entwicklung mit Styleguides
Barrierefreiheit und Zugänglichkeit mit WCAG-Kriterien, Kontrast- und Tastaturnavigation, Fokusmanagement, semantischen Strukturen sowie responsiven Anpassungen
Usability-Tests und Evaluation mittels Testplanung, Aufgabenstellungen, Beobachtung, Auswertung qualitativer und quantitativer Befunde sowie Iteration der Entwürfe
Tool-gestützte Umsetzung mit gängigen UI-Tools, Komponentenverwaltung, Versionierung, Kollaboration und Hand-off-Prozessen zwischen Design und Entwicklung
Lernziele
- Analysieren von Benutzeranforderungen, Nutzungskontexten und Interaktionsmustern für definierte Anwendungsszenarien
- Unterscheiden von Gestaltungsprinzipien und Heuristiken zur Bewertung von Interface-Entwürfen
- Erstellen von Informationsarchitekturen, User Flows und Wireframes für Web- oder Mobile-Oberflächen
- Durchführen von Prototyping in unterschiedlichen Fidelity-Stufen inklusive Interaktionsbeschreibung und Zustandslogik
- Integrieren von Barrierefreiheitsanforderungen nach WCAG in Layout, Kontrast, Fokusführung und Semantik
- Bewerten von Entwürfen durch Usability-Tests, Auswertung der Ergebnisse und Ableiten konkreter Designanpassungen
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie User-Interface-Design, mit Schwerpunkt auf Entwurf, Prototyping und Designsystemen. Typische Tätigkeitsfelder umfassen Interaction Design, insbesondere die Konzeption von Navigationsstrukturen, Zuständen und Mikrointeraktionen. Der Kurs adressiert Inhalte für Tätigkeiten wie UX-Design-Assistenz in Produktteams, darunter Testdurchführung, Dokumentation und Übergabe an die Entwicklung. Ebenfalls relevant ist die Mitarbeit in Frontend-nahen Designrollen mit Fokus auf Komponenten, Styleguides und Hand-off.
Zusammenfassung
Der Kurs Professionell Interface Design behandelt die Konzeption, Gestaltung und Spezifikation grafischer Benutzeroberflächen für digitale Produkte. Im Rahmen dieser Weiterbildung werden Methoden zu Informationsarchitektur, Interaktionsdesign, Prototyping, Barrierefreiheit und Evaluation vermittelt. Die Themen finden Anwendung in Tätigkeitsfeldern wie UI-Design, Interaction Design und UX-Design-Assistenz mit Schnittstellen zur Entwicklung.