1. 原理表述
系统需要在 400ms 内使用者操作做出响应,这样才能够让使用者保持专注,并提高生效率。
2. 实验背景
上世纪 70 年代后期,计算研究员依然认为计算可以花费两秒时使用者操作做出反馈,为他们认为们大概正好需要两秒时来决定下步操作,所以 2s(2000ms)度成为了年计算响应时标准值。到 1979 年计算算力开始大幅提升,也有了足够能力在 2000ms 内做出响应,这时 IBM 研究员 Walter Doherty 进了系列研究来评估算力增长生力影响。
研究结果表明,算机的响应速度直接影响了使用者出下一决所花费的时间(这时间被称用户响应时间),换句话,算机相应的时间越,用户就花费越多的时间思考决下一的操作。
面这张表格充分明了这一观点,横纵坐标分别用户响应时间系统响应时间,我们可以看到系统响应时间如果从之的 2000ms 降低到 300ms ,使用者作出下一指令所需的时间就能够缩短 5s 以。Doherty 认人们会将作需的一系列操作骤存储短时记忆之内,如果系统响应时间太,就会打断人们的短时记忆,换句话,思都不连贯了。
仅如此,Doherty 还认为响应速低于 400ms 的系统或者程序,会人上瘾。放在当的环境来看,这当然只是一句较夸张的话,但是结论是需要我们重视的,程序的响应时间,务必在 400ms 之。
1. 响应时间的多尔蒂阈值
「多尔蒂门槛」给我们的启示,一节后一句已表达得足够清楚:系统或程序的响应时间小于 400ms 。了让读者加直观得感受,我们先一组小动画感受一下高响应延迟多让人抓狂,速响应又多么让人舒服:
应用案例 1:模拟延迟效果
注:请务必挨个观察,不要看体,看单个效。
从动画中可以感受到,50ms、200ms 还算可以让人接受,当响应时间达到 600ms 时已让人些不耐烦,达到 1000ms 时会让人不自觉多点几下,2000ms 时我手机已被我砸了。
2. 另一个因素不能忽视
如今的算机算力之下,响应时间轻轻松松便能够达到多尔蒂门槛的阈,甚至能够远比 400ms 小,但这就够了吗?「多尔蒂门槛」到底只给出了响应时间的限,400ms 的响应时间或许多尔蒂那时确实能够幅提升操作员的操作效率从产出的济效益(比如银行系统),但互联网已越发熟,不少公司的用户体验研究者都已意识到,系统响应时间已然不影响用户响应时间的唯一因素了,另一因素过渡动画的持续时间。
就像谷歌在 Material Design 中明确规定了过渡画的 Speed 这一项,这是为么呢?户体验是一门于情感和逻辑的问,而仅仅是一个统计数字就解释的,程序对某一操作的反馈时间(包括响应+画)符合户对该操作的预期才是户「上瘾」的键。
应案例 2:iOS 中的画
所以,哪怕我们手、电脑已经可以做到在 100ms 内做出响应,快到完全有能力在用户反应不过来情况下出反馈和结,是这样是不够,我们依然需要「合适时长」动画作为计算反馈和大脑反应润滑剂,而不至于让程序使用起来太「干涩」,也不至于让大脑处于应激反应阶段而感到疲劳。
3. 有时不可避免高延迟
在真实世界我们使用应用时会发现,有时候响应速度没办法做到如此迅捷快速,比如 APP 启动时;有时候即便系统可以响应,网络却不。网络并不能在用户操作瞬把所有需要资都下载好,用户必须等待几秒时,那么这时候需要考虑如何减少用户等待焦灼感,优化等待体验。
比如趣的加载动画、闪屏页,都算解决办法。
应用案例 3:Netflix 的启动动画以及新草的加载动画
动画的持续时间应当在适当的区间中取到最短,而不能太突或太缓慢。
反面案例 1:快或慢的动画
在现的上 APP 中,也有故意把动画做得很慢的例子,比影响操的流畅。
反面案例 2:Eggzy
左右滑动的时动画效果在际验中非常慢,对想要进行连续滑动操的用户(即便样的使用场不),已经慢得无法忍受,有一种「不跟手」的感,么慢的动画已经很轻易就能让用户感受到自己在等它。
仔细浏览 Material Design 中给出的案例便可以发现,动画的持续间大致可以参照以下条规律去尝:
- 动画元素越小、动画幅度越小,持续时间就越短。
- 复杂的动画比简的动画持续间更长。
- 个页出现动画是比消失稍稍长(相大致50ms)。
- 合理的操作响应时、方式于用户保持专注提高效率
- 软件操作的过画时间宜太短或太长,最见于 400ms 左
- 果无法避免操中长读取、等待时间,么就用其他更有趣的动画、页面来减少用户的焦虑感
参考资料
- Walter J. Doherty, Ahrvind J. Thadani. (1982). The Economic Value of Rapid Response Time.
- Jason CK. (2018). UX 設計法則 01. Doherty Threshold. online Available at Medium (29/01/2017)
- Vasu C. (2017). Is there a real connection between Doherty threshold and addictive UX?. online Available at Qoura(07/07/2017)
- Material Design – Motion – Speed. Online available at https://material.io/design/motion/speed.html#
欢迎关注作者的微信公众:「超人的电话亭」