• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 那些很熟悉但又叫不出名字的设计法则:希克定律

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

作者:二手设计 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含交互设计,经验分享,设计方法,设计法则,设计法则专题等相关知识,二手设计希望在学习及工作中可以帮助到您

希克定律

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

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

「希克定律的应用好文」

  • 《超过8亿人使用的手机QQ,是如何做注册流程的?》
  • 《交互设计中的“无意识错误”:如何帮助用户防错?》
  • 《可能是你见过第一篇分析电梯交互设计的文章》

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

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

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

优设大课堂

您可能想查找下面的文章:

  • 交互设计和心理学之间的18条奇妙联系
  • Apple Watch 交互设计中四个全然不同以往的经验揭密
  • 资讯类产品阅读列表的交互设计思考与经验分享
  • 163邮箱登录框交互设计的改进经验与分享
  • 超全面!Android 应用与iOS 应用之间的设计差异对比
  • 超全面的设计异常情况和处理方式汇总
  • 以Apple Music为例,为你解读格式塔7大法则
  • 界面设计中,交互方式是选择滑动还是点击呢?
  • 新手交互设计师如何迅速成长?爱彼迎高手来教你!
  • 在开始 VUI 设计之前,你需要做些什么?

相关文章

  • 2018-08-23将视频融入网页设计有哪些讲究?
  • 2018-08-23每次看到这些不禁感叹!手绘好的妹子真的可以为所欲为…
  • 2017-08-06导入css文件使用判断条件实现
  • 2017-08-06新手建站教程 十天学会做网站
  • 2017-08-06前端开发大众手册(包括工具、网址、经验等)
  • 2017-08-06新手建站入门教程帖⑦:做一个漂亮的网站就这么简单
  • 2018-08-23想进阶成PPT 高手?得先学会这些高级动画特性!
  • 2017-08-06firefox浏览器中播放背景音乐的终极解决方案(chrome多浏览器兼容)
  • 2018-08-23最后一个月,这3个设计趋势是网页设计师的最爱
  • 2018-08-23除了阿里的鲁班系统,还有哪些厉害的人工智能设计神器?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 合理使用h1,h2,h3标签
    • 超全面!如何做好应用程序中的反馈设计?
    • 从零基础到入门,这份3个月的高强度字体设计自学计划送给你!
    • 高手的C4D教程!教你快速制作酷炫的流动线条
    • 进阶高级设计师!帮你做能落地的界面设计之输入框
    • 你知道url中的特殊符号含义么(比看篇)
    • 想成为一名好文案,需要具备这7个职业素养!
    • 超全面的对话式交互设计流程
    • 实例解析「神奇数字7±2法则」在设计中的应用
    • 学会这简单几招,字体设计也能萌萌哒!

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有