Termine:
- 19. Januar 2024, 10:00 Uhr – 3.217
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 den Nutzer mit Hilfe von sinnvollen Übergängen und Hervorhebungen die Benutzung zu erleichtern und seine Aufmerksamkeit zu lenken.
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
- MotionUX
- Understanding motion
- Two Tips for Better UX Storytelling
- How To Use Storytelling In UX
Tools & Tutorials
- Protopie: UI Animationstool für Win und Mac
- Flinto for Mac: sehr ausgereiftes GUI Design Animation Tool
- Flinto Tutorials
- Invision: Online Tool für User Flows und Animationen
- Framer: Programmierbares Animation Tool
- Framer Tutorials
- Adobe Experience Design: noch ein schönes Animations-/ Prototyping Tool
- Tutorial für den Einsatz von Keynote als Prototyping Tool