交互设计

七大定律

费茨定律（Fitts’Law）

希克定律（Hick’Law）

米勒定律（7±2法则）

接近法则（The Law of Proximity ）

新乡重夫：防错原则

复杂性守恒定律/泰思勒定律（Tesler’s Law）

简单有效原理/奥卡姆剃刀原理（Occam’s Razor）

费茨定律

一句话描述：

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

定律内容：

从一个起始位置移动到一个最终目标所需的时间由两个参数来决定，到目标的距离和目标的大小（即D和W），用数学公式表达为时间T=a+b log2(D/W+1)。

解读：

T = a + b log2(D/W+1)

T=移动设备所需时长；a,b是经验常量，D=设备起始位置和目标位置的距离；W=目标的宽度大小。

两点含义：

1)、设备当前位置和目标位置的距离D越长，所用时间越长；

2)、目标的大小W越大，所用时间越短。

理解：

目的地明确的移动可以细分为两个部，以移动光标为例：

第一步、首先是一个大幅度的移动将光标移向与目标大致相同的方向和区域；

第二步、紧接着是一系列精细的小幅度微调来将光标精确定位在目标中心。

小实验帮助理解Fitts’ Law：举起你的手臂并试着用手指指向远处的一个小物体，例如远处墙上的一个电灯开关。开始你的手臂可能会往开关的位置大幅的移动而且很有可能稍微过头了一点。接下来你会做一些微小的调整动作直至你的手指正好对准目标开关的中心。现在你可以试着指向一个更大的物体 – 比如说电视或一面墙壁。这一次你也会以大幅度的手臂动作来使手指指向目标方向， 但因为目标体积很大所以一般情况下你只需要做很少（甚至不需要任何)的微调。

菲茨定律的启示：

1）按钮等可点击对象需要合理的大小尺寸。

2）屏幕的边和角很适合放置像菜单栏和按钮这样的元素，因为边角是巨大的目标，它们无限高或无限宽，你不可能用鼠标超过它们。即不管你移动了多远，鼠标最终会停在屏幕的边缘，并定位到按钮或菜单的上面。（下文结合案例解释）

3）出现在用户正在操作的对象旁边的控制菜单（右键菜单）比下拉菜单或工具栏可以被打开得更快，因为不需要移动到屏幕的其他位置。

典型应用及案例：

菲茨定律虽然在很多领域都得到了应用，但其在人机交互（HCI）和设计领域的影响却最为广泛和深远的。

例一、油门和刹车：增大目标大小、减小与目标的距离来提高效率。

我们从日常生活中体会下费茨法则的应用：

汽车上的刹车踏板和油门踏板：它们相距很近（D小），并且刹车踏板要比油门踏板大很多（W大），那么它们为什么没有被设计成相距很远，或者将两者的大小颠倒过来呢？使用经验告诉我们，这样的设计可以使得驾驶员能够以最短的时间把脚从油门踏板移动到刹车踏板上，从而达到以最快的速度准确制动的目的（D小，W大，时间短）。

可能去过电玩大世界的人会有这样的疑问，电玩大世界中那些赛车的油门和刹车踏板大小刚好与常规的相反，这又是为什么？这也正是应用费茨法则的高明之处，因为游戏中我们需要的是更快的速度去超越对手，因此你会更加容易的去踩到油门，争取更多的时间，而且你人身安全不会受到威胁，因为刹车踏板就明显变小了。

例二、window和mac系统菜单设计：增大目标大小以缩短定位时间（边缘无限大）。

两大主流OS中又有非常好的案例：Mac OS X默认将底栏（Dock)放到了屏幕的最下方；这样的话底栏就变得“无限可选中”，因为用户不能将光标移到底栏下方所以在向底栏方向做出大幅度移动后光标始终是落在底栏上的。

Mac OS X默认将底栏（Dock)放到了屏幕的最下方

屏幕边缘，W无限大，T近似等于0

在Windows中，开始菜单在屏幕的左下角，这个角落是“无限可选中”的，因为不管用户朝左下角方向做多大幅度的摆动，光标总是会停在开始菜单按钮的上方。（另一个案例：QQ右上角吸附隐藏，光标移动到右上角弹出）

Windows7，开始菜单在屏幕的左下角

屏幕角落，W无限大

这方面最经典的例子是 Windows 操作系统和MAC操作系统中的应用程序菜单区域(menu bar)位置的设计。实际测试和理论计算结果都表明，在使用 MAC操作系统 时，用户点击某个菜单所需的平均时间要比Windows上快0.4秒（《The humane Interface》Jef Raskin ）。注：随着屏幕越来越大、双屏的出现，由于移动距离的变长，移动时间的对比不太强烈。

MAC OS 的 menu bar位于顶部边缘

windows os 的menu bar 位于title bar下方

另一个对比案例：IE浏览器和chrome浏览器的便签栏设计

IE浏览器的便签栏

chrome浏览器的标签栏

希克定律

如何让用户的选择更容易。

希克定律指出，您提供的选项越多，用户做出决定所需的时间就越长。

产品设计的最终目标是创造易于使用的产品来吸引和引导用户。

使用心理学可能是构建更人性化产品的好方法，但它是一个广阔的领域，有无数的原则可以应用于网页设计。 尽管如此，一些基本原则还是为任何产品奠定了基础，希克定律就是其中之一。让我们深入了解希克定律的起源，探讨它如何影响人类认知，并讨论一些关于如何将希克定律应用于现实生活场景的实用建议。

希克定律是什么？

当我们设计一个新产品时，我们通常希望能够轻松地与该产品进行交互。 但是，鉴于当今许多产品提供的所有信息和功能，这项任务并不像听起来那么简单。半个多世纪前确立的心理学原理希克定律可以帮助我们实现这一目标。

希克定律（或希克-海曼定律）是以英美心理学家威廉·埃德蒙·希克和雷·海曼的名字命名的。1952 年，希克和海曼进行了一项实验，以了解呈现给个体的刺激数量与个体对任何给定刺激的反应时间之间的关系。

在他们的研究中，他们发现提供给一个人的选择数量与该人做出决定所需的时间之间存在明显的相关性。 可供选择的刺激物越多，人们决定与之互动的时间就越长。

希克定律指出，做出决定所需的时间会随着选项或选择的数量和复杂性而增加。 当选项数量过多时，很容易导致分析瘫痪——用户无法做出决定的情况。

为什么希克定律有效？

希克定律是一个植根于人类认知的概念。 在与产品互动时，我们都会将信息存储在我们的短期记忆中，也称为工作记忆。工作记忆保存了做出决定所需的信息，对推理至关重要。不幸的是，它的容量有限。如果一次出现太多选项，我们的大脑将难以在我们的工作记忆中存储做出决定所需的所有信息。

当面对多个选项时，我们会尝试处理每个选项并在做出决定之前对其进行评估。 随着选项数量的增加，认知负荷和决策的复杂性也会增加。

如何将希克定律应用于用户体验设计？

简单性是许多产品成功的主要因素。 由于希克定律植根于人类认知，因此它对创建直观且用户友好的产品具有重要意义。设计师可以使用希克定律来简化产品，从而简化用户的决策过程。

1.限制用户必须做出的选择数量

产品团队常常急于在他们的产品中塞满尽可能多的功能，因为他们认为这会使产品对最终用户更具吸引力。 然而，减少同时呈现给用户的选项数量会鼓励加快决策速度。

虽然人们很容易认为更多功能等于更多价值，但降低产品复杂性实际上会带来更好的用户体验。 这一原则被称为“K.I.S.S”（保持简短）。通过减少选项数量，我们简化了界面并简化了决策制定。当响应时间或响应率至关重要时，例如在入职流程期间，尽量减少选择是至关重要的。

例如，假设用户正在多个定价计划之间进行选择。 当用户必须在三个计划之间进行选择而不是浏览五个或更多计划的列表时，用户可以更容易地决定他们想要使用哪个计划。事实上，人们拥有的选择越多，他们就越有可能对自己的选择感到失望。当用户有太多选择时，他们会觉得自己没有做出最好的决定。

2. 优先考虑信息和行动

有时，无法避免复杂性，尤其是当您设计的产品将呈现大量信息时。 但复杂的产品不一定要复杂。通过使用希克定律，用户可以确定内容和操作的优先级，并为用户提供清晰的选择层次结构，帮助他们首先关注最关键的元素。

在设计用户界面时依赖于渐进公开的原则。 当信息逐步公开时，用户将不会被大量选择所淹没，而是适应更复杂的流程。一个很好的例子是纽约时报和其他类似的新闻网站。在这些站点上，用户在主页上查看最近新闻的摘要并导航到他们感兴趣的特定文章。

当涉及到操作时，您应该确定用户需要做出的主要操作或决定，并使它们易于突出。 例如，当您为网站设计主导航菜单时，您可能希望使顶级菜单项醒目可见，同时可以按需显示所有次要选项。

3. 对相关信息或选项进行分组和分类

好的设计是合乎逻辑的，它不需要太多的脑力，因为它符合用户的期望。 通过将相似的项目组合在一起，您可以使交互更具可预测性并减少对用户的认知需求。

对内容进行分组和分类的好处在于，很多时候仅使用空格就可以将内容组织成视觉上不同的组。 以足够的间距分隔的内容块（文本块或表单中的部分）使用户可以轻松区分和理解信息。人们可以快速扫描内容，识别符合他们目标的信息并使用它。

4. 将复杂的任务分解成更小的步骤

分块是产品设计的秘诀。 这是一个将复杂任务分解为更小、要求更低的任务的过程。当所需的操作不需要大量的工作记忆时，与产品的交互会更加舒适。可以将较长或复杂的任务（如帐户创建或系统配置）分解为一系列选项较少的屏幕。例如，每个屏幕可用于仅收集特定信息或要求用户完成一个简单的操作。

5、引导用户

一个好的用户界面不仅提供了所有需要的信息和操作，而且还引导用户一路走来。 通常，可以通过突出显示推荐的选项来简化决策过程。例如，当用户创建一个新帐户并且必须在几个订阅计划之间进行选择时，您可以将“最受欢迎”徽章添加到大多数人选择的计划中。

我们在界面中使用的文本也会对用户体验产生巨大影响。 号召性用语 (CTA) 按钮的清晰简洁的说明和标签可以指导用户完成决策过程。当用户了解他们想要做什么以及为什么时，他们更有可能毫不犹豫地完成任务。按钮的标签还应该帮助用户了解当用户按下它们时接下来会发生什么。这就是为什么不使用通用标签，而是建议使用更明确的标签来清楚地解释操作（即“创建”、“提交”、“运行”等）。

米勒定律

米勒定律的定义

什么是米勒定律？

它来源于一项科学研究。1956年，美国心理学家乔治.A.米勒发现，人们处理信息的能力有限，而分块有助于我们更加有效的保留信息。

因为短期记忆存储空间的限制，人的大脑最多处理5至9个信息，后来该定律也被称之为「7±2法则」。它指出普通人在工作记忆的时候（工作记忆即短时记忆，它因人而异，受生理、方法、场景等影响较大。）中只能记住7±2的信息，再多就很容易出错，影响记忆的精准度。

后来有学者对其进一步研究发现，人们在短时记忆的组块数量大约为3至5个区间内，也就是4±1左右。

忽视米勒定律可能产生很多负面结果，降低用户体验的友好度。如果人们在使用产品的过程中需要记住的事物太多，会导致体验的挫败感并且做出决策的错误。

米勒定律与希克定律的练习和区别

看到这，是不是发现该定律跟我们之前提到的席克定律（面临的选择越多，反应时间以及选择的难度就增加）很像，它们其实是亲戚关系。

它们既有联系又有区别，都是强调对选项数量的控制。

不同的是席克定律强调的是通过控制选项数量，降低用户的选择时间从而提升决策效率，侧重决策；米勒定律强调的是通过数量的控制，让用户短时间内记住7±2的信息，侧重记忆。

米勒定律的应用

通过上文我们得出米勒定律强调了「组块」的优势，通过对复杂信息的组块来简化记忆。它广泛的应用于我们日常的生活中，可以轻松的帮助我们认识、处理和记忆信息。

在我们常见的银行卡号以及金融数值的展示，假设我们的银行卡号是1234567833310329这样展示的话，是不是很难在短时间内被记住，当卡号采用4个数字为一组，按照下图中4-4-4-4形式间隔，是不是清晰了很多。

同理在我们查看金融数值的时候，我们可以发现系统默认的金额采用了3个数字为一组，按照3-3-3-3的组块原则进行间隔，这样是不是能一眼区分。

有关米勒定律的应用不单单在我们数字的展示上，在内容的处理上有着异曲同工的作用，接下来我们来看B端设计里面米勒定律都用在了什么地方~

1. 信息呈现数量的控制

在标签页Tabs中，我们将大量的内容组织同一视图中，为了让用户在同一视图中查看相似的内容，Tabs标签通常控制在7个以内，因为当超出一定数值范围后，会增加用户对标签信息的记忆与决策成本。

通过Tabs导航，我们可以迅速知道当前页有哪些内容，查看内容的时候可以快速点击获取。

在用户信息模块中，即使功能再多，基本按照7±2原则进行视觉上的间隔，这样组块区分后，层级清晰很多，也方便用户的便捷使用。

2. 设计风格的一致性

根据尼尔森原则有关一致性的定义，同一用语、功能、操作需保持一致性。产品设计中高标准的一致的设计体系, 给用户带来品牌信赖感同时还能够通过一致的重复降低用户反复学习成本。

在产品展示页的布局上保持结构的统一，可以减轻用户的思考负担，让用户在不同产品浏览的时候快速定位到自己想要关注的信息。

同一产品中保持主色调的一致性，避免因为页面的不同，色调的不一致。比如上一页点击主要按钮采用的是橙色，那么当前页面的的主要按钮也要是橙色，避免颜色的改变，引起误解。上图中不管在哪个产品页，我们可以清晰的识别并记住品牌主色，这就是色彩的一致性原则。

文字的大小，层级，对比度等都是影响视觉可读性和阅读效率的重要因素，为保障文本的易读性，在产品设计中，字体的字号、色彩、大小、字重也需要保持统一。一个产品中不要有过多的字体层级，建议选择在 3-5 种之间，对于需要用户关注的文本信息可通过增加字重的方式突出。

例如在当前页面中不同模块间虽然内容不一样，但是可以通过对字体展示的初步印象，清晰的对内容结构进行区分。

3. 记忆难度调整为0

米勒定律指导我们为了提升短期记忆的效率，需要把内容限制在7±2内，这样才能提升产品的友好度。我们可以再往前走一步，把需记忆的内容降为0，这样是不是用户根本就不需要记忆直接可以便捷的使用产品。

在谷歌浏览器中，当需要填写登录信息时，系统会识别当前操作并提供默认的账户以及密码自动填写，使用技术手段避免了用户因为账号密码多弄混的情况，降低了记忆的负担。

同理在登录的时候，现在很多厂商在支持账号密码登录之外也支持扫码登录，相对于传统方式，不需要大量的数据记忆，登录更加快速，安全性也大幅提升。

4. 复杂信息的组块处理

B端因为业务复杂，我们会遇见大量的产品名称需要处理的情况。该场景的设计中我们不要过于陷入米勒定律的陷阱，不管什么信息都要控制在7±2个之内！

这些产品信息很明显都非常重要，直接删除并不适合。我们可以把它们按照业务逻辑进行的组块处理。按照类型采用分割线以及间距的方式区分，让信息从无序变为有序。

在最终的设计呈现上，我们可以清晰的看到弹出的导航菜单划分为热门产品、网络产品以及产品相关动态以及解决方案3个组块，而网络产品又分为云上网络、跨地域网络、混合云网络这3个模块。通过这种层级组块区分，缩短用户的思考时间，提高记忆的效率（脑海中迅速对该产品的模块划分有一个初步的印象）。

接近法则

我们通常把位置相对靠近的事物当成一个整体：

同样都是圆，在视觉呈现上你会认为哪些是一组的呢？

接近法则的“权重”非常大，大到可以抵消其他法则，比如为上面的圆形添加颜色，甚至改变形状，我们也会把接近图形当成一个组：

接近法则也是格式塔理论中我们最为熟悉、最常用的一种法则，它描述的是观察者看到彼此邻近（空间或时间）的物体时，会将它们视为一个整体。在界面设计中，对信息的组织已经离不开这个法则了，他在界面中所体现的就是把相关的信息块组合在一起，不太相关的分离开，增强与区分元素之间的关联性，所强调的是空间和位置。接近法则产生于群组，它可以减少信息设计的复杂性，对引导用户的视觉流、便于用户对界面的解读起到至关重要的作用。

1.生活中的“接近法则”

在我们小区的规划效果图中，标段与标段（区）之间通常会利用相对较宽的过道、绿植、围栏来划分它们之间的关系，从而增强人们的感知。类似的还有商场的店面布局，服装类、生活类、电子设备类等等。

2.界面中的“接近法则”

**a.**界面设计中的接近原则是对相似的信息及功能类别进行分组、布局。它在界面中的作用能够直接影响到用户与产品的视觉交流，借此引导用户的浏览及操作行为。因此，相关的内容和功能应该彼此靠近，而关联性较弱的应该保持距离。

其中最常见的就在列表页面，通过色块来区分大组与大组、分割线区分小组与小组，甚至现在有些产品抛弃了分割线，直接用留白来区分组与组。目的都是在视觉上通过组与组的区分来划分功能与功能之间的关联性，让界面变得更清晰，并且帮助用户在浏览页面时，能够清楚的感知到各个信息组之间的关系，也就是信息层次。

**b.**留白（负空间）在界面中发挥着至关重要的作用，因为它能够引导用户眼睛的朝向，并且可以用于区分视觉层次，有助于提高阅读体验。在日常设计中，我们面对信息比较少的，可以多使用留白来排版，根据信息之间的关系进行分类，让信息看起来更有秩序。

如果是面对较多的信息，也可以通过“块”来划分功能区域，下面就拿华润个人网银的界面举例，我们通过右图能清晰的看到功能组与功能组之间的关系（但是不得不吐槽居然把客户常用操作放在了第二屏的位置…）。几乎所有的界面设计都遵从了该原则，尤其是PC端。

新乡重夫：防错原则

用户在界面中发生的错误大部分是由设计和开发过程中的疏忽造成的，而不能认为是用户操作疏忽（不能认为用户是xx）。因此，在设计中非常有必要考虑防错机制，尤其是用户的操作具有毁灭性效果的功能时要有强提示和强确认，防止用户犯不可挽回的错误。

1.界面中的“防错原则”

**a.**比如在录入长表单中，前端与后端及时检测录入信息的有效性和正确性，而不是让用户填写完所有表单再点击提交按钮之后，再告诉用户哪一项录错了，这种反馈相对来说是非常迟钝了，虽然不会影响主流程的提交，但是会导致用户不能及时发现错误，需要重新回过头再录入、再提交、再报错，这样会严重影响使用效率。

**b.**我们经常无意间会输入错别字，这些错别字由于我们的记忆麻木很难找的到，甚至对于一些懒惰的作者来说，也不太愿意从几千几万个字符当中找到那一个错别字，如果就这样发布出去了，间接性也会影响用户的浏览体验，所以这也是一种错误，是信息上的错误，只不过它不影响任务流程而已。因此公众号后台最近新增了一个贴心的功能，就是在编辑文字信息时，发布按钮旁边（接近法则）有一个系统识别错别字的信息，如果有错别字，点击“查看”，可以定位到该错别字的位置，便于作者进行修改。

该功能所在的位置也正如前面的“接近法则”，放在发布按钮旁边，符合使用场景和认知：一是在发布前通常会检查；二是主操作按钮旁边更为醒目，从而引导编辑者去检查，减少错误，提高读者的阅读体验。

同时这种防错的交互方式也运用了前面“泰斯勒定律”中提到的“将用户的复杂转移到技术实现上”，这里就是将用户手动花时间检查文本的复杂场景，转移到“查看”按钮上，通过技术手段实现出系统帮助用户完成检查并定位的功能。

3个维度细分“防错原则”

在设计过程中，要注意从用户出发，开动之前脑袋里过一遍用户使用场景，预测到他们有可能发生错误操作，操作前友好提醒、操作中实时感知、操作后及时反馈。

操作前，提醒防错：

（1）详尽的说明文字，突出显示

主要是针对新用户或谨慎的操作说明，目的是为了正确引导用户学习使用。引导和提示的位置要突出，从而让用户容易感知到（比如离标题或输入区近一些），确保用户在操作前能注意到引导或提示信息。

如下图，如果不进行提示用户就不知道这个位置的录入机制和字数极限值是怎样的，等输入完再提示或者点击提交再判断是否有输入的时候已经晚了

（2）当结果不可逆时，询问用户让其知道操作的后果

在用户操作前及时给出正确且有效地引导和提示，有助于减少错误发生的可能性。对于比较重要的操作，需要通过二次确认减少错误的发生，这里指的二次确认有几种程度可以参考，我把他分为：轻度防错、中度防错、重度防错，如图：

（3）选项比输入更简单，并提供默认选项

用户出错的原因无非就是这4种：系统性能差、被界面误导、自己粗心大意、操作复杂的功能。就拿“操作复杂的功能”来看，用户操作的时间越长犯错的几率就越明显，所以，我们在做一些组件的时候，能让用户选择的就不让用户输入，宁可让他点击完成任务，也不让他输入完成任务，因为输入比点击的失误概率要大的多，操作成本也相对较高。

其次就是选项给用户提供默认值，尤其是用户需要做重复的动作，或者需要精确数字的时候，先提供一个默认值，然后让用户再修改它们。

操作中，实时感知：

（1）对用户的操作进行视觉化呈现，并及时回馈

对用户输入的信息进行实时检验，在下面这个案例中，当用户输入自己的邮件信息之后，即被告知用户这个动作的含义，到底是输入正确还是输入错误，而不是等全部输入完毕点击“确认”后才提示，实时状态能将错误扼杀在摇篮中。

（2）适当限制用户的某些交互操作

对一些可能造成错误的操作入口设置约束或直接禁止操作，从而避免错误的发生。举个例子：操作完一个模块内容，展开另一模块的同时收起上一个模块。填写过程限制用户某些操作，这样始终让焦点聚集在当前内容，在操作者的角度也不会因为内容过多而导致情绪波动。

操作后，及时反馈&友好引导：

（1）错误发生时，即使反馈错误并提供纠错帮助

错误反馈及时就能保证用户每个阶段的操作都能得到回应，避免因为一个小的错误就要修改关联的一系列内容的情况，提高完成任务的效率。反馈不仅要指出有错，还要指出错在哪里，反馈文案要准确、友好（文案呈现方式是要和用户聊天，不要审问用户），这样便于用户了解错误的原因，方便下一步的修改。另外在用户提交操作之后，也需要及时反馈是正确or错误，因为这里有种叫“心理犯错”的因素，是用户对自己操作不自信的表现，你不及时告诉他操作结果，他可能会担心一小会呢。

（2）允许用户犯错，并支持操作可逆（既撤销以前的指令）

iPhone手机的还原功能，可以在用户出错时将多种功能设置快速还原到原始状态。还有常见的：删除相片、删除邮件、因异常情况退出的文稿编辑等，这些极端操作都有对应的草稿箱、垃圾箱、下次进入提醒是否还原等逆操作来挽回用户的错误。

复杂性守恒定律/泰思勒定律

泰斯勒定律又称复杂性守恒定律，该定律认为每一个过程都有其固有的复杂性，这个复杂性存在一个临界点，超过了这个点就不能再简化了，你只能将固有的复杂性从一个地方移动到另外一个地方。比如我们发现页面的功能是必须的，但当前的页面信息过载，那么就需要将次要的功能收起或者转移，但是你却无法删除他，只能想办法权衡。

这一观点主要被应用在交互设计领域，作为一名以体验至上的交互设计师在面对复杂需求、复杂场景、复杂流程、复杂页面的时候，如何在不影响业务和功能的情况下，保证用户的使用体验。而不是为了所谓的页面简洁、设计趋势，就自以为是的删除一些用户认为重要的东西，最终导致功能满足不了用户。

之前还听过不少UI设计师朋友抱怨过：“哎呀，猪头产品经理把这个页面的内容堆积成这样，什么都往里面放，到底懂不懂设计啊”，这种场景对于设计师来说几乎是每天要面对的，我们不能悄悄把产品经理的功能需求给简化（删除），而是应当主动与他沟通，看看这个页面的内容是否都必要，如果是因为业务目标、产品目标而导致该页面信息没办法简化，这就是考验我们设计师功底的时候了，看你如何把这些不可抛弃的信息组合起来，是信息分层呢？还是利用一些交互方式改变臃肿的流程呢？而不是一味抱怨，毕竟你是解决问题的产品设计师，如果你设计师都不花心思去处理它，用户在使用过程中就会花更多时间去完成任务。

所以…

针对一个任务流的复杂：

看是非常复杂的任务，而使用者在具体使用过程中往往关注或聚焦其中的一部分，所以可以通过将任务进行拆分完成，也可以分割成各个独立的简单任务，这是一种简化，当然也是一种复杂，因为拆分、分割本身就会更为复杂，这一点需要平衡，而在团队中起到承上启下作用的往往都是交互设计师，具体的处理方式要取决于交互设计师的经验和能力。

针对功能操作或信息传递的复杂：

“交互设计四策略”当中的“组合”使用可以解决这个问题（交互设计四策略即：删除、组合、隐藏、转移，这是最基本的设计理论，不知道的赶紧去百度），如将信息组织更便于理解、识别，将次要并繁琐的转移或隐藏，将没有必要的信息删除等，交互中有化繁为简之说，其实是归繁为简、删繁为简。归繁为简更多应该是组织、转移、隐藏。而删繁为简则更多体现在删除、移除不必要的说明、不必要的考虑，合理的删除才是产品设计过程中正确的减法。

改革式的复杂：

这种方法就是“破界”，突破现有的实现方式，利用新的规则、设备、技术把复杂转移出用户的眼睛（界面上能看到的），或者干脆直接简化掉，这属于技术上的创新。现实世界中有很多创新，最有代表性的就是信息传递的媒介演变过程：由信件→电报→电话→手机。但他们最终目的都是一致的：信息传递。

复杂经常存在，复杂度也是守恒的，但是我们至少可以做一些事情：对用户的视觉、触觉、听觉进行“减负”。

1.举两个生活中的例子会更容易理解

**a.**就拿遥控器来说，智能电视的遥控器界面比一般电视遥控器按钮要少，显得简约大气，没有密密麻麻的按钮阻碍着人用户的决定。按钮的减少也就意味着遥控器本身所承载的功能减少了，同时遥控器的操作复杂度也降低了，但并没有降低实质性功能，比如某些确定按钮全是一个键，这个键又让人明白了它承载着所有的确定功能，这样就不用到处找按钮了。

所以说，复杂度的降低是一个相对的概念，它不能直接简化功能，但是可以通过技术手段或交互手段去转移，从而提升使用体验，智能电视的遥控器就是把其他辅助功能的操作转移到显示器上。

**b.**手机系统应用的交互设计，在手机刚刚上市的年代，我们所熟悉的诺基亚、摩托罗拉、西门子等，基本上样式都差不多，显示屏幕+物理键盘。他们普遍存在的问题是结构比较复杂、物理按键几乎占用了整个手机的一半，感觉操作功能比视觉体验还要重要。当全触屏的智能手机问世后，革命性的改变了手持设备的设计思维，使其更注重用户的使用体验，而不是让用户把全部的心思花在了按键和寻找按键上。

改革几乎完全移除了物理按键，它被体验更好的屏幕按键所替代，全新的人机交互方式迅速让大众所接受，所以这种演变方式也体现了复杂守恒定律。

2.界面中的“泰斯勒定律”

在以用户为中心的交互设计过程中，交互设计用于简化用户层面的逻辑结构，而不可避免会相应增加开发的工作量，而此时体验设计的复杂会变成了技术实现的复杂，将用户使用产品的复杂转移到技术实现层面上了。当然复杂守恒的前提是已经不能继续简化，复杂是必须的时候。

就拿内容型产品中常见的智能推荐机制来举栗子，里面信息流的内容（除了置顶内容）每个用户所看到的都不是固定的，且都不一样，这些内容是根据该用户之前浏览的类别、当前地理位置、搜索痕迹、购买痕迹等维度综合计算呈现出来的，就相当于给用户“私人订制”的服务设计，我站在一名用户的角度看待这个交互设计感觉使用起来非常轻松，因为每次刷新信息流都会出现最接近我诉求的内容，而不需要我通过“筛选”功能进行手动设定。

但是，对于产品团队来说，实现这样智能推荐的交互方式，是一件落地成本较高的事，其中就包含了“吧啦吧啦”的技术手段。这就是将用户使用产品的复杂转移到技术实现层面上，从而降低了用户在操作过程中的复杂程度，提高使用体验。

假设：这里不做转移，让用户每次都通过“筛选”功能手动设定内容维度，虽然开发是不用做复杂的算法，但这种方案对于用户的操作成本是非常高的，也不符合内容型产品“沉浸式体验”的设计原理，关键是使用起来非常死板（产品不聪明，使用体验就差），因为他不会记忆用户在使用过程中的“习惯”，从而导致用户经常要去手动设定，所以用户的行为模式和心理模型被这种错误的交互方式带偏了，从浏览信息变为查找信息，丧失了资讯类产品的本质。现在看这种交互方式还真是革命性的，优秀的内容型产品都有这种技术。

简单有效原理/奥卡姆剃刀原理

奥卡姆剃刀原理的核心思想为：“切勿浪费较多东西去做用较少东西同样可以做好的事——如无必要，勿增实体，即简单有效原理”。

在功能性页面设计过程中，在动手前就要养成先理解用户使用场景和行为的习惯。流程内的引导尽量弱化于主流程，流程外的内容，没有必要的不要增加，这一点其实很重要，简单的页面让用户一眼就能找到他们感兴趣的内容，使用户浏览更舒适，更能专心于你要表达的内容上。而复杂的页面会让用户找不到信息的重点，容易分散用户的视觉注意力，这些弊端加起来会影响用户使用的效率。不管是实体、视觉还是认知上，多余的设计元素，有可能造成失败或者引发其他问题。

同时这个原理也强调了在相同的条件下，如果有两种不同的方案，且没有条件做AB测试、灰度测试，应当优先选择更简单、更合适的那个，如果连前提条件都不同，那就根本无从对比。当下快节奏的移动互联网时代，每位产品设计者都需要在寸土寸金的屏幕上快速处理各自的需求，那么这个原理也会很实用。

这个原理还有视觉上的魅力，可以比喻成“修剪”设计中多余的元素、去除杂质，最后的设计将会更严谨、更纯粹，恰到好处的留白和清晰信息指引影响着用户在使用产品过程中的重要感受。而设计需要从开始的发散，最终回归到克制，因为你是商业属性的产品设计师。

1.生活中的“奥卡姆剃刀原理”

奥卡姆剃刀原理更像一种思维模型，是一种以结果为导向的思维模型，它比语言更具备完整理解事物的能力，但它不是定式，而是随着认知和研究的变化而变化。

2.界面中的“奥卡姆剃刀原理”

a.优先展示重要功能

处理复杂的功能和信息，最经用的方法就是将他们分类分层，从中提取出相对重要的功能优先展示，而相对次要的功能可以在视觉上弱化、在第二屏展示或者通过一些聚合按钮收纳进去，比如“更多”。毕竟用户来到你的页面中，一般都是来使用核心功能的，我们不应该一股脑的将所有功能都平摊到用户眼前。

b.减少点击次数，给予合理的选项

操作成本最低的使用方式就是当我们一打开产品的时候，我想要的就全部搞定了，而不需要我进行任何操作，虽然这是对未来使用场景的一种设想。但足以证明用户是“懒惰”的，我们要满足他们“0”操作的欲望。以现在的技术而言，我们能做的就是减少不必要的点击次数，并给予合理且少量的选择，比如我们在表单里录入一个收货地址的信息，这么一长串文字你是希望用户去输入？还是去选择再输入？

为什么不能通过技术手段找到更高效的方案？就是判断在录入表单之前，粘贴板是否包含有省市等地区信息，如果有则可以自动补全到表单内，再让用户自行修改。这虽然是个锦上添花的功能，但有启示作用：把结果想在用户前面、做在用户前面。

c.“外婆”规则

如果年龄大点的用户也能轻松的使用你的产品，说明产品的可用性和易学性非常强。这里所指的“年龄大点”并不是真正针对老年人用户，而是通过该比喻来警示我们产品设计者，在塑造产品的过程中始终保持同理心，而不是“我认为”的设计，因为你是技术人员，你非常了解产品的功能和性能，而用户来自各行各业、各个层次，他们的认知和你的完全不一样，我们要做的就是符合大众认知的设计，“认知”可以是一个符合现实的任务流程、也可以是符合生活映射的图标、还可以是一眼就能看懂的提示文字：