当前位置: 剃刀 >> 剃刀介绍 >> 长沙洞见未来交互设计中的七大定律
#洞见未来#交互设计#ui设计#设计知识#人机交互
在交互设计领域有很多经过时间检验过的定律及法则来作为设计的指导原理,它能够帮助产品设计者对界面上的各种视觉元素进行合理评估,从而发现一些使用过程中的可用性问题,还可以根据这些法则从界面的维度来改善操作效率和使用满意度。
我们在产品设计的过程中会经历非常多的决策阶段,大到一个功能流程的闭环设计,小到思考一个元素的最合理布局,在这些场景中,我们首选的解决方案当然是更适合当前功能特性和使用场景的方案,如果没有合适的方案或者在几种方案面前犹豫不决时,一般都会选择遵守设计规则和接近设计规则的那个方案,这些所谓的规则也是交互设计的基础理论和方法论,我们能否在工作中信手沾来并且灵活运用它呢?同时也为了将来能够掌握“舌战群猿”这门高级技能,我们还是要从打牢基础开始。今天就让我们回到起点,和洞见未来来聊一聊交互设计的7大定律。
一、Fitts’Law/菲茨定律(费茨法则)
年保罗.菲茨首先提出来的,用来预测从任意一点到目标中心位置所需时间的数学模型,在人机交互(HCI)和设计领域的影响却最为广泛和深远。
从一个起始位置移动到一个最终目标所需的时间由两个参数来决定,到目标的距离(D)和目标的大小(W),用数学公式表达为时间:T=a+blog2(D/W+1)。
T代表完成移动所需的平均时间,a代表光标开始/停止时间,b代表光标的移动速度,D代表从起点到目标中心的距离,W代表目标的宽度。
菲茨定律图1那么我们可以从中获得哪些启示呢?
1、按钮或点击热区适当加大一些,使点击更容易一些。
2、屏幕的边和角很适合放置像菜单栏和按钮这样的元素,因为边角是巨大的目标,它们无限高或无限宽,你不可能用鼠标超过它们。即不管你移动了多远,鼠标最终会停在屏幕的边缘,并定位到按钮或菜单的上面。
菲茨定律图23、出现在用户正在操作的对象旁边的控制菜单(右键菜单)比下拉菜单或工具栏可以被打开得更快,因为不需要移动到屏幕的其他位置。
菲茨定律图3二、Hick’sLaw/席克定律(希克法则)
席克定律图1一个人面临的选择(n)越多,所需要作出决定的时间(T)就越长。
用数学公式表达为反应时间T=a+blog2(n)。
T=反应时间,a=总的认知时间,b=对选项认知的处理时间(实证衍生出的常数,对人来说约是0.秒),n=选项的数量。
在人机交互中界面中选项越多,意味着用户做出决定的时间越长。
希克定律又名希克-海曼定律,以英美心理学家威廉·埃德蒙·希克和雷·海曼的名字命名。
T=反应时间,a=总的认知时间,b=对选项认知的处理时间(实证衍生出的常数,对人来说约是0.秒),n=选项的数量。从方程式可以看出,用户面对的选项(n)越多时,所需要的反应时间(T)就越长。
三、神奇数字7±2法则
7±2法则图1此原则主要是针对人类
年乔治米勒对短时记忆能力进行了定量研究,他发现人类头脑最好的状态能记忆含有7(±2)项信息块,在记忆了5-9项信息后人类的头脑就开始出错。
与席克定律类似,神奇数字7±2法则也经常被应用在移动应用交互设计上,如应用的选项卡不会超过5个。
7±2法则图2四、TheLawOfProximity/接近法则
接近法则图1接近法则其实是格式塔原理中的一部分,是指当对象离得太近的时候,人们的意识会认为它们是相关的。
在交互设计中表现为一个提交按钮会紧挨着一个文本框,因此当相互靠近的功能块是不相关的话,就说明交互设计可能是有问题的。
五、Tesler’sLaw/特思勒定律
特思勒定律图1该定律认为每一个过程都有其固有的复杂性,存在一个临界点,超过了这个点过程就不能再简化了,你只能将固有的复杂性从一个地方移动到另外一个地方。
启示1
将复杂的页面进行适当的收起,页面的视觉会显得清爽不拥挤。如下图:
特思勒定律图2特思勒定律图2启示2
删除——删除干扰项、功能优先级、选择聪明的默认值...
组织——分类分明、围绕用户行为进行组织...
隐藏——隐藏不常用但不能缺少的功能、渐进展示、阶段展示、适时展示...
六、新乡重夫:防错原则
用户在界面中发生的错误大部分是由设计和开发过程中的疏忽造成的,而不能认为是用户操作疏忽(不能认为用户是xx)。因此,在设计中非常有必要考虑防错机制,尤其是用户的操作具有毁灭性效果的功能时要有强提示和强确认,防止用户犯不可挽回的错误。
在设计中,要从用户出发,预测到他们有可能发生错误操作的步骤,能免则免,不能避免,则要及时向用户反馈,让用户及时从当前的错误操作中恢复正确地操作。
防错原则图1该原则最初是用于工业管理的,但在交互设计也十分适用。如在硬件设计上的USB插槽;而在界面交互设计中也是可以经常看到,如当使用条件没有满足时,常常通过使功能失效来表示(一般按钮会变为灰色无法点击),以避免勿按。
七、Occam’sRazor/该原则最初是用于工业管理的,但在交互设计也十分适用。如在硬件设计上的USB插槽;而在界面交互设计中也是可以经常看到,如当使用条件没有满足时,常常通过使功能失效来表示(一般按钮会变为灰色无法点击),以避免勿按。
七、Occam’sRazor/奥卡姆剃刀原理
这个原理称为“如无必要,勿增实体”,即“简单有效原理”。
这个原则强调的是:在相同的条件下,如果有两个功能相等的设计,首选方案简单的那个。
有利于更好地传达内容、更好的用户体验、打开速度更快:
这个原理称为“如无必要,勿增实体”,即“简单有效原理”。
这个原则强调的是:在相同的条件下,如果有两个功能相等的设计,首选方案简单的那个。
有利于更好地传达内容、更好的用户体验、打开速度更快:
奥卡姆剃刀原理图1这些设计法则就相当于我们日常生活中的“常识”,它们每一个的背后都蕴含着很多优秀的案例和设计思考,你不得不学,否则会被人家认为不专业,这对设计师而言是一种侮辱。同时,掌握基础理论也是能力进阶的必经之路,它能够提高设计决策时的效率。
长沙洞见未来企业咨询有限公司是行业领先的国际化人力资源与猎聘服务企业,专注从事UUX设计/大数据/企业岗前服务。前身于年始服务合作伙伴企业的战略发展咨询,品牌塑造,执行方案;发展至今在长沙、南京、杭州等城市均设有分支机构,同见未来秉承以科学的方法,推动服务深度化,为企业发展赋能。
感谢观看,记得给点赞、
转载请注明:http://www.aideyishus.com/lkyy/8249.html