Design Principle
Useful motion helps users understand what changed, where it came from, and where to look.
Principle
Useful motion helps users understand what changed, where it came from, and where to look.
Design action
Add short motion only for hierarchy changes, enter/exit, success/error, and progress feedback; support reduced motion.
Examples
Positive example: Filtering, expansion, navigation changes, generation progress, and status updates could disorient users. Counterexample: List items float or bounce without meaning.
Apply when
Filtering, expansion, navigation changes, generation progress, and status updates could disorient users. Users need to judge state, scope, risk, or next action quickly.
Source notes
Source note: Synthesized from Apple HIG, Material Design, NN/g usability principles, and layout/hierarchy practices in mature design systems.
Agent Directive
Add short motion only for hierarchy changes, enter/exit, success/error, and progress feedback; support reduced motion.