Skip to results

Design Motion as Communication

Motion & Interaction · motion

Updated 2026-07-28

Animation should explain change, not decorate it.
Every motion should answer:

Where did it come from?
Where did it go?
What changed?

Use motion for:

Transitions.
Feedback.
Relationships.

Avoid:

Random movement.
Long animations.
Decorative effects that slow tasks.

Motion should make interfaces easier to understand.
The best animation feels invisible because the user simply understands.

Related guides

Use Consistent Animation Timing to Create Responsive Interfaces
Design Micro-Interactions That Make Interfaces Feel Alive
Design Scroll Into View Behavior
Design Buttons That Feel Responsive and Refined
Design Accessible Motion