<
>
您的位置:站长之家首页 > 建站 > 策划 > 正文

想要提升转化率?那你要明白这些色彩心理学知识

2017-04-26 09:22 来源:优设网 编辑:cherlee【纠错人评论

A-A+

性别与色彩

虽然从来都没有什么男性色和女性色这样的具体规则,但是在过去的一个世纪当中,不少研究表明,男女在色彩喜好上是有着明显的差异的:

最喜欢的颜色

最不喜欢的颜色

·蓝色是两种性别都非常喜欢的色彩,而且相比女性,男性更喜欢蓝色的各种变体。

·男性和女性都非常不喜欢棕色、橙色和黄色。灰色是女性最不喜欢的色彩之一,而紫色是男性最不喜欢的色彩之一。

·当涉及到不同的色调、色相和色度的时候,男性更喜欢大胆的色彩,而女性则更喜欢更加柔和的色彩。

·大多数人都认为女性更偏爱粉色,但是实际情况并非如此,只有一小部分女性将粉色视为最喜欢的色彩。因此,虽然色彩心理学当中将粉色作为女性气质的象征,但是这并不意味着绝大多数的女性喜欢它。

品牌色的重要性

色彩是许多品牌设计的核心元素。品牌配色中每一种颜色都直接或者间接地塑造着这个品牌的特征,甚至一些色彩已经超越了品牌,成为了行业的基准色,比如旅游业常用蓝色,健康相关的产业使用绿色,而快餐和饮食业常用红色。

但是,当你在为一个品牌选取品牌配色的时候,并没有捷径可以走,并没有什么可以快速搞定的法则。有些公司乐于采用顺应行业的配色方案,而有的企业则发现,使用跳出规则的配色方案反而可能会取得奇效。Virgin Amarica 就是个典型,反其道而行之,选择和航空并无关系的谷物作为吉祥物,虽然不同于用户期望,但是非常突出。

所以,选择意想不到的色彩也许是让人记住的好办法呢。

色彩和转化率优化

那么你到底要如何借助色彩理论和心理学知识来让用户点击按钮呢?是否让按钮具备行为召唤的特征,可能是用户体验设计师们争论的最多的问题。有人认为,醒目的红色是最佳的选择,而另一部分人则认为,绿色同样醒目,并且还给人以安全感。

HubSpot 对此进行了A/B测试,测试主要是围绕着注册界面的CTA按钮进行的。

虽然测试之前,几乎所有人都预测绿色的按钮效果会更好,然而实际情况则是,红色按钮比绿色按钮多出了21%的点击率。同时,HubSpot 也添加了说明,因为测试结果始终是主观的,因为有一定机率是他们的访客在这个网站中,本身就更加倾向于红色,它毕竟是整个页面中唯一出挑的色彩。影响因素是复杂而多样的。

按钮本身的色彩对于点击转化率的影响,其实并不大。一种色彩作为按钮色在A网站网站上可行,可能在B网站上就没那么好使了,说一种颜色比另外一种颜色的转化率高,本身就是错的,并不存在什么通用的最佳色彩。但是,有一些值得参考的通用法则能够帮你更合理地用色。其中,有一个心理学效应叫做“孤立效应”,它简而言之就是最突出、被孤立出的元素更容易被用户注意到,甚至被选择。

举个例子,如果你的网站中使用了大量的绿色,那么用户不太可能注意到绿色的按钮,哪怕说绿色按钮在另外一个AB测试中完胜红色按钮。

因此,最重要的是调整整个页面的信息和层次结构,让按钮真正具备行为召唤的能力,色彩的对比是关键,如果按钮无法从诸多元素中脱颖而出,那么转化率从哪来?

色彩和可用性

设计当然不能只是漂亮,功能和可用性同样重要。这两个项几乎是所有UX设计师最关注的因素。色彩能够引导视觉,良好的UI会用好色彩这一工具,可以说色彩不仅能够引导用户的注意力,而且还能够指引交互,决定体验。

控制配色的数量

配色方案中,色彩的数量不应该太多。每增加一种色彩,搭配方式和复杂度都会提升,而这最终会影响用户的体验,让用户感到混乱。

在室内设计领域有一个著名的60-30- 10 法则,它同样适用于其他的设计领域,在网页和UI配上同样适用了:主色调占60%,次要色占30%,10%是提亮色。这种配比之下,能够创造出足够平衡的设计,让整个配色主次分明,同时能让用户的视觉能注意到焦点。

无障碍设计

必须承认,同样的色彩,不同的人所看到的是不一样的。大约有8%的男性和0.5%的女性是色盲,而色弱的用户也不在少数。红绿色盲是最常见也是占比最多的视觉障碍者,所以,尽量避免将这两种色彩搭配到一起,至少不要用作关键的信息用色,这样能规避不少问题。

就像下面的实例,“红色的部分是必填的”对于色盲用户而言,就是完全无法分辨的。

正如同W3C的规则所说,色彩不应该用作唯一的交互指示标识,设计师应该提供更加清晰的作物指示信息,比如“您所输入的电子邮件地址无效”,最起码要提供相应的错误图标作为标识。

有许多不错的工具能够帮你测试页面的可访问性设计:

·WebAIM Color Contrast Checker 能帮你测试你的配色方案是否合理

·如果你使用PS,那么可以使用 Color Universal Design 来进行验证,确保你的色彩适用于所有用户,包括色盲用户。

结语

没有真正错误的颜色,重要的是我们要如何使用它们。

注:相关网站建设技巧阅读请移步到建站教程频道。

  • 0
  • 0
  • 收藏

看过本文的人还看过