颜色如何影响用户体验

“ 颜色不仅仅是装饰工具还是用户体验的核心要素之一 ”

举一个很简单的例子：你给某个公司做了一个网站，页面的视觉和交互都是根据之前定的线框图设计的，但是客户却不满意，然而他们也说不出来为什么不满意。很可能就是颜色出了问题，不同的颜色会唤起人们不同的情绪，有些是因为个人偏好，有些是因为心理因素，也有一些是因为社会规范文化差异，了解这些趋势和用户偏好会极大的影响用户体验。

以下几点都是你需要了解的

👇

1 用户期望和偏好

用户体验从使用你产品的用户类型开始，用户居住的地区和他们的性别影响着他们基于颜色对你设计的看法。（可以查阅更多关于文化差异性对于颜色的影响的文章）

颜色对用户体验的影响之一就是与性别有关，研究表明，男性和女性都有比较喜欢和不喜欢的颜色。

男性比较倾向于暗色系和饱和度比较高的网站，就像上面👆这个例子

女性更倾向于浅色系，饱和度更低一点的较柔和的网站，就像上面👆这个例子

男性对使用淡粉色、紫色和黄色这种太女性化用色的网站比较不能接受，而女性则比较难以接受，像黑色背景加上饱和度很高的红色这种比较严肃的配色方案。中性色，是接受度最高的～

2 颜色联想与意义

颜色虽然不是一门精准的科学，但颜色有相当明显的情感联系。注意，有些颜色可能属于特别极端的类别。这些关联往往与其他设计元素一起营造整体氛围。当用户看到某种颜色或颜色组合时，大脑会立即产生反应。

红色：力量，危险，爱/激情，饥饿

黄色：能量，幸福，阳光，温暖

橙色：创造力，决心，刺激，鼓励

绿色：自然，成长，和谐，新鲜

蓝色：信心，信任，宁静，冷静

紫色：梦幻，尊贵，野心，独立

3 建立品牌识别

在你的预期中，可口可乐的设计元素是红色的，颜色是品牌的代名词，因此可口可乐的红也被称为“可乐红”。改变颜色，品牌识别度就会变弱，用户不能立马识别出来。不能即时感知，从而导致他们可能觉得可乐的味道也不一样。

以上所有的感受都来自于颜色的改变，当你看到一张绿色的可口可乐品牌照片时会对自己说“那是什么？”

颜色是品牌塑造中的一个重要元素，因为他创造了用户与品牌之间独特的联系。颜色诠释了品牌的含义，并让用户感知到他们参与的是什么事情。

改变颜色和使用品牌元素之外的东西，用户体验就会变的很糟糕，因为这会使用户突然对他们熟悉的品牌变的很困惑。

4 用户模式连接到颜色

你是否注意到有多网站都使用红色或橙色按钮？这是有原因的。红色和橙色往往能从浅色或深色的背景中凸显出来，明亮的按钮和背景会形成一个鲜明的对比，这样有助于用户查找、理解并快速跳转，因为他们可以很直观的感受到点击该按钮可以得到他们的结果是什么。用户体验的一个关键点是，为用户提供他们喜欢和便于他们理解的交互形式。

5 提高转化率

在设计过程中尝试使用A/B测试，可能会发现一种颜色的转化率明显高于另一种颜色。（它可能不是你期望的颜色。）当按钮或链接的颜色与设计的其他部分形成鲜明对比时，转化率往往会增加。因此，当您想要使用品牌色时，选择对比色是有助于用户体验的转化。

请看下面的网站一分钟。哪个颜色按钮最有可能让你点击？（原始颜色为蓝色。）

6 为所有用户提供可访问性

颜色会影响用户体验，因为它可以使设计可访问或不可访问。为了让每个人都充分理解设计，并参与其中，他们必须能够轻松访问网站。使用符合Web内容可访问性指南(WCAG 2.1)的色板和对比度可以确保每个用户都能理解你选择的颜色。

使用色盲过滤器，来模拟其他用户在浏览你的网站时可能会看到什么，会产生什么样的影响。

结论

把颜色作为一个可以帮助用户在设计中获得更好的互动和体验的工具，它可以在情感化和可用性上影响用户体验。

A/B测试是一个很有价值的工具，通过A/B测试可以很好的检验哪一种颜色有助于提升用户体验。

英文原版地址：https://www.webdesignerdepot.com/2019/07/how-color-impacts-ux/?ref=webdesignernews.com

欢迎关注微信公众号：菠萝方舟