Animation and transition.
WHAT MOTION SHOULD DO
Show where something came from or went Direct attention to a change Indicate that something is processing Make a transition understandable
WHAT IT SHOULD NOT DO
Decorate Delay Demonstrate technical capability
WHAT DURATION SUITS
Short. Long enough to be noticed, short enough not to wait.
Anything a person waits for repeatedly becomes irritating.
WHAT TO ANIMATE
Position and opacity, mainly.
WHAT TO AVOID
Motion on every element Motion that blocks interaction Bouncing and elaborate effects Anything that repeats indefinitely
WHY MODERATION
Motion draws attention. Constant motion exhausts it.
WHAT TO RESPECT
The preference some people set to reduce motion.
WHY
Motion causes genuine discomfort and nausea for some people.
WHAT TO DO ABOUT IT
Honour the setting, and provide the interface without animation.
WHAT TO TEST
On a slower device, where animation degrades.
