颜色如何影响UX

Carrie Cousins. 经过 Carrie Cousins.  |  7月22日,2019年

颜色会影响用户在与设计交互时如何感受到的所有内容,以如何使用该设计,以完全看到和理解它。很简单,颜色比装饰工具更多;颜色是用户体验的核心。

让我们从一个常见的例子开始:你刚刚为某人完成了网站设计。它看起来和功能完全像线框。设计团队中的每个人都赞扬了该项目。客户讨厌它,但他们无法解释原因。

罪魁祸首可能是颜色的。不同的颜色可以唤起人们对他们有急剧反应的这种强烈情绪。这是个人偏好,部分心理,甚至部分社会规范。了解这些趋势和用户偏好可以极大地影响用户体验。

这是你需要知道的。

 

用户期望和偏好

用户体验从您的网站或应用程序设计的用户类型开始。基于颜色的基本人口统计学等性别或地区可以影响他们对您的设计的看法。 (你可以 阅读更多关于颜色和文化注意事项的更多信息 here.)

ux. 上颜色的最有趣的影响之一与性别相关联。研究表明,男女往往喜欢和不喜欢某些类型的颜色。

 样子

男性倾向于与具有较深的设计方案和更多饱和颜色的网站进行更多互动,例如上面的VLNC工作室的设计。

妇女倾向于倾向于与具有更轻的设计方案和更柔和的颜色调色板的网站进行互动,例如下面的Tally。

有些人对网站使用明显的女性颜色具有急剧反应,例如粉彩粉红色,紫色和黄色。

更多的女性倾向于被带有苛刻的颜色方案的网站推出,例如黑暗的背景,具有完全饱和的红色口音。

中音调色板对每个人的最普遍吸引。

 样子

 

颜色关联和含义

虽然它不是精确的科学,但颜色具有相当鲜明的情绪协会。请注意,有些颜色可以落入极端的类别。这些关联倾向于与其他设计元素合作以创建整体氛围。

当用户看到某种颜色或颜色组合时,它会在大脑中产生立即响应。

  • 红色:权力,危险,爱/激情,饥饿
  • 黄色:能量,幸福,光,温暖
  • 橙色:创造力,决心,刺激,鼓励
  • 绿色:性质,成长,和谐,新鲜度
  • 蓝色:信心,信任,宁静,平静
  • 紫色:魔术,皇室,野心,独立

 

建立品牌认可

 样子

您希望可口可乐的设计元素成为红色。颜色是如此同义,它被称为“可乐红色”。改变颜色,品牌令人困惑。你不立即识别。用户们jarred,并不能以预期的方式做出反应。饮料似乎似乎味道不同。

所有这些感受都来自改变颜色。你可能会觉得自己说“什么?”当你看到一个带绿色可口可乐品牌的第一张照片。

 样子

它影响了您对向前迈进的品牌的用户体验。

颜色是品牌中的一个重要元素,因为它创建了用户和设计之间的不同连接。颜色告诉用户品牌是什么。它告诉用户他们即将参与的事情。

改变那种颜色,或者使用一些消除品牌的东西,并且用户体验遭受了遭受的遭受,因为网站游客突然困惑或不确定他们认为他们所知道的品牌。

 

用户模式连接到颜色

你注意到了多少网站使用红色或橙色按钮?

有一个原因。

与网站的背景形成对比的明亮彩色按钮 - 红色和橙色经常从光或黑暗的背景中脱颖而出。可以帮助用户找到,了解,并希望与单击或令人憎恶的元素与单击或令人憎恶的元素一起参与,因为他们在视觉上,立即知道他们对该元素的期望是什么。

用户体验的一个关键部分是为用户提供易于互动的机会,他们享受和理解。

 样子

巡航使用带红色文本和红色悬停状态的幽灵样式按钮。它在传统的固色按钮上有一个不同的旋转,但如何与其互动有些问题。颜色将用户绘制到按钮。

 bluez.

net bluez. 使用明亮的橙色按钮在导航菜单中最重要的元素。请注意该元素如何倾向于跳下屏幕乞求点击。

 

增加转换率

在设计过程中挑战自己到A / B测试按钮颜色。你可能会发现一种颜色的转换率明显高于另一颜色。 (它可能不是您期望的颜色。)

当按钮或链接的颜色与其余的设计形成鲜明对比时,转换率往往会增加。因此,虽然您想要使用品牌调色板,挑选对比色是产生助致整体用户体验的转化的关键。

看看下面的网站一分钟。哪个颜色按钮最有可能让您点击? (原始颜色为蓝色。)

 样子

 

为所有用户提供可访问性

最后,颜色以不情绪化或植根于心理学的方式影响UX。它比这更实用。

颜色影响用户体验,因为它可以使设计或不可访问。

为了让每个人都完全了解设计,并与内容进行啮合,他们必须能够轻松地看到和阅读它。使用颜色调色板和对比度符合 Web内容可访问性指南 (WCAG 2.1)可以确保每个用户都能理解您的颜色选择。

使用诸如以下比较中的颜色盲滤波器,例如在比较的比较中,以帮助模拟其他用户在查看您的网站时可能看到的内容。这可能如何影响可用性?

 样子
 样子

 

结论

将颜色视为一种帮助用户更好地互动并体验您网站上的内容的工具。它会影响用户体验的情绪和可用性。

如果颜色为以正确的方式影响UX,则弄清楚的关键是通过用户测试。 A / B颜色测试可以是有价值的工具。