Frame the decision correctly
Animation is valuable when it serves a purpose: showing the relationship between layers, explaining the result of a choice, or making a transition clear. Constantly jittering elements and repetitive sliding motions across sections can distract the visitor. First, determine which information is best conveyed through motion.
What should be considered during implementation?
Measure the cost of motion on the device. Large videos, heavy 3D scenes, and effects that continue running even when off-screen impact battery life and smoothness. Pausing off-screen scenes, serving appropriately sized visuals, and separating interaction from core content are good starting points.
Control and next steps
Support the "reduced motion" preference. Key information should be readable before the animation finishes; users shouldn't have to wait for a long sequence just to enter the site. If a loading indicator doesn't reflect actual progress, it shouldn't be presented as a technical download percentage.
Your quick checklist
- Define the purpose of the movement.
- Measure the cost of the call.
- Support the reduced movement.