purposeful-animationPurposeful animation
Review the purpose, frequency, and spatial rules of motion for a consistent experience.
Preview
Purposeful motion communicates hierarchy, causality, feedback, or spatial relationships in support of a user task.
Preview
Learn more
Terms and distinctions
purposeful-animationPurposeful animation
有目的的动效English definition
Purposeful motion communicates hierarchy, causality, feedback, or spatial relationships in support of a user task.
Chinese translation
动效应承担明确功能，例如帮助定位、提供反馈或展示关系，而非只作装饰。
frequency-of-useFrequency of use
使用频率English definition
Exposure frequency sets an animation's acceptable emphasis and length; repeated motion benefits from greater restraint.
Chinese translation
用户看到一段动画的频率越高，它就应越短、越克制。
Distinction
Frequency of use determines how short and subtle motion should be; Purposeful animation determines the function it serves.
spatial-consistencySpatial consistency
空间一致性English definition
Objects retain coherent position, direction, and identity across states so changes remain easy to trace.
Chinese translation
让元素在不同状态之间保持身份与空间位置的连续，使用户始终知道内容去了哪里。
Distinction
Spatial consistency preserves identity and position across states; Purposeful animation supplies the reason for that continuity.
Before implementation
- Purpose
- Review whether every motion pattern serves orientation, feedback, relationship explanation, or perceived performance.
- Frequency
- Apply during design review, implementation review, and pre-release, with stricter restraint for frequent motion.
- Trigger
- Trigger review from new motion, interaction changes, or user feedback, documenting a testable purpose.
- Enter / exit
- Derive enter and exit rules from information relationships and remove travel with no explainable source or destination.
- Interruptibility
- Require frequent interactions to be interruptible and give low-frequency narratives a skip or fast-complete path.
- Gesture and keyboard
- Gesture motion follows input, supports cancellation, and has a keyboard alternative, while decorative motion consumes no gestures.
- Reduced-motion strategy
- Provide an equivalent low-motion expression for each purpose while preserving function and state information.
Accessibility
Reduced motion
Provide an equivalent low-motion expression for each purpose while preserving function and state information.
Pre-delivery review
- Document purpose, frequency, and spatial rules.
- Remove decorative motion with no user-understanding or feedback benefit.