Motion Design in the Age of Attention Fatigue

Every scroll, every tap, every hover is a tiny negotiation with the visitor's attention. Motion design decides who wins.

Motion is a language, not a decoration

If typography is the voice, motion is the gait — how the experience moves through space. People can't articulate why a site feels right, but they feel it in their body before their mind catches up.

Rules we refuse to break

• Every animation answers a question — where am I? where can I go? what just happened?
• Speed is a brand decision — a luxury brand moves slow, a utility moves fast, both are deliberate
• Easing over duration — a well-eased 300ms feels slower than an ugly 600ms

// The easing curve that makes everything feel expensive
const luxury = [0.16, 1, 0.3, 1]; // exponential ease-out

When to break the rules

The single most effective animation on any site is usually the one that doesn't exist yet — the moment of stillness after a busy scene. Rest is a transition too.

The test: remove every animation. If the site still communicates, re-add them one at a time in order of what actually helps. What's left is your real design.