【UXRen译#125】为什么Facebook如此钟情品牌蓝——色彩营销背后的科学

uxrenyi-125-01

作者:Leo Widrich (译者:慕枫  审校:Gogi)

 

前言:事实证明,只是一些简单的改变(比如调整按钮颜色)就能让用户更喜欢你的产品。Buffer的Leo Widrich在这篇文章中阐述了网站和品牌设计中颜色的重要性。

 

一、Facebook 的logo颜色为何是蓝色?

按照The New Yorker(《纽约客》,美国杂志)的说法,其原因很简单,因为Mark Zuckerberg 是一个红绿色盲,蓝色对他而言是最具可读性的颜色。

 

听起来不是非常科学,对吧?原因可能确非如此。不过这里有一些令人吃惊的例子,让我们意识到颜色究竟如何影响我们的购买决策。毕竟,视觉是人类发展最为强大的感官之一。

 

数据显示,人们在看待一件商品时,90%取自商品的颜色如何。

 

那么颜色究竟如何影响我们的行为?色彩营销的背后又有何科学解释?当我们在Buffer 中努力尝试提升商品的销量时,研究这一问题就显得至关重要。接下来就让我们一起深入探讨一些最新、最有趣的色彩研究。

 

 

二、首先:你能仅依靠颜色辨识出那些对应的在线品牌吗? 

在我们深入研究之前,这里有一些相当了不起的实验,透过它们证实了颜色的作用是如何的强大。你不妨试试看,仅靠这些按钮的颜色,你能猜得出哪个公司对应哪个按钮吗?(答案见文末)

 

例1(简单):

uxrenyi-125-02

 

例2(简单):

uxrenyi-125-03

 

例3(中等):

uxrenyi-125-04

 

例4(困难):

uxrenyi-125-05

 

 

以上优秀的示例来自YouTube 的设计师Marc Hereon ,我认为它们比任何其他的研究都能彰显出颜色的强大。

你能猜对几个公司?(所有答案都在文末哦!)

 

 

三、每种颜色会触发我们何种感觉呢?

我们往往不能很清楚地意识到,不同颜色会触发我们怎样的情绪和感觉。The Logo Company (一家纽约设计公司)想出了一个惊人的分类方案,揭示了哪个颜色最适合哪个公司及其原因。这里是3个非常棒的例子:

 

黑色:

uxrenyi-125-06

(黑色代表确定性、有力、精确、专业、直接,因此最适合的领域是建筑、石油、金融、时尚、制造等)

 

绿色:

uxrenyi-125-07

(绿色代表自然、原始、年轻、培养、教育等,因此适合医药、科学、政府、人才、生态等领域)

 

 

蓝色:

uxrenyi-125-08

(蓝色代表信赖、冷静、干净、集中、专业、公正,因此最适合医药、科学、高科技、法律、信息技术等领域)

 

显然,每一个公司都在寻求合适的颜色向用户传达一种特殊的心理情感:

uxrenyi-125-09

 

当我们必须要买东西的时候,颜色能发挥很重要的作用。

数据分析公司KISSmetrics  针对颜色对购买行为的影响,绘制出了一张非常棒的信息图。

uxrenyi-125-10

 

可以看出,绿色向用户传达出一种最为放松的状态,使用户更容易地处理购买过程。不过事实上,在Buffer 中我们并非故意选择了绿色作为主色调——尽管它一直表现很好。

另外,我们还能从图上看出,为何黑色常常用在奢侈商品上。

 

 

四、如何更好的利用颜色提升你的品牌标识度?

这个问题很有趣味性,但我们必须搞清楚,针对我们的网站或应用程序,我们究竟可以应用到哪些实际性的决策?

 

如果你正在创建一个目标用户为女性的APP,KISSmetrics  建议使用那些女性比较钟爱的蓝色、紫色及绿色,同时避开橘色、棕色和灰色。

uxrenyi-125-11

 

如果你的APP主要面向男性用户,那在颜色的取舍上就有些不同了。因为男人们更喜爱蓝色、绿色及黑色,而不中意棕色、橘色和紫色。

uxrenyi-125-12

 

在另外一项实验中,Performable (即现在的HubSpot) 想探索仅仅改变按钮的颜色,是否能影响转化率。

 

他们一开始,尝试猜测使用绿色和红色的按钮会带来何种不同的结果。

 

“绿色通常意味着‘自然’‘环境’,它广泛使用在交通信号灯中,表明前进的意义。而红色常常代表着兴奋刺激、激情、血液和警告,它同样用在交通信号灯中,不过表示停止。同时,红色也被普遍认为是引人注目的。”

 

因此,他们猜测在绿色和红色按钮间进行 A/B 测试后,绿色作为更为友好的颜色,会表现的更好。最起码这是他们的猜测。A/B测试的网站界面长这样:

uxrenyi-125-13

 

那么这个实验的结果究竟如何?事实令人惊讶:

 

红色按钮带来的转化率要比绿色按钮高出21%。

 

值得注意的是,除了按钮颜色之外,界面上的其他一切元素都是相同的:然而点击红钮的用户比绿钮多21%。一切变量都被控制,那么按钮颜色是带来不同结果的唯一原因。

 

我简直震惊了:但凡我问每一个读完上面内容的研究者,来猜这个红绿按钮实验结果,我相信几乎所有人都会认为绿色按钮表现更好。

 

我的公司也做过一系列改变颜色的实验来提升转化率。虽然结果并不是相当明晰,但我们确实看到,颜色的差异会带来巨大变化。我想可能是因为对于社交媒体分享工具来说,按钮颜色改变带来的差异会不如其他产品那么明显。

 

尽管已有研究很多,我们也很难归纳出一般性的结论。如果你想对产品进行一些改变,不如先做假设,再通过实验结果去验证你的假设。就我个人而言,我更倾向于根据已有研究结果去做假设。不过最终,还是实验数据说了算。

 

 

五、最后一个事实:为什么超链接要使用蓝色?

这个问题我感兴趣好久,实际也非常有趣。简单地说,在早期网站所使用的颜色中,蓝色提供了最高的对比度。

 

完整的解释是:

 

Tim Berners-Lee,作为万维网的主要发明人,也被认为是第一个使用了蓝色超链接的人。在古老的浏览器Mosaic界面中,由于使用了难看的灰色背景和黑色文本,能够从黑色文本中轻易辨别出来的最深颜色就是蓝色。因此,为了把超链接从纯文本中区分开来而不影响其可读性,蓝色就很幸运的被选中了。

uxrenyi-125-14

 

只调整一些诸如颜色这样的小细节,就能改变产品结果,这是件很美妙的事儿。

 

 

附文中测试答案:

  1. 例1—Facebook
  2. 例2—Google
  3. 例3—Flickr
  4. 例4—LinkedIn

 

文中图片来源:Flickr用户Darrel Birkett

 

 

 

 

 

版权所有:UXRen翻译组

译者:慕枫   审校:Gogi

原文作者:Leo Widrich

原文链接:http://www.fastcompany.com/3009317/why-is-facebook-blue-the-science-behind-colors-in-marketing

———————————————————————————————————————

转载带有【UXRen译】抬头的文章,请务必标明:UXRen翻译组、译者和审校者。如未标注,视为侵权,UXRen社区保留随时追责的权利。

UXRen翻译组链接地址:http://uxren.cn/?page_id=7869
本文地址:http://uxren.cn/?p=43031

除转载文章外,本站所有文章版权归UXRen社区所有,转载请注明出处:UXRen社区

 

 

 

 

UXRen翻译组更多干货译文:

 

 

 

 

 
UXRen公众账号 关注UXRen微信公众号(cnUXRen)

UXRen社区欢迎各界用户体验从业者及学生投稿优质原创文章。投稿请关注UXRen社区公众账cnUXRen(上面有二维码)留言“我要投稿”,小编会及时与您取得联系。


版权声明:除转载文章外,本站所有文章版权归UXRen社区所有,转载请注明出处:UXRen社区,并保留本站原文链接地址。本站部分文章来自互联网及公开渠道,如有侵权请及时联系我们。邮箱:contact@13tech.com.cn

2 条回复

  1. 2016-08-31

    […] 文中图片来源:Flickr用户Darrel Birkett 转载注明:Yunrui 原文地址:UXREN […]

  2. 2016-10-20

    […] 文中图片来源:Flickr用户Darrel Birkett 转载注明:Yunrui 原文地址:UXREN […]

发表评论

电子邮件地址不会被公开。