动画的速度对于可用性来说非常重要,太快会导致很难看到或令人眼花缭乱,太慢会让用户觉得这是一种干扰和延迟。一般来说,大多数动画的持续时间应该在 100-500 毫秒的范围内,具体取决于复杂性和元素移动的距离。根据经验法则,要寻找动画在不产生干扰的情况下的最短时间。动画太长比太短更常见。
简单的反馈动画(例如显示复选框或切换开关)的总持续时间应约为 100 毫秒(0.10 秒)。这种持续时间对用户来说是直接的,并创造了物理操作对象的错觉。100 毫秒处于可感知运动的下限,几乎感觉像是从一个地方瞬间跳跃到另一个地方,但足以使反馈变得明显。
当动画涉及大量屏幕变化时,例如当模态窗口移动到视图中时,200-300 毫秒的持续时间是合适的。一个元素移动得越远,它的流畅性和不震动性就越重要(特别是对于对运动敏感的人,例如患有癫痫症或前庭障碍的用户)。
在 500 毫秒时,动画开始让用户感觉像是真正的拖沓——它们变得繁琐和烦人。在大多数情况下,100-400 毫秒的范围是合适的,400 毫秒是一个非常慢的动画,仅用于大屏幕上的大移动。用这些值进行试验,从 250 毫秒到 300 毫秒的微小变化会让人感觉非常不同。请注意,动画对象出现或进入屏幕通常需要比对象消失或退出屏幕略长的持续时间:弹出窗口可能需要 300 毫秒才能出现,但只需 200 或 250 毫秒即可消失。(