Motion should whisper
A case for quieter animation in interfaces, and how to make it feel effortless.
By PixelMunch Studio
2 min read
The easiest way to make an interface feel expensive is to animate it. The easiest way to make it feel tiring is to animate it too much. Somewhere between those two sits the motion we like best: present, purposeful and almost invisible.
Motion is information
Good interface motion answers a question before the user asks it. Where did that panel come from? Where did my item go? Is the system still working? When a menu unfolds from the button that opened it, the brain does not need to search for the connection. When a deleted row collapses rather than vanishing, nobody wonders whether the list jumped.
If an animation does not carry information like this, it needs a very good reason to exist. Delight is a fine reason, but delight wears thin by the tenth time you see it.
The best motion is the kind you only notice when it is missing.
Fast in, gentle out
Most of the motion we ship follows a few simple habits:
- Keep it short. Most transitions live between 150 and 400 milliseconds. Large, page-level reveals can stretch longer, but rarely.
- Ease out. Things should arrive quickly and settle slowly, the way a real object loses momentum. Linear motion feels mechanical.
- Move less. A reveal that travels 24 pixels feels confident. One that travels 200 feels like a magic trick.
- Animate transform and opacity. They are cheap for the browser to render and keep scrolling smooth on modest hardware.
- Respect the setting. When someone asks their device to reduce motion, show the final state immediately.
One curve, many moments
Consistency matters more than any individual animation. We define a small set of easing curves and durations as design tokens and use them everywhere, from button hovers to page transitions. The result is a product that moves with a recognisable personality, the same way a typeface gives it a recognisable voice.
It also makes motion easier to review. When every transition draws from the same five or six values, an outlier is obvious. When each one was tuned by hand, nobody can tell what is right.
Earn the big moment
None of this means motion should be timid. A homepage hero, a product launch, a moment of real achievement in an app can all carry something bolder. Those moments land precisely because everything around them is calm. Whisper most of the time, and people will lean in when you finally raise your voice.
