為什麼Facebook 的主色調是藍色?根據紐約客的說法,原因很簡單:

扎克伯格是紅綠色盲,藍色對他而言是最容易識別的顏色。而扎克伯格自己也說道:

「藍色對我而言是最豐富的色彩,我能看清所有的藍色。」

這聽起來好像挺扯的吧?雖然事實上Facebook 的色調選取可能並非如此,

但是這個事情確實從某些側面很好的印證了色彩對於品牌,對於用戶的巨大影響。

畢竟,色彩在視覺上對於人類的影響是巨大的,甚至有研究估算出,色彩對於某些產品的影響超過90%。

那麼色彩到底是如何影響我們的,在營銷過程中色彩又遵循哪些科學原理呢?

隨著我們針對Buffer 這個產品不斷改進提升,我們也越來越意識到色彩對於產品的重要影響。

接下來,我們一同來通過最新、最有趣的研究,來探索色彩的秘密。

你能否根據基本的色彩分辨出品牌?

在開始探索之前,我們通過幾個簡單的案例來感受一下色彩的強大識別性。

根據下面按鈕的色彩,來判斷它們分辨屬於哪家互聯網公司:
案例1(容易):

0-AsTdyb3BRRvy1R7v
案例2(容易):

0-3Z_-z8KtatJWWeIa
案例3(中等):

0-v2VD3re-WCEmN9ad
案例4(困難):

0-53eFzKQxeFYaHegU
這個測試是Youtube 的設計師 Marc Hemeon 所提供的,我想許多歐美設計師都能輕鬆分辨出來。

你猜到了多少? (答案在文章末尾)

不同的色彩能觸發哪些不同的感受?

色彩對我們所產生的情緒觸動有的時候並不是那麼顯而易見。

所以,有的LOGO設計公司就想出了一個非常讚的方法來解決這個問題,

它們將不同品牌按照色彩和情緒進行了細分。看看下面的案例:

黑色:

black
綠色:

green
藍色:

blue

單純的文字表述可能不是那麼直觀,那麼看看各大品牌都是怎麼運用色彩的。

這些歸納很好地解釋了這些品牌都在尋求什麼樣的情緒觸發:

色彩的影響非常大,而當你想買東西的時候,這種作用就更加明顯了。

上面那個信息圖就是出自數據分析公司 KISSmetrics 之手,

其中品牌用色和所觸發的情緒清晰地表明了品牌色對於用戶購買趨勢的影響。

其中綠色的部分讓我印象最深刻,這種令人放鬆的色彩更容易讓人下單。

Buffer 的綠色色調並非我們刻意選取的,但是實際效果看起來好像也非常的不錯。

再仔細看看,其實也很容易明白為何奢侈品品牌大多會選擇黑色作為主色調。

下面是完整的信息圖:

0-gcKglFEH57fr1iFT

如何更好地用色彩來強化營銷效果

色彩的玩法看起來頗為娛樂化,那麼它們對於現如今的網站和APP有著怎樣的作用呢?

我們還是從 KISSmetrics 的研究結果中來尋找答案。

如果你所搭建的APP主要是針對女性用戶的話,那麼KISSmetrics 建議你:

0-T8V_nRhCw7hNErUK

女性喜歡:藍色、紫色、綠色
女性討厭:橙色、棕色、灰色

如果你的APP主要針對男性用戶的話,那麼這個時候遊戲規則又不一樣了:

0-EbroTYBXm--xgUSj
男性喜歡:藍色、綠色、黑色
男性討厭:棕色、橙色、紫色

在另外一個名為 Performable(現在名為HubSpot)的實驗也很有意思,

實驗人員旨在通過更換按鈕顏色來測試轉化率。

最開始,他們選取了紅色和綠色兩種色彩進行測試,並試圖對用戶的反應和測試結果進行簡單的假設。

對於綠色,他們直覺上是這麼認為的:

「綠色通常同『自然』和『環境』的概念聯繫到一起,考慮到它常常會在交通燈上使用,

它本身還帶有『走』和『前進』的含義。」

對於紅色,他們的認知是這樣的:

「紅色通常會同『興奮』、『激情』、『警告』和『血液』聯繫到一起。

作為紅綠燈上最常見的部分,它往往暗含『禁止』的含義,非常容易抓住人的注意力。」

這樣一來,在針對紅色和綠色的A/B測試中,綠色往往因為給人感覺更為友好而取勝。

至少大家都是這麼覺得的。他們的測試是這麼做的:

那麼這個測試結果最終怎麼樣呢?結果會讓你大吃一驚:

0-TyYlxNOxBMfedqbM

紅色比綠色按鈕的點擊量要高21%。

最值得注意的是,除了按鈕的色彩之外,測試中其他的元素都是一模一樣的,

也就是說,這種差異實際上就是色彩不同造成的。

這些研究讓我不得不陷入思考。如果我們根據之前所有的研究結果和經驗總結,

向每一個研究人員和用戶體驗設計師提問,我敢肯定,幾乎所有人都會說綠色的效果會更好。但是事實並非如此。

在Buffer 團隊中,我們曾經嘗試過將按鈕換成幾十種不同的色彩,並針對其轉化率一一進行測試。

雖然最終的結果並不夠明晰,但是我們還是能夠看到不同色彩的效果差異巨大。

儘管相關的研究非常多,但是要總結出一個非常系統的規律,還是很難的。

不論你的測試的變量是什麼,那麼先做假設,再進行測試驗證。

就我個人而言,我傾向於根據我的想法和相關的研究去進行假設和試驗,

但是不論如何,數據總比觀點和想法更能說明問題。

為何超鏈接是藍色

0-gc2EF7HJxvWrsfy9

其實這個問題的答案並不傳奇,只是最初的網站背景多為灰色,

而灰色背景和藍色的超鏈接擁有著絕佳的對比度。

當然,還有更為完整的解釋:

「Tim Berners-Lee 是互聯網的主要發明者,他被認為是提出藍色超鏈接這一方案的人。

最早的瀏覽器Mosaic 所顯示的網頁通常是灰色的背景和黑色的文字。

當時瀏覽器能顯示的最深的色彩除了黑色就是藍色,

因此,為了確保鏈接的識別度還要和文本去分開,就讓超鏈接以藍色來顯示。」

色彩是設計和營銷中最重要的工具,也是最迷人的部分,只需要稍加改變就能帶來截然不同的結果。

開頭測試的答案:
1、 Facebook 2、 Google 3、 Flickr 4、 LinkedIn

原文出處/優設網
arrow
arrow
    全站熱搜

    TC Incubator 發表在 痞客邦 留言(0) 人氣()