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.