赞助商
立即赞助

让设计更有说服力的20条经典原则:多尔蒂门槛

产品经验3年前 (2021)发布 流光
1.9K 0 0

简介说明

1. 原理表述

系统需要在 400ms 内使用者操作做出响应,这样才能够让使用者保持专注,并提高生效率。

2. 实验背景

上世纪 70 年代后期,计算研究员依然认为计算可以花费两秒时使用者操作做出反馈,为他们认为们大概正好需要两秒时来决定下步操作,所以 2s(2000ms)度成为了年计算响应时标准值。到 1979 年计算算力开始大幅提升,也有了足够能力在 2000ms 内做出响应,这时 IBM 研究员 Walter Doherty 进了系列研究来评估算力增长生力影响。

研究结果表明,算机的响应速度直接影响了使用者出下一决所花费的时间(这时间被称用户响应时间),换句话,算机相应的时间越,用户就花费越多的时间思考决下一的操作。

让设计更有说服力的20条经典原则:多尔蒂门槛

面这张表格充分明了这一观点,横纵坐标分别用户响应时间系统响应时间,我们可以看到系统响应时间如果从之的 2000ms 降低到 300ms ,使用者作出下一指令所需的时间就能够缩短 5s 以。Doherty 认人们会将作需的一系列操作骤存储短时记忆之内,如果系统响应时间太,就会打断人们的短时记忆,换句话,思都不连贯了。

仅如此,Doherty 还认为响应速低于 400ms 的系统或者程序,会人上瘾。放在当的环境来看,这当然只是一句较夸张的话,但是结论是需要我们重视的,程序的响应时间,务必在 400ms 之。

设计案例

1. 响应时间的多尔蒂阈值

「多尔蒂门槛」给我们的启示,一节后一句已表达得足够清楚:系统或程序的响应时间小于 400ms 。了让读者加直观得感受,我们先一组小动画感受一下高响应延迟多让人抓狂,速响应又多么让人舒服:

应用案例 1:模拟延迟效果

让设计更有说服力的20条经典原则:多尔蒂门槛

注:请务必挨个观察,不要看体,看单个效。

从动画中可以感受到,50ms、200ms 还算可以让人接受,当响应时间达到 600ms 时已让人些不耐烦,达到 1000ms 时会让人不自觉多点几下,2000ms 时我手机已被我砸了。

2. 另一个因素不能忽视

如今的算机算力之下,响应时间轻轻松松便能够达到多尔蒂门槛的阈,甚至能够远比 400ms 小,但这就够了吗?「多尔蒂门槛」到底只给出了响应时间的限,400ms 的响应时间或许多尔蒂那时确实能够幅提升操作员的操作效率从产出的济效益(比如银行系统),但互联网已越发熟,不少公司的用户体验研究者都已意识到,系统响应时间已然不影响用户响应时间的唯一因素了,另一因素过渡动画的持续时间。

就像谷歌在 Material Design 中明确规定了过渡画的 Speed 这一项,这是为么呢?户体验是一门于情感和逻辑的问,而仅仅是一个统计数字就解释的,程序对某一操作的反馈时间(包括响应+画)符合户对该操作的预期才是户「上瘾」的键。

应案例 2:iOS 中的画

让设计更有说服力的20条经典原则:多尔蒂门槛

让设计更有说服力的20条经典原则:多尔蒂门槛

所以,哪怕我们手、电脑已经可以做到在 100ms 内做出响应,快到完全有能力在用户反应不过来情况下出反馈和结,是这样是不够,我们依然需要「合适时长」动画作为计算反馈和大脑反应润滑剂,而不至于让程序使用起来太「干涩」,也不至于让大脑处于应激反应阶段而感到疲劳。

3. 有时不可避免高延迟

在真实世界我们使用应用时会发现,有时候响应速度没办法做到如此迅捷快速,比如 APP 启动时;有时候即便系统可以响应,网络却不。网络并不能在用户操作瞬把所有需要资都下载好,用户必须等待几秒时,那么这时候需要考虑如何减少用户等待焦灼感,优化等待体验。

比如趣的加载动画、闪屏页,都算解决办法。

应用案例 3:Netflix 的启动动画以及新草的加载动画

让设计更有说服力的20条经典原则:多尔蒂门槛

让设计更有说服力的20条经典原则:多尔蒂门槛

注意事项

动画的持续时间应当在适当的区间中取到最短,而不能太突或太缓慢。

反面案例 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#

欢迎关注作者的微信公众:「超人的电话亭」

让设计更有说服力的20条经典原则:多尔蒂门槛

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

简介说明 1. 理论表述 对于许多事件,大约 80% 的影响来自 20% 的原因。 2. 理论背景 1896 年,意大利经济学家帕累托出...
帕累托原则
简介说明 1. 原理表述 当界面被设计得足够美观时,用户往往会容忍一些较为轻微、影响较小的可用性问题。 2. 实验背景 1995...
美即好用
Jakob Nielsen(雅各布·尼尔森)的十大交互设计原则。它们被称为「启发式」,因为它们是广泛的经验法则,而不是特定的可用性...
交互设计
移动应用是人们获取内容和服务的主流方式。但据《财富》杂志报道, 超过75%的用户只打开一次应用就再也不用了。今天,移动用...
App设计
简介说明 1. 理论表述 彼此靠近的元素倾向于被视为一个组。 2. 理论背景 邻近性原则是格式塔组织律中的一个部分,是简洁法...
设计原则
原则11: 定期时间 Periodic Events 反复发生的事件会产生持续的兴趣,期待和归属感。 Headspace实施“小组冥想”的原因:每天在...
心理学
本文将列举十项有力的理论依据,你可运用在你的产品设计里,也可以用来解释用户为什么有时候是非理性的。 你可曾注意到过,...
产品
王M争:「所见即所得」原则我记得在之前的文章中就提到过,但是没有详细说明。最近在体验一些产品时,发现很多交互设计上的坑...
交互原则