Design Principle
Excessive motion interrupts tasks, especially in dense tools.
Principle
Excessive motion interrupts tasks, especially in dense tools.
Design action
Motion should be short, light, and predictable; tool pages prioritize state feedback, respect reduced-motion, and avoid unrelated looping decoration.
Examples
Positive example: Menu expansion, state switches, generation progress, and list updates. Counterexample: Every card has strong entrance animation.
Apply when
Menu expansion, state switches, generation progress, and list updates. Cause or hierarchy changes need explanation.
Source notes
Source note: Synthesized from Apple HIG, Material Design, GOV.UK/Polaris/Atlassian component practices, and interaction accessibility principles.
Agent Directive
Motion should be short, light, and predictable; tool pages prioritize state feedback, respect reduced-motion, and avoid unrelated looping decoration.