交互设计中对时间的思考

作者：马志强

在与网站的交互中，等待页面的加载过程是需要重点设计的内容。时间对交互有很大的影响，长到可感受到的时间量，短到仅仅几毫秒。时间足以影响用户对一个网站体验优劣的评判。本文主要探讨网站中时间的基本要素以及改善的策略。

一、时间的重要性

网易100分答题界面

    之所以思考时间在设计中的影响，起因于现在正在做的网站项目（如上图）。点击选项跳转页面时没有观察到选项是否选中，于是和开发同事决定延迟2秒，在测试的过程中发现跳转过慢，经过几次调试，平衡跳转顺畅度与信息反馈时间，最终定为500毫秒，同时也能观察到选项选中状态。在没有等待的过程中觉得“2秒”是很快的，但是在实际跳转页面的过程中过慢，在网络世界中速度过慢影响体验，但过快并不一定好，过犹不及。

    根据衡量标准，可以把时间划分为两种：一种是客观可衡量的，即可以用秒表衡量的时间；另一种是心理可感知的，即人们等待时心理衡量的时间。某一机场的路径设计就是缓解了人的被动等待时间。延长下飞机到领取行李箱的过程，这段时间为无需等待时间，而到达行李领取处只需等待几分钟或无需等待即可领取（如上图）。

    在与网站、APP交互的过程中也存在被动等待的时间。麻省理工学院的研究表明,人在被动等待模式下会高估自己的等待时间，大概多出约36%。在网站的设计中，可以通过技术开发的优化缩短网站的加载时间，然而采用这一手段有其局限性，因此减少心理上的时间评估可以弥补技术的缺陷，但这需要考虑到时间的相关要素。

    根据人类心理学研究，人的记忆与注意力是有限的，让用户尽量利用外界的信息而减少认知的负荷，而且必须感到一切尽在掌控。根据最新的研究证明，用户只要3秒足以放弃一个网站。谷歌做过一个测试，当网站响应时间超过4秒之后，会有25%的用户会选择离开；沃尔玛网站每提升1秒，其转化率相应增加2%。

二、交互设计中的时间要素

    综上所述，交互设计中的时间要素包含单位时间内完成的任务（主动操作时间）、系统响应时间（被动等待时间）、用户所处的状态。

    1.单位时间内完成的任务（主动操作时间）

费茨定律 

    费茨定律：从一个起始位置移动到一个最终目标所需的时间由两个参数决定：到目标的距离（D）以及目标的大小（W）。这表明增加操作的易用性也能减少用户的操作时间。首先，设计可点击对象的合理尺寸，提高按钮的易用性。其次，考虑屏幕边角最易于点击，可设计重要页面元素在此位置。然后，根据用户的使用情景推荐快捷方式，尽量减少用户移动视线。其中优秀的设计为浏览器的关闭按钮。一些软件的界面也借鉴了这个法则，如Photoshop的左侧工具栏。

 

Photoshop界面

希克法则

    希克法则说明一个人面临的选择越多，所要做出决定的时间就越长。这在网页中设计，过多的界面元素会影响用户作出决策，同时也影响目标完成与否。对比一页密密麻麻的表单与一页只有几个表单分成多步，哪个对用户更简单，更容易把控，答案显而易见。

    淘宝的注册就采用了分步注册的方式，将注册分为3步，一个页面仅仅需要填写少量表单，让用户感觉一切都是这么简单易于掌控，减少注册表单的烦躁感，从而提高注册的成功率。

    2.系统（网页）响应时间（被动等待时间）

   用户的操作与系统的反馈时间有着直接的关系。据心理学研究，响应时间之间的区别为：

   0.1到0.2秒 ：这个区间为瞬时响应，用户基本觉察不到发生的延迟。

   0.5到1秒：这个区间为立即响应时间，这个区间通常能被用户所容忍。

   10秒：这个时间则为缓慢时间相应，用户的注意力已经不能集中，转移到其他事物中。

   网页的加载过程中，技术的优化已经受到局限性：根据用户所处的网络环境以及系统的反应，都需要加载一段时间。在加载的过程中，一些网站或APP就融入了很多有趣的动画设计，以减缓用户等待中的心理评估时间，减少因等待而产生的焦躁感，如去哪儿APP的加载动画等。还有在等待的过程中加入应用相关提示，引导用户更好地使用应用也是一种方法，如全民突击的加载中就加入了应用操作提示或作战技巧，这可以在等待的过程中让用户“有事可做”。

App加载 

   3.用户所处的状态

   用户所处的状态对时间的感受有着直接的影响：在沙发中慢慢品味着咖啡浏览网页；站在十字路口，打开手机地图查看即将面试的目的地。这两种状态对时间的感知会相差好几倍。考虑到网站或APP应用所使用的情景，采用不同的设计策略，突出重点内容和操作，尽快地满足用户所想要的。

网易100分答题界面

    从答题网站的项目中发现，网站的响应速度也并不是越快越好。速度过快会导致信息被忽视而错过，就如该网页中的选项状态，过快跳转则无法注意到该选项是否选中，适当的时间延迟则会更容易确认。

总结

    交互设计中对于时间的把握需要达到平衡，慢则损，快亦伤。将用户主动操作时间分布优化，减少单位时间内需要完成的任务，即时反馈用户操作，让用户掌控系统。利用动画、文案、必要操作提示等信息减少用户被动等待时间。考虑用户使用网站或APP的使用情景，优化内容布局，突出重点，让操作更加顺畅。

本文来自网易实践者社区，经作者马志强授权发布