感知性能
通过即时状态、骨架和连续反馈缩短用户感受到的等待。
预览
实时预览
恰当的动画可以让界面在实际速度未变化时显得更快。
权威词义
术语定义与近义词辨析
英文定义逐字保留自 Animation Vocabulary;中文翻译和辨析帮助你选对术语。
perceived-performance感知性能
Perceived performance权威英文定义
The right animation makes an interface feel faster, even when it isn't.
中文翻译
恰当的动画可以让界面在实际速度未变化时显得更快。
设计规范
使用这段动效前的判断
目的、频率、触发、时序、可打断性和手势规则共同决定实现。
通过即时状态、稳定骨架和连续反馈缩短用户感受到的等待。
用于所有可感知等待路径,并根据真实延迟选择反馈层级。
输入确认后立即触发,随后按延迟阈值升级为进度、骨架或可取消状态。
先确认输入,再维持布局,最终内容就绪时平滑接管;失败状态快速显现。
用户取消、新请求和失败重试都更新同一状态机,清理旧反馈。
长任务提供取消与返回;按钮保持键盘操作,进度状态可被辅助技术理解。
关闭循环扫光和大幅过渡,保留即时状态、静态骨架与进度文本。
检查要点
交付前检查
- 按真实延迟测量体验,避免用动画掩盖性能问题。
- 区分确定进度、未知进度和瞬时等待。
无障碍
保持信息可达
减弱动效
关闭循环扫光和大幅过渡,保留即时状态、静态骨架与进度文本。