Zielsetzung des Kurses
Der Kurs zum Thema UI/UX Design mit Microinteractions vermittelt die Gestaltungs- und Interaktionsprinzipien digitaler Benutzeroberflächen mit Schwerpunkt auf kleinteiligen Rückmeldungen und Übergängen. Behandelt werden Konzeption, Prototyping und Bewertung interaktiver Elemente im Kontext nutzerzentrierter Produktentwicklung. Der Fokus liegt auf Mikroanimationen, Zustandswechseln und Feedbackmechanismen innerhalb von Apps und Webanwendungen. Ziel ist die Einordnung von Microinteractions in Informationsarchitektur, Interaktionsdesign und visuellem Design.
Inhalte
Einführung in UI- und UX-Grundlagen mit Fokus auf Interaktionsmuster, Zustände, Nutzerflüsse und die Rolle von Microinteractions innerhalb von Designsystemen
Konzeption und Strukturierung von Microinteractions: Trigger, Regeln, Feedback, Loops und Modi; Definition von Nutzungskontext, Aufgaben und Erwartungshaltungen
Gestaltung und Prototyping: Wireframes, Mikroanimationen, Motion-Prinzipien (Timing, Easing), Erstellen klickbarer Prototypen in gängigen Tools und Vorbereitung für Übergabe an Entwicklung
Zugänglichkeit und Konsistenz: Barriereaspekte, Tastatur- und Screenreader-Feedback, haptische und auditive Signale, Nutzung von Komponenten und Tokens in Designsystemen
Evaluation und Iteration: Heuristische Bewertung, Usability-Tests für Interaktionen, Metriken für Interaktionsqualität, Dokumentation und Versionierung von Änderungen
Umsetzungsschnittstelle: Spezifikation für Frontend-Implementierung, Austausch zwischen Design und Entwicklung, Assets, Motion-Spezifikationen und Prüfabläufe
Lernziele
- Analysieren von Nutzerflüssen, Zuständen und Interaktionspunkten in bestehenden Interfaces
- Identifizieren geeigneter Trigger, Feedbackformen und Regeln für Microinteractions
- Erstellen klickbarer Prototypen mit definiertem Timing, Easing und Zustandswechseln
- Anwenden von Accessibility-Anforderungen auf visuelle, auditive und haptische Rückmeldungen
- Bewerten von Interaktionen mittels heuristischer Verfahren und kurzer Usability-Tests
- Spezifizieren und Übergaben an Entwicklung durchführen, inklusive Motion- und Asset-Dokumentation
Berufsperspektiven
Die Kursinhalte finden Anwendung in Berufsfeldern wie UI Designer mit Schwerpunkt Komponenten- und Zustandsgestaltung in Web- und App-Interfaces. Typische Tätigkeitsfelder umfassen UX Designer mit Fokus auf Interaktionskonzepte, Nutzerflüsse und testbasierte Bewertung. Der Kurs adressiert Inhalte für Tätigkeiten wie Product Designer in interdisziplinären Teams an der Schnittstelle zwischen Konzeption, Prototyping und Implementierung. Ein weiteres Einsatzfeld ist Motion/Interaction Designer mit Ausrichtung auf Mikroanimationen und Spezifikationen für Frontend.
Zusammenfassung
Der Kurs UI/UX Design mit Microinteractions behandelt Konzeption, Gestaltung, Prototyping und Bewertung kleinteiliger Interaktionen in digitalen Produkten. Im Rahmen dieser Weiterbildung werden Grundlagen des Interaktionsdesigns, Accessibility-Aspekte sowie die Schnittstelle zur Implementierung aufgegriffen. Die vermittelten Themen stehen in Bezug zu Tätigkeitsfeldern wie UI/UX Design, Product Design und Interaction/Motion Design.