
//
你是否知道交互设计的七大定律?本文小编就带大家好好了解下它们在设计中的应用,帮助大家为自己的设计提供理论支撑,了解需求目的和交互逻辑,从而更准确的洞悉用户的行为。
//
7±2法则 米勒定律
因为人脑处理信息的能力是有限度的,其记忆广度一般为5-9个单位,因此7±2法则的诞生,是提升用户体验的重要环节。
设计源自于生活,我们生活中的记忆方式也映射到了界面设计中,例如通讯录中的手机号码被分割成”xxx-xxxx-xxxx“的形式,其目的在于降低记忆成本,提高信息的易读性,从而达到视觉防错的作用。类似的还有银行卡号、身份证号等等。
设计网页导航时,通常会将数量控制在7个左右(不超过9个),如果参数内容过多,可以选择性将多个子类别收在二级目录里收起展示,用一个树状层级结构来展示各级别关系,但要注意平衡好广度和深度。
移动端选项卡导航的设计也是如此,层级明确的分类商品可以提升用户找寻单品的效率。
希克定律
生活中人们总被各种日常的小问题为难住,比如说“中午吃什么”、“今天出门怎么搭配”、“服装选什么颜色好”等。
界面设计也是如此,希克定律表明:一个人面临的选择越多,所需要作出决定的时间就越长。设计师应当合理的减少可选项,因为决策效率是一个产品导致用户流失的重要原因之一。
我们将改版前的APP Store首页与改版后的进行比对,发现改版后的界面更加简洁清晰。
当不得不面对较多选项时, 对主次选项进行归类,做好视觉权重区分,不要把选项做得更复杂来降低用户做决定的效率。
要注意的是:选项减少是没错,但不能让用户觉得自己「没得选」,过度的减少选项,可能导致负面效果,需要设计师谨慎把控。
费茨定律
大家有没有想过为什么按钮越大,越易于点击?为什么相关按钮需要相互靠近摆放 ?为什么Win系统要将「开始」按钮放在角落?这些设定的背后其实都有一个在人机交互中,非常重要的定律——费茨定律。费茨定律是人机交互和人体工程学中人类活动的模型,它预测了从任意位置快速移动到一个目标位置所需的时间由2个位置的距离(D)和目标大小(W)有关。用数学公式表达为时间 T = a + b log2(D/W+1)
费茨定律在产品界面设计中的主要作用是提高产品可用性中的效率指标,帮助用户更快速的完成某个操作或任务流。因此在程序开发中:
适当增加按钮等可点击对象的热区范围,使其契合整个界面,减轻用户精准点击的压力。
将按钮放置在离出发点较近的地方,让相关联的内容更靠近彼此,用视觉手法增强用户对它们相关性的认知。
定律的反向使用可以适用一些特殊场景,比如想达到某种目的而降低按钮被点击的可能。例如下图中苹果的关机按钮,采用滑动操作,避免用户误操作。App弹窗经常把“关闭”按钮放在卡片的右上角离手远的地方,目的是希望用户先完成弹窗提示的任务。
泰思勒定律
也称「复杂度守恒定律」,即每一个过程都有其固有的复杂性,存在一个临界点,超过了这个点过程就不能再简化,只能将固有的复杂性从一个地方移动到另外一个地方。
常见的复杂性转移有:“查看更多”、“查看全部”、“查看详情”之类的文字做转移跳转,例如顶部导航栏的更多图标就是将常用的功能整合并隐藏在首页设计的更多功能模块中,把用户的操作范围转移到另一个地方。
我们可以通过删除干扰选项、围绕用户行为组织信息内容、隐藏不常用功能保证界面的有序;简化交互设计;通过技术手段,用算法解放“生产力”来进行视觉层面的“降噪”。例如B站的一键三连,用户长按点赞按钮,会同时触发点赞、投币和收藏,省时省力。

防错法则
防错法则的核心观点是:如何有效的在用户出错之前就尽量避免错误的发生。该原则认为大部分的意外都是由于设计的疏忽,而不是人为操作失误,因此,在设计中要有必要的防错机制。它最初被用于工业管理,之后应用于界面交互设计中时,指的是当使用条件没有满足时,常常通过功能失效来表示。
bilibili界面在登录时输入框没有内容或没有输密码时,登录按钮处于禁用的置灰状态,必须账号和密码同时满足且匹配才能成功。
美团外卖在接收短信验证码时,系统会在键盘上方显示已经自动提取的验证码,省去了跳出应用——打开短信——记住验证码——再输入的繁琐过程,有效预防了出错的机率。
在一些重要场合,弹出框的方式会增加不可逆操作的难度,用来提醒用户对自身的行为结果负责。例如最近大家都在用的报税App,会在提交信息前再次确认。
奥卡姆剃刀法则
又被称作“简单有效原理”,可以理解为“不要浪费较多东西去做用较少的东西同样可以做好的事情。”
应用到设计学领域,指的是做产品时功能上保证简洁和工具化,从而保证功能上的克制,建议当两个设计方案都能达到设计目的时,选择较为简单的那一个有利于更好地传达内容更好地用户体验。
通过四种策略将复杂的设计和体验变得更加简单:
删除:删除不必要的功能、流程和造成视觉混乱的元素,让用户注意力集中在自己要完成的目标上。
组织:繁琐的功能通过分块,被组织成清晰的层次结构。
隐藏:隐藏那些主流用户很少使用,但自身更新需要的功能。
转移:让用户感觉简单的一个重要前提,就是先搞清楚把什么工作交给计算机,把什么工作留给用户。
接近法则
接近法则来自格式塔理论。将相似的、有关联的信息尽量摆在一起,让用户在潜意识里认为它们是相关的,从而找到自己想要的信息。
APP产品的登录注册页面,输入内容部分的下方一定会有登录按钮,原因在于输入内容之后需要通过点击按钮来提交输入的内容,双方本身存在联系。
以上为交互设计的七大定律以及相关应用(建议收藏),希望对你有所帮助。
图片来源于网络,侵删
文章参考:
https://www.zcool.com.cn/article/ZMTI0MDE0NA==.html
https://www.jianshu.com/p/5bca0d91f802
https://www.uisdc.com/gestalt-application-in-design

