[译] 如何简化你的设计

• 原文地址：How to simplify your design
• 原文做者：Taras Bakusevych
• 译文出自：掘金翻译计划
• 本文永久连接：github.com/xitu/gold-m…
• 译者：shixi-li
• 校对者：ezioyuan, renyuhuiharrison

20+ 易于遵循的图示

各个公司都一直致力于打造简单实用的产品。并在轻量且易于使用的框架下，它们开发出更多的特性、新的技术和更高级的功能。一般来讲，简单反而是最困难的事情。

什么是 “简单”?

咱们能够这样定义“简单” — 没有任何困难就能够理解和完成的事物。咱们没法定义简单，它是一个主观的概念，一我的认为简单的事物对于另外一我的来讲可能并不简单。一般，咱们会在三个阶段的过程当中快速的造成咱们对于简单和困难的我的观感：

消除那些阻碍用户实现目标的困难 — 将帮助你将产品变得简单。在简单法则中，John Maeda 提供了十条法则用于平衡业务，技术和设计的复杂程度，这正是少即多的准则。

Maeda — 一名麻省理工学院媒体实验室的教授，也是世界知名的平面设计师 — 探讨了应该怎么来从新定义“提高”这个概念，让它不总只是意味着更多。这本书真的挺不错，我强烈推荐你看看。

复杂又是什么样子？
讨论简单的同时咱们固然也应该讨论一下它的对立面。一般意义上的复杂是一个主观的感觉。经过适当的学习，就算是火箭科学也不是那么的困难。可是有几个因素却会让最简单的事情也变得很复杂。它们应该在实际的产品设计中尽量被避免：

那么咱们应该怎么将这些理念应用到产品设计？

1. 专一打造产品的核心价值

有太多的软件试图为受众作到太多的事情，它们都但愿成为一个行业的瑞士军刀。可是若是你但愿让你的产品变得简单，你须要为你的产品定义一个真正核心的价值而且肯定该产品的真正目标用户。并非每个产品都须要内置一个 Facebook。

2. 移除全部没必要要的东西

实现简单最容易的方式就是在深思熟虑后作减法。当你心存疑虑，请果断删除。好比次要信息，不常使用的控件和分散注意力的样式。就这样简单。一旦你使用这个原则，你将会立刻看到效果。可是在作减法的时候必定得当心。

“简单不是没有杂乱，那只是简单的一个结果。简单是在某种程度上描述了事物和产品的位置和目的。没有杂乱只能称做一个没有杂乱的产品。但那并非简单。” — Jonathan Ive

3. 将数据转化为有意义的格式

咱们天天设计的大多数产品都在关注用户须要使用的大量数据，以便有效地执行他们的平常工做。可是你的用户若是是对数据的趋势和变化更加感兴趣，请用可视化的展现呈现给他们而不只仅是一堆数字。你能够按需展现所须要的额外数据。请尽可能从你有的数据中提取出有意义的部分并将其展现在用户前面。

4.支持快速决策

面对接踵而来的各类选择，用户不得不花时间去理解和判断，这是他们不喜欢干的事儿。这件事在著名的希克定律（Hick’s Law）中获得解释。希克定律（Hick’s Law）认为决策自己所须要耗费的时间和精力随着选择的增长而增长。因此若是你但愿你的用户体验变得更加简单，那么你得让用户可以快速选择，这样的设计要尽量的多些。去掉那些并不须要的决策、指引和用户操做。

5. 太多的选择会吓跑客户

目前的心理学理论和研究认为经过我的选择会产生积极的情感和后果。这些发现致使了一个流行的观念，就是选择越多越好 — 人类的决策能力和对选择的渴望彷佛是无穷无尽的。可是事实上研究证实了正好相反：

果酱实验（Jam Experiment）是消费心理学中最著名的实验之一，它代表提供较少的选择更加有助于销售。相当重要的是，它代表了精确提供较少的选择可能会更加有助于你的销售。

这个实验代表，与那些有不少选择的客户相比，选择较少的客户购买的可能性彷佛要高10倍。这一直是做为证实让选择不要过多的关键例子，由于为用户提供太多的选择实际上会抑制用户的购买欲望。

6. 提供多个选择的建议

若是没法避免选择，请尝试限制它们。能够提供一个你我的的建议或者分享其余消费者更喜欢的内容。明确告诉用户不一样选项之间有什么差异。这个方案一般应用于计算价格的页面。

7. 吸引用户的注意力到正确的方向

当你了解你的用户实现目标的过程后，那么在这个过程的每一个阶段都有着与那个目标更加相关的事情。找到那些关键的领域并将用户的注意力转向它们。

8. 使用颜色和布局来表达内容的层次结构

你听过多少次这句话 — “用户是不会浪费时间在阅读上”。这并非假话，咱们只会阅读那些咱们须要去记忆或者实际了解的东西。若是你没有读过一个单词就接受了大量的用户条约，那你就应该明白我说的什么意思。有不少特征能够用来对交流产生影响：字体样式，大小，字距，前导，大小写和颜色。能够用它们来传递内容的层次和结构。正确的使用颜色和排版可让你的产品反映出易于识别的品牌形象，而且更加具备吸引力和让人难忘。

9. 让系统有序组织，简单且更易管理

让咱们来作一个简单的测试吧。如下咱们有两张图片。使用秒表来测量你计算这两张图片中的黑点数量所需的时间（和精力）。

完成了吗？结果正如你本身所看到的那样，计算无序的点阵会耗费更多的时间，而且还会给你带来更多认知上的负担。但若是方块的点数相同，为何咱们还会获得这个结果呢？

将点映射到特定矩阵会帮助咱们直观地浏览它们并在计数时进行分组。在无序的方块上咱们不得不一个一个地数数。此外，大多数人可能都会错误的估计或者被迫用左图去检查你的答案。

元素的组织不只提升了识别率，并且还使其更容易记忆。操做任何机器时，记住全部控件的位置和功能都很是重要。让咱们来作另外一个小练习。就在一分钟之前你刚才计算了两张图片里面的点数，如今请回想这两张图片里面全部黑点的位置。对于大多数人来讲记住无序的结构几乎都是不可能的。

10. 对相关内容分组

一般，一个简化复杂页面的简单方法就是开始对组件进行分组。这样用户处理的就是少数几组而不是大量不相关的组件。在元素或者一组元素周围设置边框（创造共同区域）是将周围元素分离的一个简单方法。在格式塔心理学中有多种原则能够帮助元素构建相关性：接近性，类似性，连续性，闭合性和连通性。

11. 将大型任务拆解为小步骤，而且尝试单列布局

几乎在任何产品中都存在不一样形式的表格。这是你获取用户信息的方式。甚至有的时候已经移除掉全部没必要要的东西以后，但表格内容依然很是庞大。用户可能很是不想完成这些表格。因此咱们能作的就是把这个巨大的任务分解成一系列较小的任务。这会让人忽然以为好像会轻松不少的去完成这个任务。完成小的子任务会为用户提供一些内啡肽和知足感来继续下去。

设计表单时，请使用一列布局而不是多列。单列布局更容易填写。这样，用户无需考虑接下来要填写的内容，只需径直向下移动页面便可。

12. 对流程进展和系统状态保持透明

不肯定性会使咱们感到焦虑，因此应当尽量避免这种状况。这也就是为何除非是显而易见的状况，在任什么时候候用户都应该可以了解到他目前在流程的什么位置，过去已经发生了什么以及他还须要去作什么。保存先前提供的信息摘要也是一个好办法，它让用户不用记忆太多东西而且也无需返回以仔细检查先前的步骤。

13. 帮助用户作算术

人类的大脑不擅长进行原始计算。与算术运算相比，进化的压力更有利于优化大脑识别物体的能力。因此应当尝试利用系统来代替用户进行全部计算。

14. 经过渐进式的展示来隐藏复杂

渐进式的披露是用户体验设计中的一个设计模式，用来更好的将用户界面对用户进行解释。它经过跨多个屏幕对信息和操做进行排序以避免使用户不知所措或隐藏无关信息，直至信息变得相关。渐进式披露遵循从“抽象到具体”的典型概念，包括用户行为或人机交互的顺序。渐进式披露的一个很好的例子是iOS嵌套导航。

15. 基于广泛接受的模式和互动方式

用户的大部分时间实际上是花费在其余产品上。这就意味着用户更但愿你的网站交互方式可以跟其余他们用过的网站差很少，因此这也就让他们对产品的外观和行为有着特定的指望。这种说法反应了消费者的心态，而且适用于从社交网络到冰箱的任何虚拟或现实产品。但这并不意味着你应该中止创新，但应该更谨慎的评估怎么去更改传统意义上的导航或者控制，向用户证实改变他们的心理模型是正确的。

16. 让初次体验变得简单

任何设计的主要目标都应该是尽快将用户与提供的价值产品联系起来。好好考虑下这一点吧。所以，用户和操做系统之间存在的其余东西除非是功能须要，不然都是障碍。在任何过程的首次体验都是很是重要的，若是不满意的话，人们会很快地对产品造成见解并马上离开。

在你初次尝试的时候，即便是简单的任务也很具备挑战性。在咱们操做产品以前，有时须要额外的培训。在数字产品的设计中我建议不要太关注手动操做，用户指望产品应该是简单易懂的，而且只有在出现问题或者他们须要时才提供帮助。并且应该是基于上下文的情形提供帮助，而不是经过过多的学习资料给用户传授空洞的概念。

17. 考虑人体工程学和使用产品的环境

咱们已经定义的简单就是使用产品的难易程度，这也就是基于人体工程学。人体工程学是设计或安排工做场所，产品和系统的过程，以便适合人们的操做。大多数人认为这与座椅或汽车控制装置和仪器的设计有关 — 可是不只仅如此。人体工程学适用于涉及人的任何设计，包括数字产品。 在 1954 年，心理学家保罗菲茨测试人体运动系统，代表移动到目标所需的时间取决于与目标的距离，并与其大小成反比。因此请保证较大的经常使用元素放在尽量靠近用户的位置。

18. 支持行内编辑和自动提示

移除每个过程当中没必要要的交互、视图和步骤。用户应该以最佳速度操做系统，这被称为“流畅”。不要用弹出窗口打破这种流程。对于之后全部支持更改的操做或值，请尽量的支持行内编辑。当有大量可用的值时能够进行自动提示。

19. 经过智能设置默认值来减小认知上的负担

智能设置就是将选项的答案默认进行选择。这能帮助用户尽快的完成表单。填写表单须要用户去解析表单，编辑答案，而后将他们的结果输入到表格提供的位置上。而定义相关默认值时，设计人员须要了解用户以及他们将使用产品的上下文。只有经过深刻研究和测试，才有可能理解用户并根据用户的历史数据和使用模式调整默认值。当须要明确选择时，始终将绝大多数用户（例如，90 - 95％）会选择的选项设置为默认值。

20. 减小错误提示

错误信息会带来不少压力，并让用户以为他搞砸了或者没有完成任务。因此请确保自动检查输入的数据，并为异常的输入提供警报或提醒以减小错误。要么消除容易出错的状况，要么检查它们并在用户提交操做以前向用户再次进行确认。而且应该经过强制功能来保护破坏性和不可恢复的行为，以确保用户意识到他们的选择将产生的影响。

21. 可访问性设计

做为设计师，您的目标是支持可访问性，确保你的产品能被普遍的受众使用，而没有特例。全世界有超过 10 亿人患有残疾。因此不要使用颜色做为传达信息的惟一视觉手段。还能够确保文本与其背景之间有足够的对比度，支持键盘导航等等。可访问性不只仅针对于具备不一样能力的一组用户，当你设计可访问性时，您应该改善使用该产品的每一个人的体验。

总结

设计简单好用而且易于理解的产品并不容易，但这是咱们须要作的事，而且有这些窍门能帮咱们走向简单。

若是发现译文存在错误或其余须要改进的地方，欢迎到 掘金翻译计划 对译文进行修改并 PR，也可得到相应奖励积分。文章开头的 本文永久连接 即为本文在 GitHub 上的 MarkDown 连接。

---

掘金翻译计划 是一个翻译优质互联网技术文章的社区，文章来源为 掘金 上的英文分享文章。内容覆盖 Android、iOS、前端、后端、区块链、产品、设计、人工智能等领域，想要查看更多优质译文请持续关注 掘金翻译计划、官方微博、知乎专栏。