Delightful UI Animations by Understanding the Brain
summary
Claim: the visual cortex area MT/V5 and its "more than 30 different zones" compute motion so designers can craft illusions that the brain accepts or rejects. Use a single focal element to trigger smooth pursuit and silence background vectors, aim for one clear global vector so global motion perception reads it as object motion, avoid big rotations, long transitions (auto animations >5s) and large viewport shifts that cause vestibular issues, offer reduce-motion, and implement with react morph, react pose, popcorn from pop motion or react spring (see Val health for animation design).
AI-written summary · about
chapters (8)
- 0:00Start
- 2:54What is animation?
- 4:01The vision has more to do with the brain than with the eyes
- 9:00Smooth Pursuit
- 9:13Vectors
- 14:52Spatial navigation
- 15:27Vestibular disorder
- 18:45Animate more!
