感知性能

通过即时状态、骨架和连续反馈缩短用户感受到的等待。

预览

实时预览

恰当的动画可以让界面在实际速度未变化时显得更快。

预览
感知性能通过即时状态、骨架和连续反馈缩短用户感受到的等待。
权威词义

术语定义与近义词辨析

英文定义逐字保留自 Animation Vocabulary;中文翻译和辨析帮助你选对术语。

核心术语perceived-performance

感知性能

Perceived performance
权威英文定义

The right animation makes an interface feel faster, even when it isn't.

中文翻译

恰当的动画可以让界面在实际速度未变化时显得更快。

查看全部 91 个术语
设计规范

使用这段动效前的判断

目的、频率、触发、时序、可打断性和手势规则共同决定实现。

目的

通过即时状态、稳定骨架和连续反馈缩短用户感受到的等待。

频率

用于所有可感知等待路径,并根据真实延迟选择反馈层级。

触发

输入确认后立即触发,随后按延迟阈值升级为进度、骨架或可取消状态。

进入 / 离开

先确认输入,再维持布局,最终内容就绪时平滑接管;失败状态快速显现。

可打断性

用户取消、新请求和失败重试都更新同一状态机,清理旧反馈。

手势与键盘

长任务提供取消与返回;按钮保持键盘操作,进度状态可被辅助技术理解。

减弱动效策略

关闭循环扫光和大幅过渡,保留即时状态、静态骨架与进度文本。

检查要点

交付前检查

  • 按真实延迟测量体验,避免用动画掩盖性能问题。
  • 区分确定进度、未知进度和瞬时等待。
无障碍

保持信息可达

减弱动效

关闭循环扫光和大幅过渡,保留即时状态、静态骨架与进度文本。