Animation in UX: The Subconscious Influence of Motion
summary
Claims that motion supplies subconscious meaning and can change behavior using BJ Fogg’s ease×motivation model, backed by UX tactics: five concrete uses — clear connections, reduce clutter, perception of speed, create narrative, celebrate progress. Practical tools: Keynote prototypes, After Effects, front-end implementation. Built: Allstate’s refactor to quote multiple lines used skeleton loading, optimistic UI and “trophy pages” to hide loads and reward progress; result keeps completion rates high and trophy pages lift engagement. Accessibility guardrails: avoid flashing >3Hz (epilepsy risk).
AI-written summary · about
chapters (16)
- 0:00Intro
- 1:13Motion Design
- 2:22Katies Background
- 3:33Animation with Purpose
- 5:43Clear Connections
- 7:29Less Clutter
- 8:09Optimistic UI
- 9:58Narrative Animation
- 10:45Celebration Animation
- 15:57Apple
- 17:45Disney
- 19:33Allstate
- 22:10Respectful
- 23:26Demo
- 27:34Takeaways
- 31:48QA
