Skip to main content

学习在设计中实现简单性的方法,并认识到为什么某些设计过于复杂。由一些最成功的公司开发的许多被广泛使用的产品都很简单。简单也是一些公司比竞争对手做得更好的关键原因之一。谷歌的搜索引擎、苹果的iphone、WhatsApp messenger和clean weather widgets只是众多广受欢迎的简单产品中的一小部分。本文将教会你如何识别和实现简单性,以及为什么它会导致优秀的用户界面设计。

简单性是什么?

如今简单性风靡一时。这是一种被许多成功的公司和这些公司的粉丝所拥护的设计哲学。苹果公司(Apple Inc.)是一家非常成功的跨国科技公司。美国企业家、投资家、苹果公司前CEO史蒂夫·乔布斯曾经说过:“专注和简单性一直是我的座右铭之一。简单比复杂更难。你必须努力使你的思维清晰,使它变得简单。但最终它是值得的,因为一旦你到了那里,你就可以移动山脉。”


作者/版权持有者:韦斯利·弗莱尔。

各个年龄段的用户都喜欢苹果MacBook。这是一个简单性如何减少困难并允许更广泛的用户不害怕使用产品的例子。

当你问别人为什么喜欢他们的苹果iPhone或苹果MacBook时,你通常会得到类似这样的回答:“因为它很简单!”当你进一步调查,大多数粉丝和用户都不能真正解释为什么它这么简单。对他们来说,“它就是有用。”就像史蒂夫·乔布斯说的那样。简单性不容易定义或度量。美国平面设计师和设计教育家乔·斯帕拉诺说得最好:“好的设计是显而易见的。伟大的设计是透明的。”

设计一个考虑到用户的目标(无论目标是大是小)并提供实现这些目标的最简单方法的用户界面,是有经验的设计的高度。简单的设计不仅仅是你使用最少的颜色或使用空白,它是关于深入你的用户的思想,并使用这种理解来设计一个产品,它将自己从无关紧要的元素中解脱出来,并消除用户的目标和通过你的系统实现这些目标的方法之间的差距。

在你的设计中实现简单性的4种方法

1. 保持清晰:为用户的主要目标而理解和设计
无论你的网站是作为一个在线零售商,还是你的产品是一个企业解决方案,旨在帮助公司高管管理他们的项目,保持清晰的用户界面设计是用户成功和用户满意度的关键。清晰性让你的用户明白你在努力帮助他们实现什么。如果你的设计中有太多无关的信息,用户在浏览你的网站时会遇到麻烦。帮助用户理解你要传达的信息,以及用户在浏览的最初几秒钟内可以采取的行动。只关注你希望用户关注的页面的核心部分。

这里有一个比较流行的互联网域名注册商和网站托管公司的例子,GoDaddy的老网站从2005年到2016年变得不那么混乱。网站正在抓住设计简单的价值,但仍然有很多工作要做!


作者/版权所有人:GoDaddy,2005。

作为域名提供商,GoDaddy在2005年建立杂乱无章的网站上表明,当没有明确的行动计划或下一步时,任何用户都很难找到实现目标的方法。似乎在那个时候GoDaddy提供了很多服务,却不知道或不重视大多数用户的目标。


作者/版权持有者:GoDaddy,2016。

域名提供商GoDaddy在2016年对网站进行了改进和整理,这表明如果你专注于为用户的目标设计,你的信息会变得多么清晰。在开始设计之前,一定要弄清楚用户的主要目标是什么。

作为全球最受欢迎的搜索引擎,截至2015年9月,谷歌公司的市场份额接近70%。谷歌在本世纪初击败雅虎(Yahoo Inc.)和许多其他竞争对手的原因有很多。其中之一就是保持简单,保持清晰。比较这两个搜索引擎,你可以看到谷歌有一个非常清晰的用户界面,它与用户在使用搜索引擎时的目标相匹配:搜索。与此同时,雅虎的主页上有很多内容可供用户阅读。目前还不清楚,雅虎是打算让用户漫无目的地浏览,还是随机选择一个受欢迎的新故事,而这个故事可能与用户搜索的内容完全无关(而且会分散用户的注意力)。


作者/版权所有人:雅虎公司,2016。

雅虎的主页将用户的注意力从他们的主要目标上转移开,因为有太多的事情在同时发生(2016年)。


作者/版权所有:谷歌公司。

全球最受欢迎的搜索引擎谷歌只会将用户的注意力引向一件事:搜索(2016)。

记住:通过为用户的主要目标设计来保持清晰。不要用与这些目标无关的无关信息来迷惑用户。帮助你的用户了解他们可以采取哪些行动,只需将注意力集中到你希望他们关注的核心方面。

2. 利用自动化:以最少的有意识和认知努力进行设计
认知科学家沃尔特·施耐德(Walter Schneider)和理查德·谢弗林(Richard Shiffrin)在《人类信息处理的受控与自动》(Controlled and Automatic Human Information Processing)一文中指出,经过精心排练的行为会变得“自动”。这指的是人类倾向于用最少的有意识的、认知的努力来完成普通的、练习过的任务。以烤面包机为例。这是一项在过去几十年里几乎没有变化的发明。烤面包机使用简单,只需很少的交互就可以实现与家电相关的目标。因此,与烤面包机交互需要最低限度的有意识的意识,导致“自动化”,这使用户感到轻松和控制不需要太多的努力。


作者/版权所有人:Donovan Govan。

2005年的两层阳光烤面包机就是一个例子,说明了为自动化而设计的界面如何经受住了时间的考验。

另一个例子是messenger应用程序,它在不同的移动界面设计之间的外观差异很小。有了熟悉的界面和常见的功能,用户很容易适应不同的messenger应用程序。


作者/版权持有人:Hike Messenger和WhatsApp Messenger。

两个不同的messenger应用程序,类似的移动用户界面组件。这说明了如何利用现有的习惯和设计来帮助用户在使用应用程序时实现认知过程的自动化。

记住:通过最少的认知努力来利用自动化。找出通常的实践任务和过程是什么,并尽可能将它们合并到你的设计中。

3. 限制选项:设计一个强大的“信息气味”

美国著名的计算机科学家、谷歌的研究科学家埃德·奇(Ed Chi)指出,我们倾向于只检测与当前目标相关的事物;他们称之为“信息追踪”。最佳的用户界面引导用户通过所需的路径,并清楚地指示完成用户目标所需的各个步骤。这可以通过使目标“气味”强烈来实现;显示屏需要整洁,必要的信息要集中在一起或在清晰的视图中。

为了使信息更加清晰,我们可以在用户界面中限制用户需要考虑的选项。限制选项消除了优柔寡断和犹豫,消除了困惑,减少了“后退”按钮的过度使用。应用程序和小部件正在真正地流行起来,并将设计工作集中在用户的关键目标上。例如,天气小部件在消除常规天气报告网站中发出“微弱”信息气味的所有元素方面做得很好。天气小部件的设计者知道,用户实际上只是在寻找用摄氏度(或华氏度)测量的关键天气信息,以及通过设置图标更改位置的能力。


作者/版权持有人:天气频道企业有限公司

1999年,天气频道的网站就是一个例子,太多的选项会让像查看天气预报这样简单的事情的用户体验变差。


作者/版权所有:天气小工具主题开发团队。

一个用于许多移动电话的典型的和流行的小部件类型。这是如何限制选项以帮助用户更快、更有效地实现其目标,从而创建更好的用户体验的一个例子。

记住:限制选项和信息的设计可以帮助你从用户那里消除优柔寡断和犹豫的负担。

4. 减少执行鸿沟:让你的用户看到你的产品如何帮助他们实现目标

在当代设计思想家、尼尔森诺曼集团(Nielsen Norman Group)联合创始人唐诺曼(Don Norman)的畅销书《日常用品的设计》(the Design of Everyday Things)中,“执行鸿沟”(gulf of execution)一词描述了用户的目标与实现目标的手段之间的差距。这是人与系统界面之间的心理差距,屏幕上显示的实现目标的步骤应该尽可能符合用户的心理目标。

当用户查看系统的用户界面时,他们应该能够在通过各种限制和功能评估系统时转换他们的目标。用户越难通过系统看到执行目标的方法,执行的鸿沟就越大。执行鸿沟越大,用户放弃使用你的产品的可能性就越大。

将天气网站的执行鸿沟与天气小部件的执行鸿沟进行比较,你可以看到更简单的用户界面如何导致更窄的执行鸿沟。执行鸿沟越大,用户放弃使用你的产品的可能性就越大。设计师应该始终争取一个狭窄的执行鸿沟。

在前一节中提到的天气小部件有一个非常窄的“执行鸿沟”,因为目标(例如,查找本地天气信息)的数量很低,实现它们的方法也很少。另一方面,天气频道网站有一个更大的“执行鸿沟”,因为用户的目标数量保持不变,但实现这些目标的手段却千差万别。

增加实现有限数量的系统目标的方法的数量会造成不必要的复杂性。成功的系统在设计时考虑到用户的主要目标,并考虑到人类记忆的限制和分配给每个目标的注意力。

记住:执行鸿沟越窄,用户就越有可能理解如何与用户界面交互。使你的产品足够简单,让你的用户了解他们如何使用它作为实现其目标的工具。

总结

为了简单而设计并不容易。但不应该如此。作为一名UX设计师,你的工作就是深入挖掘从用户目标到系统约束的各种复杂性,以便输出一种美观且易于使用的设计,帮助用户毫不费力地实现他们的目标。要开始走上简约之路,并将其融入到你的设计中,一定要做到:
1. 保持清晰:为用户的主要目标而理解和设计
2. 利用自动化:以最少的有意识和认知努力进行设计
3. 限制选项:设计一个强大的“信息气味”
4. 减少“执行鸿沟”:让你的用户明白他们为什么应该使用你的产品
当你考虑到人类认知的局限性时,你会发现你可以更好地将用户目标与为用户设计的系统工具和途径匹配起来。

原文链接:https://www.interaction-design.org/literature/article/simplicity-in-design-4-ways-to-achieve-simplicity-in-your-designs
翻译:马克笔设计留学
如果对于设计专业留学和作品集有任何疑问,可以随时和我们联系,微信:13718574833,知无不言言无不尽!

0 0 vote
Article Rating
订阅
提醒
guest
0 评论
Inline Feedbacks
View all comments