U11.03.1Auto-playing animations must be pausable and support frame stepping设计

自动播放的动画需可暂停并支持逐帧步进

别名: 动画暂停 · 逐帧步进

概念解释

动画图表(动态排序条形图、滚动时间线、自动轮播的仪表盘)的信息以时间分布:某一刻的画面只呈现数据的一个状态切片。控制权要求是动画可访问性的第一原则:自动播放必须有显式的暂停按钮;暂停之后必须能逐帧(或逐状态)步进,让用户以自己的速度检视每一个状态。没有控制权的动画对阅读速度不同的用户是信息的不公平分配——跟随不上的用户被迫放弃。

机制

控制权机制的认知依据是阅读速度的个体差异与动画的固定速率之间的冲突:动画以设计者设定的速率播放,读者的认知加工速率(读数、比较、理解)是个体变量,两者只有在低速读者恰好赶上时才匹配。暂停功能把速率的控制权交给用户,步进功能进一步把"何时前进"离散化为用户的显式动作——这对需要做笔记、比较两个状态、或使用辅助技术的用户是必需品而非增强。键盘可达是控制权的落实方式(延伸至同组的键盘遍历):暂停/播放与步进都必须是键盘可触发的(空格暂停、方向键步进),且控件在焦点序列中可达。自动播放本身也有边界:纯装饰动画(加载指示、氛围动效)可以自动播放但应为低显著度;承载信息的动画自动播放的默认时长不应超过一个周期,且循环播放需要可见的停止方式——无限循环的信息动画把用户锁死在被动观看里。

边界

暂停与步进的粒度设计有取舍:连续动画(趋势生长)的"逐帧"可以按关键状态离散化(每年一步、每阶段一步)而非真的每一渲染帧——步进的单位应是"一个有意义的状态"而非"一帧画面"。控件的可见性是另一边界:藏在小菜单里的暂停键对紧急需要停止的用户(前庭不适发作的前兆)不够快,承载信息且自动播放的动画应把暂停控件直接放在动画旁。触屏环境的等效操作(点按暂停、滑动步进)需要与键盘约定并行定义。

怎么落地

  • 自动播放的信息动画必须在旁提供暂停/播放与步进控件,键盘可达(空格暂停、方向键步进)并写明操作提示。
  • 步进单位定义为有意义的状态(年度、阶段),暂停位置即步进起点。
  • 自动播放不超过一个周期,循环播放提供显式停止。
  • 验证:仅用键盘完成"暂停动画并步进到指定年份查看数值"任务;无法完成即控制权缺失。

延伸

  • 同组U11.03.2 只在播放过程中存在的状态需提供静态等价形式 · U11.03.3 快速闪烁与高对比运动可诱发不适或发作 · U11.03.4 过渡动画需响应系统的减弱动效偏好 · U11.03.5 动画时长过短会使中间状态来不及被读取
  • 相邻U11.01.3 交互式图表需支持键盘遍历 · U11.03.2 只在播放过程中存在的状态需提供静态等价形式
  • 站内检索animation control · pause button · frame stepping

同组卡片

快捷操作

分享

分享当前页面

ios_share

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