那些很熟悉但又叫不出名字的设计法则:希克定律 - 优设-UISDC

那些很熟悉但又叫不出名字的设计法则:希克定律

2018/02/26 19666评论区

希克定律

Hick’s Law

当选项增加,做决定的时间也增加。

什么是希克定律?

希克定律又名希克-海曼定律,以英美心理学家威廉·埃德蒙·希克和雷·海曼的名字命名。

希克定律表示做决定所花费的时间,与选项数目多少息息相关。这个法则可以用来测量人们面对多重选择,需要多少时间才能做出决定。

希克定律方程式:T=a+b log2(n)

T=反应时间,a=总的认知时间,b=对选项认知的处理时间(实证衍生出的常数,对人来说约是0.155秒),n=选项的数量。从方程式可以看出,用户面对的选项(n)越多时,所需要的反应时间(T)就越长。举个例子:

△ 支付宝首页

我想打开支付宝App的口碑频道,打开支付宝App找到底部导航需要2秒的时间,了解底部导航的含义,接着找到5个入口中的口碑频道,那么反应的时间就是T=(2秒)+(0.155秒)( log2(5))=2.36秒。

希克定律适用什么样的场景?

希克定律适用于任何要从多重选项做出简单决定的系统设计或程序。了解希克定律的适用方法,有助于设计师提升用户使用效率,让用户在选择上花费更少的时间。举个例子:

△ keep跑步界面

keep的跑步功能。跑步时手机作为记录器,一般情况下,手机绑在手臂是最为准确,不管是跑步机还是户外跑步,用户都身处在一个时刻运动不稳定的场景之中,很容易造成误操作,因此界面中有太多选项是非常不明智的。再来看keep的界面,「开始跑步」作为最重要的按钮,面积最大,颜色为鲜艳的品牌绿,按钮所处位置最容易操作(费茨定律可以解释),这样的设计在跑步中很容易进行操作。

△ keep跑步中界面和跑步暂停界面

点击「开始跑步」后,界面跳转到「跑步中」界面,这个界面中只有一个操作按钮「暂停」和一个锁定的按钮。抛开场景只是看设计的话,会很疑惑,「为什么不把结束按钮也放到这个页面?」「为什么要有锁定这个按钮?」在跑步时,或者结束放松时,用户是无法做出非常准确的操作,尤其是户外,灯光、路况等影响,很容易产生误操作。我两次在跑步机跑步时就错误操作把数据清零了,导致无法准确完成每天的健身计划,这真的是很糟糕的体验。只有结合使用场景,再看这个页面的设计是多么巧妙,点击「暂停」时,会出现「继续」和「结束」,尤其是「结束」按钮,需要长按才会真正结束这次跑步,在减少反应速度的同时又降低了错误操作概率。

△ 虾米播放器界面和虾米驾驶模式播放器界面

我们再来看虾米的「驾驶模式」播放器,对比常规播放器,删减了很多在行驶中使用概率很小的功能,最重要的功能「暂停」、「上一首」、「下一首」被扩大,增加了「语音搜索」功能,司机在行驶时只有很短的时间来操作播放器,减少选项,才会让司机在更短的时间内做判断。

希克定律的边界在哪里?

希克定律不适用于需要高度搜索、阅读或复杂的疑难排除决定。这个法则会随着工作的复杂性增加,降低其适用性。举个例子:

△ 蚂蚁财富风险监测界面

首次在蚂蚁财富理财时,金融机构都会强制要求用户做一次风险测评,这时候希克定律就不适用了,因为每道题都需要仔细的阅读和思考才能作答,希克定律不适用于这类需要高度阅读与解答问题的工作。但是设计师还是有办法让风险测评看起来更友好,设计师将每道试题拆分成一个界面,这样就会让用户在一个页面上的目标更加专注,选择更少。头部的进度条让用户时刻了解自己所处的位置。

小结

希克定律适用于任何要从多重选项做出简单决定的系统设计或程序。如果想减少用户的反应时间和错误概率,请减少选项。如果情况复杂,需要大量阅读和思考判断,那么,请抛弃希克定律,根据当下场景和目标用户进行设计。

参考资料:

  • 《通用设计法则》,威廉·立德威尔、克里蒂娜·霍顿、吉尔·巴特勒<著>,朱占星、薛江<译>,中央翻译出版社
  • 《Hick’s law》,wikipedia

欢迎关注译者的微信公众号:

「希克定律的应用好文」

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/design-rules-hicks-law

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 界面设计 设计师 扁平化设计 交互设计师 排版布局 职场 平面设计 设计师专访 素材下载 设计流程 视觉设计 配色 用户体验设计 web前端开发 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 设计趋势 动效设计 psd下载 产品设计 图标设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里