美学和感知——如何处理用户体验图像

当谈到 UX 设计和用户体验图像时，无论是在网站、移动应用程序还是任何其他数字产品上，许多设计师都会根据他们的个人审美来选择图像，并以一种有意义的方式将它们与微文案和界面的其余部分结合起来关于产品目的和品牌。

自 19 世纪早期以来，流行的说法“一张图片胜过一千个字”，这通常归功于 Fred R. Barnard，他在一篇文章中写下了这句话，宣传在侧面出现的广告中使用图像的有轨电车。 在许多情况下，图像有能力在用户中产生情绪反应。 这对于明确品牌目的、强化产品价值主张以及增加网站或移动应用程序的吸引力非常重要。

图像可以立即传递信息，因为大脑可以比文本更快地解释它，并为信息提供深度和上下文，提供比单独的文本更身临其境的体验。 当设计师知道如何使用图像时，他们就能更好地操纵观众的情绪反应。 产品设计的好坏取决于用户体验图像的质量——这就是为什么把它做好至关重要。

除了网站和移动应用程序，图像在各种产品设计中都很重要。 正如 Rachel Krause（尼尔森诺曼集团的用户体验专家）在说服性讲故事的 6 条规则中所说，图像可以被纳入相关的案例研究、图表和可用性测试的照片中，为观众提供超越文字的联系方式.

Kim Flaherty（Nielsen Norman Group 的 UX 专家）也表示，最近的研究表明，时事通讯接收者期望他们在网络上遇到相同的高质量图像，强烈喜欢可以在更大范围内看到的图像，并且非常清晰地显示细节。

深入了解图像的使用及其对用户感知和用户体验的心理影响是用户体验设计师不应低估的设计的一个重要方面。

设计中的感官意象

最近，感官营销领域引起了企业和学术界的关注，主要是在营销和心理学方面。 在《感官营销：产品感官研究》一书中，Aradhna Krishna 将感官营销定义为“影响人们如何做出购买和消费决策的潜意识触发器”。 该声明在产品设计项目中与在营销中一样适用。

据作者介绍，感官意象可以通过以下方式影响产品设计：

• 通过视觉设计鼓励精神刺激
• 用品牌吸引人们
• 影响他们对品牌的态度
• 通过视觉设计刺激其他感官（如嗅觉）

通过意象促进心理模拟

营销人员和设计师长期以来一直鼓励消费者通过“Think different”（Apple）和“Just do it”（Nike）等口号来发挥他们的想象力。 然而，这些简单而吸引人的短语并不会自动说服人们在没有明确要求他们这样做的情况下想象使用该产品。

根据对认知和感知的研究（如上所述），发现简单地改变产品的视觉呈现方式会鼓励人们想象与产品交互，从而增加购买的可能性。

精心挑选的图像可以显着影响人们对产品的感知，有效地增加品牌接近度，或者在人们遇到与他们不匹配的图像的情况下产生负面影响。

例如，如果一个房地产网站以中产阶级客户为目标，并使用下面这个明显非常高档、昂贵的别墅作为背景，它可能会影响目标用户与公司之间的联系。 这在品牌和用户感知它的方式之间造成了差距。

注意力、感觉和知觉

了解人们如何与现实联系的起点在于注意力、感觉和感知的心理过程。

注意是一个心理过程，它选择要关注的特定刺激并在它们之间建立关系。 如果使用得当，这些刺激会被战略性地放置，以便将观察者的注意力吸引到某些信息上。 选择尽可能好的用户体验图像至关重要，因为人们的眼睛每天都会被数十个广告和网站所吸引，而只有少数几个会引起他们的注意。

苏联心理学家列夫·谢梅诺维奇·维果茨基认为，人的心理作为一种直接作用于主体所暴露的现实的主观形成的过程，具有感觉，在人与世界的关系中起着重要作用。 此外，还有联觉感觉，其特征是当两种或多种感觉一起体验时，通常会在对象和感觉之间产生关联。 例如，红色通常被视为一种“热情”的颜色，可口可乐在其品牌推广中广泛使用它。

人类感知是指大脑功能，能够选择和赋予通过与人已经遇到的经验相关联的感觉捕获的信息的意义。 这也可以称为心智模型。

重要的是要了解不同群体的想法并不总是相同，尤其是当您考虑到不同的文化、社会阶层和年龄组时。 只要观众是喜欢旅行的年轻人，下图就是一个很好的代表乐趣和冒险的例子——如果他们是经历过带着孩子旅行的压力及其所带来的一切压力的父母，可能就不是这样了。 在这种情况下，深入的用户研究将提供洞察力，帮助设计师选择用于特定受众的最佳图像类型。

用户体验图像作为提高可用性的工具

在研究论文为新手和低文化用户设计移动界面中，作者指出图像还支持低文化人群，提高产品可用性并改善整体用户体验。 由于文盲通常与贫困有关，因此不识字的用户以不同的方式浏览界面，主要基于视觉元素，并专注于机制。

安德鲁·撒切尔（Andrew Thatcher）进行的研究研究了有文化和半有文化的人在使用 ATM 和替代图标和语音的 ATM 界面时的行为。 根据作者的说法，人们倾向于选择基于图标的 ATM 界面而不是其他选择。 这可能与图像没有特别相关，但说明视觉元素比基于文本的界面更容易理解。

尽管这项研究专门针对识字率低的用户，但必须了解图像和基于视觉的界面总体上会对用户产生积极影响，而不仅仅是阅读困难的人。 例如，精心挑选的图片可以让用户更快地浏览和吸收信息，让他们更快地了解产品的用途。 一个很好的验证方法是采用一种称为五秒测试的方法。

产品美学应用心理学的更深认识

由于视觉上吸引人的设计被认为更容易使用，因此作为设计师，创造这样的设计很重要。 此外，美学设计更容易被接受，使用更频繁，并促进创造性思维和解决问题的能力。 根据设计的通用原则，美学设计还可以促进与用户的积极关系，使他们更能容忍设计中的可用性问题。

审美-可用性效应

通常，美学设计具有更高的参与概率。 图像与视觉吸引力有很大关系，直接影响用户感知。 当产品更实用但视觉吸引力较低时，它可能会因缺乏接受度而使可用性问题变得毫无意义。

根据这种心理现象，美观的设计通常比不那么吸引人的设计更直观，对于技术背景有限的用户来说尤其如此。 此外，当美学设计不能正常工作时，用户往往会责怪自己，而不是指责产品。

从这个意义上说，出色的照片或视频会让用户感到高兴。 这种积极的情绪反应进一步加强了用户与产品的互动以及与品牌本身的关系，同时弥补了任何可用性缺陷并使用户更加宽容。

在 Nielsen Norman Group 的一篇文章中，Kate Moran 引用了 Kurosu 和 Kashimura 的结论，他们得出的结论是，即使在评估系统的底层功能时，用户也会受到任何给定界面美学的强烈影响。

以 FitBit 网站为例。 Moran 报告说，在可用性测试期间，一位用户在网站上购物时遇到了许多问题，从交互设计中的小问题到导航中的严重缺陷。 用户能够以一定的难度完成任务。

然而，用户对该网站的易用性评价很高，称该网站看起来像大海（非常平静），色彩绚丽，照片精美。 该网站的美学吸引力所产生的积极情绪反应有助于掩盖其可用性问题。

启动效应

为界面选择合适的图像超越了美学。 所选图像必须传达正确的信息和价值观。 由于人脑一直在处理关联，因此图像可以用作处理关联的强大工具。 在《思考，快与慢》一书中，丹尼尔·卡尼曼（Daniel Kahneman）举了一个令人信服的例子，说明大脑是如何下意识地产生联想的。 他让读者看下面两个字：

当人们看到这些词时，他们会产生不愉快的联想。 他们的脸色微微扭曲，露出厌恶的神色，心跳加快，手臂上的汗毛也微微竖起。 简而言之，他们对“呕吐”的反应是他们对实际事件的反应方式的减弱版本，所有这些都是自动的，超出了人的控制——纯粹是通过想法的联想。 但影响可能不止于此，人们将“香蕉”这个词与“呕吐”的负面含义联系起来。

启动是一种内隐记忆效应，其中暴露于刺激会影响对后来刺激的反应。 设计师还可以使用图像，不仅仅是考虑界面如何在视觉上吸引人，而是考虑信息传递、用户感知、用户参与以及通过精心构建的关联来操纵他们的想法。

在 Nielsen Norman Group 的Priming and User Interfaces中，作者指出“图像和页面内容促使人们形成对网站的期望。 如果这些假设得到进一步证实，那么整体体验是顺畅而愉快的。 然而，当假设被证明是错误的时，人们通常会认为该网站的可用性很差。”

文章中还介绍了以下示例，该示例显示了一所私立学校的主页，其中显示了小孩的图像，给人的印象是该学校是一所幼儿园或仅针对小学一年级。 实际上，学校最多覆盖 8 年级。

概括

当用于影响人们的感知和用户体验时，图像可以成为一种强大的工具。 当为设计选择有效的图像时，它可以增加产品的吸引力，增强商业价值，增加销售和潜在客户，帮助加快界面和信息扫描，取悦观众，提高消费者和品牌之间的同理心。

一旦设计师更好地了解最突出的心理现象以及人们的思维方式，他们就可以创造出更好的产品，对人们真正有意义，同时对业务本身产生积极影响。

进一步阅读 Toptal 设计博客：

• 品牌插图 101：可视化叙事
• 设计心理学和真棒用户体验的神经科学
• 有说服力的设计：有效地使用高级心理学
• 无需任何绘画技巧即可设计自定义插图的分步指南
• 设计的影响——色彩和情感指南