原文 UX Booth Editorial Team 2015-11-17 看原文点这里
翻译 全宇宙の³姐 2018-12-02

在 Don Norman 的书《Emotional Design: Why we Love (or Hate) Everyday Things》中，他描述了一项实验发现，“系统的美感共同影响着使用者的观感和可用性，但单单可用性本身却没有如此大的作用。”也就是说，视觉设计对于实际的整体体验有着和可用性同样重要的作用。

其实呢，视觉设计可能比可用性更加重要，我们也不应因此感到惊讶。人们被事物吸引，并且会感受到审美上的愉悦，研究表明：成年人和孩子都会更加信任有吸引力的事物。相同的理论同样适用于APP和网站：人们会更倾向于给与有吸引力的应用以信任。

在这篇文章中，我们会一起看看，为什么人们会更加喜欢有吸引力的界面，对用我们来讲，到底还有哪些相关知识。以及最重要的，作为一个用户体验设计从业者，我们如何利用这些知识去创造更好的用户体验。

什么是吸引力？

在讨论用户体验中的审美之前，我们需要回答一个问题。对于一件事物来说，吸引到底意味着什么？哦，这可是一个难题啊。哲学家会回溯历史，哲学家毕达哥拉斯也曾问过同样的问题，他的追随者这样定义：“美是一种愉悦的表现形式，正如数学中的黄金分割。”

许多数学家都试图量化“美”这个东西，但法国启蒙思想家、文学家、哲学家伏尔泰也说过，“美”不可定义。正如一句谚语，“情人眼里出西施”，实践者们遵循这一信仰，视美为一种愉悦或者漂亮的事物。

一些科学家认为，令我们感到愉悦的东西也是健康的东西。如此说来，不健康的东西会看起来“没有吸引力”。比如浆果之类对我们有益的东西，我们也会觉得看起来愉悦。这个理论有一个巨大的漏洞（比如看起来漂亮的却有毒的青蛙），但也有一定价值。

与此同时，另一些科学家则认为美起源于社会和文化的态度。在美国，大多数孩子都会在小时候观看迪士尼的电影，这促使他们形成了一些观念，比如女巫和作恶者是“丑陋的”，而英雄们是“漂亮的”，这些观念对人们的影响远不如此。美的观念被我们的日常环境所影响，今天看起来时尚的事物如新潮的发型、时尚的姿态，在十年前很可能看起来令人尴尬。因此，文化在改变，由文化而定义的美的概念，也在变化。

说回到用户体验设计。也许存在一些确定的交互或者是元素让我们感到有吸引力，因为这些东西与可用性相关联。与此同时，也确确实实会出现一些当下流行的网站设计趋势和视觉风格，但几个月或者几年后却不再受到喜爱。举个例子，曾经有一段时间，选用漫画字体、运用闪烁飞溅效果的网页被认为是好的，但今天却不然。

用户体验中的视觉设计

经过上面的讨论，我们已经知道，这里没有一个所谓完美无暇、亘古不变的审美。接下来我们太探讨用户体验中的视觉设计，毕竟，它比仅仅把东西做的漂亮要复杂的多。
Usability.gov 是这样定义视觉设计的：“有策略性地使用图片、颜色、字体和其他元素”，其目的在于提升设计和交互，从而吸引用户。视觉设计与交互设计不同，交互设计聚焦于完成一项任务的功能需要，而视觉设计需要引导用户的注意力到正确的功能上，通过元素的大小、颜色和留白将功能的优先级表达出来，甚至通过一些视觉暗示去表达品牌，增强用户对品牌的认知和信任。

从某种程度上来说，视觉设计是平面设计和用户体验设计的交叉。这些领域混合在一起，不断演进，平面设计通常来说是静态图像的设计，用户体验设计则将交互设计和用户界面设计融合在一起，它更注重“沟通”。视觉设计则处在前面两者之间，目的在于促进“沟通”与“可用性”。

视觉设计真的会对用户如何看待界面产生巨大的影响！一个有吸引力的界面会让用户产生更好的感觉：更好的功能，更加易于使用，甚至更加人性化。

关联性

Luke Wroblewski 是 Google 的产品总监，他花费了许多年，探索视觉视觉和用户行为之间的关联性。在2008年的演讲“ Communicating with Visual Hierarchy ”（用设计架构建立沟通）中，他阐述了视觉设计在用户体验中的作用：如果在屏幕中放置元素并且给它们分配注意力，也就是我们所谓的“视觉架构”，可以帮助我们：

• 传递信息
• 标识行为
• 组织信息

他分享了大量的小窍门和建议，这些都可以帮助我们思考：在哪里以及如何展示信息。一个有吸引力的视觉架构也同样是可用的、有用的。

距离他的分享已经过去了7年，视觉设计在用户体验中仍然起着极其重要的作用！
在论坛 StackExchange 上，关于这些的讨论一直进行着。一个网友问：到底有没有一个研究可以明确地证明用户界面可以影响体验？就如人们会根据书籍封面去评判书的好坏，到底该怎样证明这样的关联？也有一些人说“如果视觉设计真的会起重要的作用，那么如何解释微软蹩脚产品的成功？（译者认为其原因在于大众品味尚未觉醒）我使用 Outlook 以及快20年了，对我来讲，它没有一个界面是相同的，到今天它却依然是市场占比极高的产品！”

这意味着什么？真的是情人眼里出西施吗？有人会认为微软的产品很好看？所以视觉设计是可有可无的吗？

一个用户的回答似乎比较客观“...视觉设计影响着整体体验的一个或多个层面。在帮助用户达成他们目标的过程中，视觉设计也许不是必要的，但却是极其重要的，它与用户观感有着重要的关联。视觉设计到底影响用户体验吗？你一定也认为答案是肯定的，但是如何影响？这可是个可以悬赏$64000的问题啊！“

打个比方，有吸引力的网站正如着装得体的面试者，它能起到的作用毋庸置疑。当用户来到了一个不怎么吸引他的网站，如果体验不错，他依旧会带着开心而去，但是，如果这个本来就不吸引他网站出现了一点点问题，他就很可能立即放弃而去。当一个网站是吸引人的，用户从内心里就会更加信任它，也更愿意给它第二次机会。

对用户体验设计师意味着什么？

对于用户体验设计师来说，这篇文章对你来说有两个主要的收获。第一，不要单单依赖视觉设计去拯救糟糕的体验，最好的视觉吸引也无法弥补糟糕的功能。第二，不要忽视视觉设计！对于两个同样可用、有用的应用，视觉设计可以让其中一个脱颖而出。

来自 UXPin 的作者 Jerry Cao，在网站 Creative Bloq 和 Fast Company 上列举了一系列视觉设计的原则。下面这些是最基本，也是最有效的，希望可以指引你：

• 保持一致性。即便是最漂亮的设计也会被不一致所破坏，从而变成一堆凌乱的垃圾。这是一个感受主导评价的领域；如果一个用户在网站中感到迷惑，那么这个网站在他眼中很可能就是丑陋的。
• 测试视觉概念及原型。正如 Jerry 在博客 Creative Bloq 上所说的”当人们在上网时，他们会说自己在‘看’一个网站，而不是说在和一个网站'交互'，即便这个网站的交互做的相当不错。“我们对于视觉的反应要更加强烈一些，品牌的好坏会影响信任的多少。
• 不要被潮流所迷惑。黑色迷你裙历经百年而不失时尚。因为它简单、干净、经典。同样的，一个简单、干净、经典的视觉设计也会经久不衰，潮流并不能左右它。举个例子，扁平化设计会持续一段时间，但是过几年之后，这些设计也会看起来“很2015”。

译者 全宇宙の³姐 WeChat i-Liujunjie