Zielsetzung des Kurses
Der Kurs UI/UX Design mit Motion Design behandelt Konzeption und Gestaltung nutzerzentrierter Interfaces unter Einbindung von Animation und Mikrointeraktionen. Im Mittelpunkt stehen Prozesse der User-Research, Informationsarchitektur, Wireframing sowie die visuelle Ausarbeitung von UI-Komponenten. Ergänzend erfolgt die Ausgestaltung von Bewegungsabläufen zur Unterstützung von Navigation, Feedback und Zustandswechseln. Der Kurs ordnet sich in das Fachgebiet Human-Computer-Interaction, Interaction Design und digitale Produktgestaltung ein.
Inhalte
User-Research und Anforderungsaufnahme: Durchführung von Zielgruppenanalysen, Nutzungsszenarien, Personas, Customer-Journeys sowie Ableitung funktionaler und nicht-funktionaler Anforderungen
Informationsarchitektur und Interaktionskonzepte: Strukturierung von Inhalten, Navigationsmodelle, User-Flows, Zustandsdiagramme und Definition von Interaktionsmustern
Wireframing und Prototyping: Erstellung von Low- bis High-Fidelity-Wireframes, klickbare Prototypen, Usability-Tests und Iteration anhand von Erkenntnissen
Visuelles UI-Design: Gestaltungssysteme mit Typografie, Farbe, Raster, Iconografie, Komponentenbibliotheken und Design-Tokens
Motion Design für UI/UX: Prinzipien der Animation (Timing, Easing, Hierarchie), Mikrointeraktionen, Übergänge, Ladeindikatoren, Zustandskommunikation und Accessibility-Aspekte bei Bewegung
Implementierungsübergabe und Qualitätssicherung: Design-Spezifikationen, Asset-Export, Kollaboration mit Entwicklung, Hand-off-Tools, Dokumentation und Auswertung von Nutzungsdaten
Lernziele
- Analyse von Nutzeranforderungen durch Auswertung von Research-Daten und Ableitung konkreter Use-Cases
- Erstellung von Informationsarchitekturen, User-Flows und Wireframes für definierte Anwendungsszenarien
- Entwicklung interaktiver Prototypen und Durchführung strukturierter Usability-Tests mit anschließender Iteration
- Konzeption und Umsetzung konsistenter UI-Komponenten inklusive Design-Tokens und Styleguides
- Implementierung von Motion-Design-Prinzipien zur Gestaltung von Mikrointeraktionen, Übergängen und Feedback-Signalen
- Bewertung von Entwürfen anhand definierter Usability-Kriterien sowie Integration von Barrierefreiheitsanforderungen
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI/UX-Design, Interaction Design und Produktdesign, in denen Interface-Gestaltung und Interaktionskonzeption mit Animation verbunden werden.
Typische Tätigkeitsfelder umfassen UX-Research und Prototyping in digitalen Produktteams mit Fokus auf Informationsarchitektur, Wireframing und Testdurchführung.
Der Kurs adressiert Inhalte für Tätigkeiten wie Motion-Designer im digitalen Kontext, die Mikrointeraktionen, Übergänge und visuelles Feedback in Benutzeroberflächen ausarbeiten.
Zusammenfassung
Der Kurs UI/UX Design mit Motion Design behandelt nutzerzentrierte Interface-Gestaltung und die Integration von Animation in Interaktionsabläufe. Im Rahmen dieser Weiterbildung werden Methoden aus Research, Informationsarchitektur, Prototyping und visuellem Design mit Motion-Prinzipien verknüpft. Die vermittelten Themen stehen in Bezug zu Tätigkeitsfeldern wie UI/UX-Design, Interaction Design und digitaler Produktentwicklung.