Field Note 04 / Motion
When does motion improve a business website?
Motion earns its place when it explains cause and effect, preserves direction, reveals hierarchy, or confirms an action without delaying the visitor.
01 / Four useful jobs
Good motion does specific work.
- Orient: show where a new section came from and how to return.
- Explain: demonstrate a process, relationship, or change in state.
- Prioritize: reveal content in an order that matches its importance.
- Confirm: acknowledge that a control, form, or navigation action succeeded.
When motion has no clear job, removing it usually improves the experience.
02 / Directional memory
Forward and back should feel different.
People build a mental map from movement. If scrolling down moves a horizontal experience right, scrolling up should move it left. If a page folds forward, returning should reverse that relationship.
Consistent direction helps visitors remember where they came from. Random movement makes every section feel disconnected, even when the visual design is polished.
03 / The cost of excess
Every effect spends attention and performance.
Long intros, repeated color wipes, competing transitions, and movement on every element can bury the message. They may also increase motion sensitivity, delay interaction, and create lower-end device performance problems.
Use one dominant transition idea per system. Let typography, spacing, imagery, and content carry the rest.
04 / Measure the result
Judge motion by behavior, not applause.
Evaluate whether visitors reach key information, understand the offer, use navigation controls, complete calls to action, and recover easily when moving backward. Pair analytics with usability sessions and accessibility testing.
Remove or revise motion when it:
- delays access to essential content;
- causes people to lose their place;
- competes with the primary action;
- cannot be reduced without breaking navigation; or
- performs poorly on common mobile devices.