作者：Saptarshi Prakash
六、微交互动效的时间问题动效是服务于产品的，所以动效的好坏对用户体验有着至关重要的影响。动效设计不能以自嗨的角度进行设计，需要遵循一定的设计原则和相关约束，因为你所设计的效果能否最终落地还需要靠开发人员的开发。在动效设计中时间是其非常重要的设计核心，在设计动效时需要考虑2种时间类型，一种是响应时间另一种是持续时间。
6.1 响应时间
响应时间是指从用户执行操作到出现反馈之间的时间间隔，不同的触发机制，其响应时间的限制也存在差异。
a. 用户操作直接触发的反馈，理想情况下的响应时间应该控制在100毫秒以内。
b. 用户操作间接触发的反馈，响应时间可以在2秒以内，超过2秒用户会觉得丧失了控制权，而在1秒左右的时间内，用户会短暂进入心流状态专注于获取系统响应。
c. 如果反馈结果出现超过2秒，则需要设计加载动效，来告知用户系统正在努力执行任务。
d. 如果反馈结果的时间在2～9秒范围内，则需要使用循环加载动效，可以用趣味化的设计形式，来缓解用户因为等待所产生的焦虑于不满情绪。
e. 如果反馈结果的时间超过10秒时，则需要使用进度条形式的具有指示含义的加载样式。因为它能够给用户带来对等待时间的心里预期，加载速度的变化对用户满意度的影响非常大。如果进度是开始快最后慢，用户会很抓狂。如果是开始慢而最后快，则用户内心会非常兴奋，因为这超出了用户心理预期。
6.2 持续时间
微交互动效的持续时间不易过长，以免占用用户过多的时间，从而影响用户阅读和操作的效率，除了加载动效以外其他类型动效的持续时间要控制在500ms以内。如果希望用户能够清晰的捕捉到元素的变化过程，持续时间需要大于200ms；如果觉得元素的瞬间变化用户也是能够接受的，那么持续时间可以控制在200ms以内。
例如：鼠标的Hover事件，动效几乎是瞬间发生的，用户不会感觉奇怪反而会觉得系统响应是极快的。
微交互动效的具体持续时间，不仅受到元素自身的大小和动效复杂程度的影响，还受动效目标和运行动效设备的影响。因为不同的设备之间存在性能差异，同样的动画效果，在性能好的设备上能够完美流畅的运行，而在性能较差的设备上却会出现卡顿的情况，自然持续时间会变长。
a. 小元素的轻微变化动效，一般在200～300ms以内。
b. 较大元素的复杂变化动效，可延长时间到400～500ms。
c. 运动较快的动效更容易吸引用户的注意力，同时也更节省时间。如果运动元素在用户视线范围之外，为了达到吸引用户注意的目的，可以使用在短时间内让元素产生较大变化的动画效果，如变化范围较大的元素位移动画。如果运动元素已经位于用户的视线范围之内，为了保证视觉的连续性，动画效果只要完成过度即可结束，避免造成用户注意力分散。
d. 运动较慢的动效对用户注意力的影响很弱，适用于非用户直接触发的场景。如果动效不是用户直接触发的，不希望用户的注意力被转移或分散，可以控制动效在长时间内变化较小的动画效果。
对于不同的设备而言，动效的持续时间也存在不同，因为不同设备的屏幕尺寸及性能都存在差异，所以理想的持续时间也不相同。一般移动设备的屏幕越大往往动效的移动距离也就越大，因此持续时间也应该越长。在可穿戴设备上的动效持续时间比手机上快大约30%，平板电脑上的动效持续时间比手机慢大约30%。
而对于台式设备而言，动效的设计比移动设备更为简单快速，常见持续时间为150～200ms，因为在台式设备上如果动效过于复杂容易出现卡顿和掉帧的情况，快速响应则能很好的避免这一问题。
