Perceived performance
Reduce perceived waiting with immediate state changes, skeletons, and continuous feedback.
Preview
Live preview
The right animation makes an interface feel faster, even when it isn't.
Authoritative vocabulary
Definition and close-term distinctions
English definitions are preserved verbatim from Animation Vocabulary; translations and distinctions help you choose precisely.
perceived-performancePerceived performance
感知性能Authoritative definition
The right animation makes an interface feel faster, even when it isn't.
Chinese translation
恰当的动画可以让界面在实际速度未变化时显得更快。
Design contract
Decide before this motion ships
Purpose, frequency, trigger, timing, interruptibility, and gesture rules shape the implementation.
Reduce perceived waiting through immediate state changes, stable skeletons, and continuous feedback.
Apply to every perceivable wait path, choosing feedback depth from actual latency.
Trigger immediately after input, escalating to progress, skeleton, or cancellable state at latency thresholds.
Confirm input first, preserve layout during waiting, and hand off smoothly to ready content, surfacing failures quickly.
Handle cancel, replacement requests, and retries through one state machine that cleans up stale feedback.
Long tasks provide cancel and back paths, with keyboard-operable controls and accessible progress state.
Disable looping shimmer and large transitions while preserving immediate state, static skeletons, and progress text.
Review notes
Pre-delivery review
- Measure against real latency and keep motion from hiding performance problems.
- Distinguish determinate progress, indeterminate progress, and momentary waiting.
Accessibility
Keep information accessible
Reduced motion
Disable looping shimmer and large transitions while preserving immediate state, static skeletons, and progress text.