2023年产品术与道：交互设计7定律的分析应用

产品术与道：交互设计7定律的分析应用一、前言

在交互设计领域，存在着很多经过时间和前人验证的设计法则定律。这些法则定律基于用户行为规律，熟识它们可以关心我们更加高效地完成设计。本文将深化分析交互设计领域中的7大设计定律。

二、米勒法则

2.1来源

米勒法则，又称「7±2法则」，是由美国心理学家乔治·米勒于1956年发布的论文《奇妙数字7加减2：我们加工信息力量的某些限制》所提出的定律。

2.2内容

米勒在短时记忆力量的定量讨论中发觉，一般状况人的短时记忆力量的广度为5至9个信息块。

2.3设计应用

在人机交互和产品设计中应用米勒法则，我们应当关注的是如何解决“人的短期记忆上限”问题，以此分析并设计产品，减轻用户记忆/学习负担，而不必纠结人短时记忆的上限是7±2，还是3±1。

下面我们通过几个案例了解米勒法则在产品设计中的应用。

信息分段处理

设计功能/流程，要素掌握在5-9个以内或分层

2.4总结

米勒法则在交互设计中的作用是关心设计师合理地布局，尤其是在处理简单信息时，可以采纳7±2原则。在设计过程中，设计师应从用户的角度动身，通过有效的布局和排版，准时增/删功能，以增加用户对产品的好感和粘性。

三、菲茨定律

3.1来源

菲茨定律是1954年由保罗·费茨博士，在对人类操作过程中的运动特征、运动时间、运动范围和运动精确     性进行讨论之后提出的。该定律被用来猜测从任意一点到目标中心位置所需时间的数学模型，在人机交互(HCI)和设计领域的影响却最为广泛和深远。

3.2内容

从起始点到达目的位置的时间，与起始点位置和目标位置的距离(D)和目标大小(W)有关。

用数学公式表达为:T=a+blog2(D/W+1)。

其中T是移动设备所需时长；a、b为常数，它们依靠于详细的操作人员和环境等因素。

可以理解为：任意一点移动到目标中心位置所需的时间与该点到目标的距离和大小有关，距离越大时间越长，目标越大时间越短。

3.3设计应用

1）重要/常用功能的可点击区域变大

如图，将点击区域扩大或突出重要功能，使得用户在视觉或操作体验上得到提升。

2）按钮元素放在边角

将重要的操作放在屏幕的边角，屏幕边角适合放菜单栏和按钮类的元素，由于边角是巨大的目标，它们无限高或无限宽，教导设备不行能超过它们。

如图，将操作、筛选和分页放在顶部/底部，正是运用了这一点，顶部/底部无穷大，增加了用户操作效率和精准度。

3）缩短重要/常用功能的目标距离

我们在电脑操作/手机长按AppIcon时，会弹出快捷操作菜单，快捷操作菜单正是运用了菲茨定律的原理。

3.4总结

菲茨定律有以下三种在应用在设计中的方法，运用菲茨定律可以突出重要功能，降低用户的操作成本，从而提升用户体验。

将重要/常用功能的可点击区域变大。把菜单和按钮类元素放在边角。缩短重要/常用功能的目标距离。四、席克法则

4.1来源

席克法则是一种心理物理学定律，以英国心理学家威廉·埃德蒙·席克和美国心理学家雷伊·海曼命名，也称为席克海曼法则。1952年，希克和海曼在选择反应时讨论中得出该法则。

4.2内容

在席克法则中说道:一个人面临的选择(n)越多，所需要作出打算的时间(T)就越长。

用数学公式表达为T=a+blog2n。

其中a=与做打算无关的总时间(前期认知和观看时间)，b=依据对选项熟悉的处理时间(网上说这个常数约是0.155s)

转换成我们听得懂的语言就是:在面临选择越多的时候，所要消耗的时间成本越高。

4.3设计应用

1）分类选择，提高操作效率

如图，通过对数据进行归纳总结，为数据进行分类，削减用户理解、决策时间，提高操作效率。

2）分步操作，提高用户操作体验

如图，用户输入手机号，然后跳转至输入验证码页面；应用席克法则，以此削减用户反应时间，提高操作效率。

逐步递进的引导性设计，像手把手的教用户，随时更新的动态交互，让用户在操作的时候削减误操作性，节约时间，体验提升。

3）隐蔽/削减低频选项，降低点击错误率

音乐播放器中驾驶模式跟常规模式相比，考虑到司机在行驶时只有很短的时间来操作，删减了许多在行驶中使用概率很小的功能，最重要的功能播放/暂停、上一首、下一首被扩大，让司机在更短的时间内做推断。此案例中也有菲茨法则的应用。

4）限制选择数量，削减用户决策时间

如下图1风险测试，将每道题拆解成单独的页面且供应有限但概括性的选项，使用户更专注并快速作出决策。

如下图2遥控机，多而乱的选项，往往会延长用户决策时间；将低频使用的按键去除或隐蔽，可使得用户的决策、使用效率提高。

4.4总结

用户的在某一场景下对选项的反应时间取决于三个因素：

前期的认知和观看时间。依据认知后，处理的时间。选项的数量。我们在做设计时，应更多的思索“在不阻碍用户选择的状况下，如何供应较少的选项”。多而乱的选项会延长用户作决策的时间，甚至对于“选择困难症”的用户来说，会直接导致任务流失败。

没必要将全部选项平铺出来，选项与选项之间肯定存在着联系，可将选项进行同类分组或多层级分部，这样会提升用户使用效率。

五、泰斯勒定律

5.1来源内容

泰斯勒定律又被称作「简单度守恒定律」，由拉里·泰斯勒于1984年提出。定律认为：一个系统中有肯定程度的简单性是无法被降低的，内在的简单度只能通过产品设计去设法平衡和转移。

说简洁点就是：通过设计平衡用户操作与系统设计的简单度。

5.2设计应用

1）隐蔽简单信息

隐蔽不常用但不能少的功能、渐进展现、阶段展现、适时展现。

2）组织/分类信息

围绕用户角色、行为进行组织，将离散的信息/功能进行归纳、聚合。

3）信息自动填写

通过设计，削减操作中需要用户记忆的信息，降低用户记忆的负载；通过削减猎取信息的简单度，让用户在操作中识别信息而不是记忆信息。

4）删除/优化不必要的流程

通过引入第三方，优化删减流程。

5.3总结

在产品设计中，泰斯勒定律主要是为了权衡用户简单度和系统简单度之间的一个平衡。目前在以用户至上的趋势环境，用户体验都对产品的竞争极其重要。所以尽可能将临界点往系统简单度端转移。言外之意就是宁愿多花时间去优化系统程序，也要提高产品的用户体验。

六、奥卡姆剃刀原理

6.1来源内容

奥卡姆剃刀本身是一种哲学思想，由中世纪英国规律学家奥卡姆·威廉提出。他在《箴言书注》中写到：「切勿铺张较多的东西去做用较少的东西同样可以做好的事情」。

奥卡姆剃刀原理对现今的自然科学以及社会科学都具有广泛且深远的影响，正由于它是一种普适的哲学世界观和方法论，所以能够有效地指导我们进行设计工作和决策。

6.2设计应用

1）只放置必要的东西

简洁网页最重要的一个方面是只展现有作用的东西，其他的都没有。这并不意味着你不能供应给用户许多的信息，你可以用“更多信息”的链接来实现这些。

2）优先展现重要功能

提取出相对重要的功能优先展现，而相对次要的功能可以在视觉上弱化。

七、防错原则

7.1来源内容

新乡重夫首创POKA-YOKE的概念，在概念中有一条概念写到：我们不行能消退差错，但是必需准时发觉和马上订正，防止差错形成缺陷。基于此概念，形成了闻名的防错原则。

7.2设计应用

假如在设计产品的过程中会忽视防错原则，用户在使用产品的过程中会存在误操作或者误删除的行为。当这个行为产生了不行逆的状况后，会导致用户体验差，并且给用户造成肯定的损失，所以在设计产品之前就要考虑防错机制，准时的提示用户当前的操作行为。下面具体介绍防错原则指导下的设计案例。

1）预防错误之禁用

表单输入时，利用防错原则，设计产品交互。

未输入信息时，按钮不行点击；禁用的操作直接置灰处理，让你一眼就知道是不行用。

输入信息后，按钮可点击。

2）预防错误之限制

针对一些特定的格式，在用户操作前就进行强制的限制，举两个案例：

输入验证码时，只能输入6位数字。

上传个人证件时，设置拍照边界，防止用户上传证件缺失、模糊。

3）订正错误之提示

提示纠错是最常见的纠错方式，此方式效果较好且开发成本较低，所以在产品设计中使用的最多。

提示纠错主要采纳三种方式，提示程度从弱到强依次为：原地确认、弹窗确认、输入文字确认。

原地确认：干扰性最弱，用户使用时流畅度最好，若用户操作后不会消失很严峻的后果可以使用此方法。弹窗确认：干扰性中等，最常见的确认方式，大多数时候使用模态弹窗，对使用流程有阻断效果，用户必需完成弹窗的选择后方能进行下一步。输入文字确认：比较少见，常用于删除重要信息时的确认操作，例如删除飞书的学问库时需要输入学问库的名称进行二次确认，对于删除学问库此类的大量数据时需要慎重再慎重，若使用一般的确认弹窗则可能消失用户由于习惯而导致的手滑误删，给用户造成不行挽回的损失。

4）订正错误之自动纠错

微信公众号中编辑文章时，若有疑似错别字的时候，会提示当前错别字的数量，点击可以跳转到错别字的位置，便利编辑者进行修改。👇👇👇👇👇👇

5）订正错误之懊悔药

所谓“懊悔药”，是指当用户犯错后，赐予用户挽回错误的余地，最常见的做法有两种：撤回操作和回收站。

撤回操作：例如微信发送消息后，可撤回重新编辑。回收站：回收站的运行机制，第一次删除只是软删除，相当于把文件移入“回收站”这一文件夹，删除回收站内的文件时才是最终的删除，这也是为什么有些产品允许用户在第一次删除时不赐予二次提示，回收站内删除时才进行二次确认，这种设计方式可以让用户操作上更加流畅。例如：PC电脑中的文件回收站。

7.3如何把握防错的度

过度防错反而会成为用户完成任务的阻碍。

防错原理在应用中我们不能完全照搬设计法则，需要结合业务和场景来进行考虑，“因地制宜”的去设计流程、功能。

那么如何推断边界在哪里呢？

我的推断标准就一个：

假如可挽回，就尽量不阻断用户的流程。

其实大部分状况下，只要是可挽回的操作，阻断用户的流程实在大可不必，阻断在许多时候会干扰用户的心流。

为什么许多人觉得苹果的使用很流畅？其实未必是它物理反应时间快，而是它让你感觉阻断少，只要能挽回就不打断你的操作。

八、格式塔原理

8.1来源内容

20世纪，德国心理学讨论小组发觉人类的视觉是在神经系统层面上感知外形和图形。“外形”和“图形”在德语中是Gestalt，因此这些理论被称为视觉感知的格式塔原则。

格式塔原理中最重要的有：接近性原则、相像性原则、连续性原则、封闭性原则、对称性原则、主体/背景原则、共同命运原则，其为图形和用户界面设计供应了有用的基础。

整体的统一感知：大脑会将简单的视觉内容简化为简单理解的整体。

8.2接近性原则

1）内容

物体之间的相对距离会影响用户感知，大脑会将相互靠近的物体看作是一组，而距离相对较远的则会自动划分至组外。

如图，A组中的2、3行会被视为一组，第1行单独1组；B组中的1、2行会被视为一组，而第3行单独一组。

2）设计应用

接近性原则与软件、网页的设计息息相关。设计应用中经常使用分割线、色块和缩短或加大内容间的距离，来分割空间和数据显示。

3）总结

通过缩短相关内容的距离，并加大与其他内容的距离，使内容信息在视觉上成为一组，这样就可以不用加划分区域的边界线条。这一方式可以削减用户界面上的视觉凌乱感。

与之相反的，假如同一组控件的摆放距离太远、纵横接近方式不对或没有使用任何区域分割线的话，也会导致用户很难感知内容间的相关性，从而是的软件/功能难以学习和使用。

8.3相像性原则

1）内容

人的大脑很简单将明显的、具有相像特征(外形、大小、共同运动、方向、颜色等)的物体归属于一类或视为一个整体。

如图，大脑会将特征相近（外形、颜色、距离）的1、2列视为一组，3、4列视为另一组。

2）设计应用

通过相像性原则指导，我们就能很好的知晓“同一模块中的内容为什么要用相同布局及特征”。

3）总结

相像性与接近性原则都与设计元素分组有关，大多数场景中他们是共同作用的。以上述示意图为例，也运用了不止一种原则。

8.4连续性原则

1）内容

人的视觉倾向于追随一个方向把元素链接起来，从而将其感知为连续的整体，而不是一个离散的碎片。

如上图，我们看到的是IBM，而不是非连续性的色块。

2）设计应用

连续性原理广泛应用于有类似“进度条”的页面设计中，除上述示例中包含的四类页面还有加载进度、身份认证、视频播放类等。

8.5封闭性原则

1）内容

人的视觉会尝试将放开的图形关起来，从而将图形感知为一个完整的物体。