U11.03.5Too-short animation duration leaves intermediate states unreadable设计

动画时长过短会使中间状态来不及被读取

别名: 动画时长 · 可读速率

概念解释

动画的信息价值以"读者能否读完中间状态"为前提:一段 300 毫秒的年度数据演化动画,中间年份的画面一闪而过,只有起点和终点被看见——那不如直接并排两张静态图。动画时长过短时,动画从"信息载体"退化为"花哨的切换",甚至更糟:给读者制造"我看到了过程"的错觉,实际只是看到了首尾。时长设计因此不是美学参数而是信息参数,它必须以最慢目标读者的读取速率为下限。

机制

时长下限的机制是认知加工速率与信息密度的比值:一个状态需要被读取的时间取决于它的信息量(数据点数、文字量、需要比较的对象数)与读者的加工速率(受年龄、认知负荷、辅助技术影响)。屏幕阅读器用户的"读取"以听读速率为准——摘要加关键点的口播需要数秒到十几秒;视觉快速扫描者的单帧加工快至几百毫秒,但连续状态的累积理解仍需秒级。设计上的可行准则是:以"每个状态至少可被识别"计算总时长下限,并让状态切换的间隔可配置(延伸至同组的暂停与步进——速度控制权比精确调校默认时长更根本)。另一个机制是"动画何时承载信息"的判断:如果中间状态的信息无独立价值(过渡只是掩盖加载),短动画没有伤害;如果中间状态就是内容(数据演化过程),时长不足即是信息截断。

边界

时长与注意力的关系有上限边界:过长的动画同样有害(读者被迫等待或提前离开),总时长的实际约束是读者任务的忍耐窗口,超过后必须提供跳过与加速。时长下限在不同通道不同:视觉通道可快至每状态几百毫秒,听觉通道(摘要播报)受语音速率限制明显更慢——同一动画的视觉版与语音版时长要求不同,多模态场景取更慢者。渐变性边界:时长从"足够"降到"不足"是连续过程,实践中以用户测试定标(能否复述中间状态)而非拍脑袋定毫秒数,测试对象应包含最慢的目标读者群体。

怎么落地

  • 信息型动画按时长下限校验:状态数 × 单状态最低识别时间,得出的总时长作为动画最短时长。
  • 提供播放速度控制(0.5x/1x/2x),把速率决定权交给读者,作为固定时长的兜底。
  • 听觉摘要与视觉动画并行时,以听觉速率为准对齐总时长。
  • 验证:让目标读者观看动画后复述中间状态;多数人只能说出首尾即时长不足,需加长或改用静态分帧。

延伸

  • 同组U11.03.1 自动播放的动画需可暂停并支持逐帧步进 · U11.03.2 只在播放过程中存在的状态需提供静态等价形式 · U11.03.3 快速闪烁与高对比运动可诱发不适或发作 · U11.03.4 过渡动画需响应系统的减弱动效偏好
  • 相邻U11.03.1 自动播放的动画需可暂停并支持逐帧步进 · U9.03.1 注释指出图中应看什么
  • 站内检索animation duration · reading speed · animation timing

同组卡片

快捷操作

分享

分享当前页面

ios_share

https://hci.top/zh/handbook/U11.03.5