Zielsetzung des Kurses
Der Kurs Responsive UI/UX Design adressiert die Gestaltung und Umsetzung nutzerzentrierter, anpassungsfähiger Oberflächen für digitale Produkte. Im Mittelpunkt stehen Methoden der User Experience und User Interface Gestaltung mit Fokus auf flexible Layouts, Interaktion und Zugänglichkeit. Behandelt werden Vorgehensweisen zur Konzeption, Prototypisierung und Übergabe an die Entwicklung. Die Inhalte sind im Fachgebiet Human-Computer-Interaction und digitaler Produktentwicklung verortet.
Inhalte
Grundlagen der responsiven Gestaltung mit Breakpoints, Fluid-Layouts, Grids, Flex- und Container-Konzepten sowie typografischer Skalierung, Iconographie und Farbsystemen für unterschiedliche Viewports
User-Experience-Methoden einschließlich Research-Design, Persona-Entwicklung, User Flows, Informationsarchitektur, Interaktionsmuster und Navigation für mobile, Tablet- und Desktop-Kontexte
Prototyping- und Design-Tools mit Wireframing, Komponentenbibliotheken, Variants, Auto-Layout, Design-Tokens und Versionierung sowie Vorbereitung für Design-Systeme
Barrierefreiheit und Usability mit Fokus auf WCAG-Kriterien, Kontrast- und Lesbarkeitsprüfungen, Touch-Targets, Fokuszuständen, Tastaturnavigation und Fehlertoleranz
Handoff und Implementierung mit Design-Spezifikationen, Styleguides, Export von Assets, Nutzung von Tokens in CSS, Zusammenarbeit mit Entwicklungsteams und Testplanung für unterschiedliche Geräte
Evaluation und Messung mittels Heuristiken, Protokollen für Usability-Tests, Remote-Testing-Setups, Auswertung qualitativer und quantitativer Daten sowie Ableitung iterativer Anpassungen
Lernziele
- Analyse von Nutzeranforderungen, Nutzungskontexten und Geräteklassen für responsive Oberflächen
- Erstellung responsiver Wireframes und interaktiver Prototypen mit Komponenten, Grids und Design-Tokens
- Durchführung von Usability- und Barrierefreiheitsprüfungen nach WCAG-Kriterien einschließlich Kontrast- und Fokus-Checks
- Implementierung eines konsistenten visuellen Systems mit skalierender Typografie, Farb- und Iconsets über mehrere Breakpoints
- Integration von Design-Spezifikationen in den Entwicklungsprozess einschließlich Handoff, Asset-Export und Dokumentation
- Bewertung von Testergebnissen aus Nutzertests und Metriken zur Ableitung konkreter Iterationen im Interface
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI/UX Design, mit Aufgaben in Konzeption, Prototyping und Interaktionsgestaltung für unterschiedliche Endgeräte.
Typische Tätigkeitsfelder umfassen Product Design in interdisziplinären Teams mit Fokus auf Design-Systeme, Handoff und iterative Weiterentwicklung.
Der Kurs adressiert Inhalte für Tätigkeiten wie Frontend-orientierte Gestaltung, inklusive Spezifikation visueller Komponenten und Unterstützung bei der Implementierung bezüglich Responsivität und Barrierefreiheit.
Zusammenfassung
Der Kurs Responsive UI/UX Design behandelt die Konzeption, Gestaltung und Evaluation responsiver Nutzeroberflächen unter Berücksichtigung von Usability, Barrierefreiheit und Umsetzung. Im Rahmen dieser Weiterbildung werden Vorgehensweisen von Research über Prototyping bis zum Handoff an die Entwicklung abgedeckt. Die vermittelten Themen finden Anwendung in Tätigkeitsfeldern wie UI/UX Design, Product Design und frontendnaher Gestaltung.