Motion that earns attention

Attention is a short budget

Every animation asks for a moment of looking. On a product screen that moment is already scarce. A person is trying to finish something. Motion that does not help them finish is a cost.

Earned attention is the kind you can explain. It showed you what opened, what arrived, or what you should do next.

If the only reason it moves is that stillness felt unfinished, it has not earned the time.

Decoration moves, meaning stays

A slow fade on every heading, a looping background, a button that bounces for no change in state: these are easy to add and hard to defend. They make the page feel busy and teach people to ignore movement.

We keep motion attached to a cause. Something entered, something left, something needs a decision. The movement is the explanation, not the ornament.

Time it to the task

A transition should be long enough to follow and short enough to forget. If you notice the duration, it is probably late.

We test motion with the task in mind. Opening a panel, confirming a send, moving between steps. The same curve does not fit all three. A confirmation can be quick. A change of context can take a breath.

We also design the reduced-motion version at the same time. If the meaning disappears when the animation is off, the motion was carrying information it should have shared with the layout.

Stillness is part of the motion

A screen where everything moves has no emphasis. Stillness is how you point. One moving thing, in a quiet layout, gets the look.

Motion earns attention when the rest of the page is calm enough for that look to matter.