Skip to content
Journal

Design

Motion Is a Language, Not a Garnish

Headshot of Nadia Haddad
Nadia Haddad
September 6, 2022 · 3 min read

There is a moment in almost every project when someone says "can we add some motion to make it feel more premium?" and my heart sinks a little. Not because motion cannot do that. Because the question reveals that motion was never part of the design, only a coat of paint waiting at the end of the process.

Motion is a language. It has grammar, vocabulary, and accent. Used well, it explains where things came from, what just happened, and what matters now. Used as garnish, it is the interface equivalent of a person who gestures constantly while saying nothing.

Every animation should answer a question

Our filter for any piece of interface motion is brutal and simple: what question does this answer for the user? The legitimate answers are few.

  • Where did this come from? A panel that slides from the edge it lives behind teaches spatial structure. The user builds a map without knowing they are building one.
  • What changed? When a list reorders after a filter, animated transitions preserve object permanence. A hard cut forces the user to re-scan and re-find. This is the difference between watching a change and auditing one.
  • Did that work? Feedback motion, the button press, the successful save, closes the loop between intent and result in under a hundred milliseconds.
  • What should I look at? Attention is a budget. Motion is the loudest voice in the visual hierarchy, which is exactly why it must be rationed.

If an animation answers none of these, it is a performance, and the user is being made to sit through it. That is what those 400ms page transitions on marketing sites are: a tiny toll booth someone thought was a brand moment.

Timing is where taste lives

Duration and easing carry the accent of the brand more than any other property. Our working defaults, tuned per project but rarely by much: small interface feedback lives between 100 and 200ms, spatial transitions between 200 and 350ms, and almost nothing in a productive interface deserves more than 500ms. Ease-out for things entering, because they should arrive settled. Ease-in-out for things moving within the frame. Linear almost never, because nothing in the physical world moves that way and hands notice even when eyes do not.

The premium feeling clients ask for does not come from more motion. It comes from consistency of physics. When every element in a product accelerates and settles by the same rules, the interface feels like one material. That coherence reads as quality the same way a well-built door reads as quality: through the hand, below the level of language.

Respect the off switch

A principle we hold without exception: honor prefers-reduced-motion, and design the reduced experience deliberately rather than letting it be whatever survives. Vestibular disorders are common, and a parallax hero can make someone genuinely ill. The reduced-motion variant is not a degraded version. It is a parallel translation, usually swapping movement for opacity, and building it well is part of the job, not an accessibility surcharge.

Decide the grammar on day one

The practical change we push clients toward: define motion principles alongside color and type, in the foundations phase, as tokens where the system supports it. Durations, easings, and choreography rules belong in the design system, not in individual designers' heads.

Because here is the truth about the "make it feel premium" request: by the time it is asked, the answer is mostly no. Premium was available earlier, when motion could still have been a decision instead of a decoration.

Building something this could apply to?

We take on a small number of flagship projects each quarter.

Start a project