Animating the User Experience
summary
Claim: animation speeds mental processing by offloading interpretation to the visual cortex and must satisfy at least two of the six principles (causality, feedback, location, progression, transition, physics). Implements using CSS and JavaScript (SVG, HTML5, scroll libraries) with examples like Fuelly, Polygon and Cornell Lab demos. Storyboard and prototype animations early, test on real users, avoid late-stage slap‑ons and heavy scrolljacking—animation is expensive and only worth it when it clarifies interactions.
AI-written summary · about
chapters (8)
- 0:00Start
- 12:07Causality
- 13:58Feedback
- 15:37Location
- 16:45Progression
- 17:59Transition
- 20:33Physics
- 21:42decelerate
