颜色会影响用户在与设计交互时的感受,以及他们如何使用设计,以及他们是否能够完全看到和理解设计。很简单,颜色不仅仅是装饰工具; 颜色是用户体验的核心。
让我们从一个常见的例子开始:你刚刚为某人完成了一个网站设计。它的外观和功能与线框完全相同。设计团队中的每个人都赞扬了这个项目。客户讨厌它,但他们无法解释原因。
罪魁祸首可能是颜色。不同的颜色可以唤起人们对它们产生尖锐反应的强烈情绪。这是个人偏好,部分心理,甚至是部分社会规范。了解这些趋势和用户首选项会极大地影响用户体验。
这是你需要知道的。
用户期望和偏好
用户体验始于您的网站或应用程序的用户类型。用户所居住的性别或地区等基本人口统计数据会影响他们根据颜色对您的设计的看法。
颜色对用户体验最有趣的影响之一与性别有关。研究表明,男性和女性倾向于喜欢和不喜欢某些类型的颜色。
男性倾向于与具有更暗设计方案和更饱和色彩的网站进行更多交互,例如上面的VLNC Studio设计。
女性倾向于更喜欢与具有较轻设计方案和更柔和调色板的网站互动,例如下面的Tally。
一些男人对使用淡粉色,紫色和黄色等鲜明女性色彩的网站有着敏锐的反应。
更多女性倾向于被具有严酷配色方案的网站推迟,例如深色背景和完全饱和的红色调。
中调色调是每个人最吸引人的。
颜色关联和含义
虽然它不是一门精确的科学,但颜色具有相当明显的情感联想。请注意,某些颜色可能属于极端类别。这些关联倾向于与其他设计元素一起工作以创造整体氛围。
当用户看到某种颜色或颜色组合时,它会在大脑中产生即时反应。
- 红色:力量,危险,爱/激情,饥饿
- 黄色:能量,快乐,轻盈,温暖
- 橙色:创造力,决心,刺激,鼓励
- 绿色:自然,成长,和谐,新鲜
- 蓝色:信心,信任,宁静,冷静
- 紫色:魔术,皇室,野心,独立
建立品牌识别
你希望可口可乐的设计元素是红色的。颜色是品牌的代名词,被称为“可乐红”。改变颜色,品牌令人困惑。你不能马上认出来。用户很震惊,并且没有以预期的方式做出反应。这种饮料甚至可能看起来味道不同。
所有这些感受都来自改变颜色。当你看到带有绿色可口可乐品牌的第一张图片时,你可能会觉得自己说“什么?”。
它影响了您对品牌向前发展所带来的用户体验。
颜色是品牌塑造中的一个重要元素,因为它创造了用户与设计之间的独特联系。颜色告诉用户该品牌的含义。它告诉用户他们将要参与的事情。
改变这种颜色,或使用品牌之外的东西,并且用户体验受到影响,因为网站访问者突然对他们认为他们所知道的品牌感到困惑或不确定。
用户模式连接到颜色
您是否注意到有多少网站使用红色或橙色按钮?
这是有原因的。
明亮的彩色按钮与网站的背景形成鲜明对比 – 红色和橙色常常从浅色或深色背景中脱颖而出。可以帮助用户查找,理解并希望与点击或可点击元素互动,因为他们可以直观地,立即地知道他们对该元素的期望。
用户体验的关键部分是为用户提供他们喜欢和理解的交互的简单机会。
Cruise使用带有红色文字和红色悬停状态的幽灵式按钮。它与传统的纯色按钮不同,但是如何与它进行交互几乎没有问题。颜色将用户绘制到按钮。
Net Bluez使用亮橙色按钮作为导航菜单中最重要的元素。注意该元素如何从屏幕上跳出来乞求被点击。
提高转换率
在设计过程中挑战自己的A / B测试按钮颜色。您可能会发现一种颜色的转换率明显高于另一种颜色。(它可能不是你期望的颜色。)
当按钮或链接的颜色与设计的其余部分形成鲜明对比时,转换率往往会增加。因此,当您想要使用品牌调色板时,选择对比色是产生有助于整体用户体验的转化的关键。
请看下面的网站一分钟。哪个颜色按钮最有可能让您点击?(原始颜色为蓝色。)
为所有用户提供辅助功能
最后,颜色以一种不是情绪化或根植于心理学的方式影响用户体验。它比那更实际。
颜色会影响用户体验,因为它可以使设计可访问或不可访问。
为了让每个人都能完全理解设计并参与内容,他们必须能够轻松地查看和阅读。使用符合Web内容可访问性指南(WCAG 2.1)的调色板和对比度可确保每个用户都能理解您的颜色选择。
使用色盲过滤器(例如下面的比较中的过滤器)来帮助模拟其他用户在查看您的网站时可能会看到的内容。这怎么会影响可用性?