Termine:
- 24. Januar 2025, 13:00 Uhr – Raum 0.502
In diesem Workshop widmen wir uns der Gestaltung von Userinteraktion mit dem Schwerpunkt Interaktionsabläufe und Übergänge. In den meisten Anwendungen haben wir idealerweise keine Abfolge von statischen Screens, sondern versuchen, dem User die Benutzung mithilfe von sinnvollen Übergängen und Hervorhebungen zu erleichtern und seine Aufmerksamkeit zu lenken.
Schönes Beispiel zu Flow & Transition aus einem studentischen Screendesign Projekt aus dem WS20/21
Was muss ich mitbringen?
- eigener Rechner mit Figma
- Sehr gute Kenntnisse in Figma
Material
- Folien: Flow & Transistion
- Creating Usability with Motion: The UX in Motion Manifesto
- Understanding motion
- Motion in UX Design: 6 Effective Types of Web Animation
- The Role of Animation and Motion in UX
- Two Tips for Better UX Storytelling
- Google Tabelle mit Daten
Tools & Tutorials
- Protopie: UI Animationstool für Win und Mac
- Flinto for Mac: sehr ausgereiftes GUI Design Animation Tool
- Framer: Programmierbares Animation Tool
- Framer Tutorials
- Tutorial für den Einsatz von Keynote als Prototyping Tool
- Figma: Mit Smart-Animation erweiterte Animationen erstellen
- Figma: Einführung in Prototyping