哪種按鈕顏色轉換效果最好?
已發表: 2021-07-22顏色是我們體驗世界的重要組成部分。 但是顏色對於轉換優化真的很重要嗎? 按鈕顏色能否保證號召性用語 (CTA) 的更好性能?
沒有一種顏色比另一種更好。 最終,重要的是按鈕顏色與其周圍區域的對比程度。
這篇文章解釋了網站 CTA 和按鈕顏色的真正重要性。 您所閱讀的“確定性”研究遠非確定性的,並且膚淺的測試方法(即嘗試任何隨機按鈕顏色)不會幫助您構建嚴格的實驗程序。
轉化優化課程
調查問題只是轉換優化蛋糕中的一小部分。 在此免費課程中進一步深入了解如何優化您的所有轉化研究。
顏色的心理關聯
不同的顏色可以使我們振奮或使我們失望。 顏色還有心理方面的一面——某些顏色與不同的品質和情緒有關。
在不同的文化中,不同的顏色意味著矛盾的事物。 例如,白色在中國文化中是哀悼和死亡的顏色,而在巴西,死亡的顏色是紫色。 黃色在印度教中像徵幸福與和平,但在希臘代表悲傷,在法國代表嫉妒。
來自熱帶國家的人對暖色反應良好; 來自北方氣候的人更喜歡冷色調,等等。
也有人說,在北美文化中,藍色給人一種信任感,但也能激發食慾。 據說綠色意味著自然、新鮮、成長和金錢。 黃色帶來陽光和幸福。
這些解釋有一定道理,但我們能否將這些假設的關聯轉化為轉化提升?
顏色使用實驗
紅色能讓你成為贏家……
幾乎普遍地,紅色意味著停止。 紅色代表危險。 紅色意味著熱。 通過分析 2004 年奧運會的結果,研究人員發現紅色也意味著支配地位。
他們檢查了拳擊、跆拳道、希臘羅馬摔跤和自由式摔跤,基本上所有的一對一運動。 在這些運動中,參賽者被隨機分配紅色或藍色的服裝,因此不可能進行索具。
在 21 輪中的 16 輪中,穿紅色的人獲勝。 在 2004 年歐洲足球錦標賽中也發現了類似的趨勢。 研究人員謹慎地指出,這種影響充其量只是微妙的。 而紅色只能在勢均力敵的競爭對手中成為決定性因素——但它仍然存在。
達勒姆大學研究人員拉塞爾希爾和羅伯特巴頓寫道:“我們發現穿著紅色始終與更高的獲勝概率相關。”
……或者失敗者
羅切斯特大學的研究人員發現,紅色也會讓我們無法在測試中表現出最佳狀態。 在他們的實驗中,他們想知道對紅色的感知是否會影響智商測試或主要學術考試的結果。 在學術背景下,紅色傳統上與標記錯誤有關。
四項實驗表明,對顏色的短暫感知會對結果產生負面影響。 “它導致人們在不知情的情況下做得更糟,”作者之一埃利奧特說。
研究結果表明,“必須注意如何在成就環境中使用紅色,”研究人員報告說,“並說明顏色如何作為一種微妙的環境線索,對行為有重要影響。”
熱巧克力的顏色和味道
事實證明,盛放食物和飲料的容器的顏色有助於感知味道。 研究人員 Betina Piqueras-Fiszman 解釋說,至少對於喝熱巧克力來說,這是真的。
Piqueras-Fiszman 和她的研究夥伴讓 57 名參與者品嚐裝在四種不同顏色容器中的熱巧克力:白色、奶油色、橙色和紅色。 都是一樣的大小,裡面都是白色的。
參與者對橙色和奶油色杯子中的熱巧克力味道的評價更好。 然而,無論顏色如何,甜味和香氣都被判斷為相似。
Piqueras-Fiszman 承認:“沒有固定的規則說明在某種顏色或陰影的杯子中風味和香氣會增強。” “實際上,這取決於食物的類型,但事實是,當這種效果發生時,應該更加註意容器的顏色,因為它比人們想像的更有潛力。”
如果顏色可以影響我們的運動表現、學業成就和味覺感知,它是否也會影響我們點擊的決定?
CTA 按鈕的最佳顏色是什麼?
紅色可能會增加您在運動中獲勝的機會。 您的下一個熱巧克力在橙色杯中的味道可能會更好。 但這與網絡上的轉換有什麼關係? 紅色真的會給你的 CTA 按鈕帶來優勢嗎?
綠色與紅色:號召性用語按鈕戰爭
多年來,關於哪種顏色最適合您的 CTA 按鈕一直存在爭議。 Unbounce 宣布 CTA 按鈕的未來是“BOB”(大橙色按鈕)。
還有許多有趣的 A/B 測試案例研究,其中橙色或大部分為紅色的按鈕與其他顏色(通常是綠色)進行了測試。
仔細想想,綠色大多與積極情緒有關。 當交通燈變綠時,表示您可以開車。 反之,紅色。 顏色大多與負面情緒有關。
那你怎麼看? 哪種按鈕顏色獲勝? 以下是案例研究的內容。
案例研究 1
Dmix 寫了關於綠色和紅色按鈕顏色的測試。 在對 600 名受試者的測試中,他們發現當他們使用紅色按鈕時,轉化率增加了 34%。
案例研究 2
下一個測試由 HubSpot 提供。 他們在客戶站點上使用綠色和紅色按鈕進行了類似的測試。 他們進行了幾天的測試,總共進行了 2,000 多次訪問。
他們的結果? 紅色按鈕的性能比綠色按鈕高 21%。
案例研究 3
第三次測試由 VWO 提供。 他們的客戶是一家銷售手機和配件的電子商務網站。 他們在網站上測試了“立即購買”按鈕的顏色。 比賽包括一個帶有綠色文本的白色按鈕、帶有白色文本的綠色按鈕和帶有白色文本的紅色(深橙色)按鈕。
獲勝者是——你猜對了——紅色按鈕,這次轉化率提升了 5%。
案例研究 4
這項研究沒有比較紅色和綠色按鈕,而是著眼於橙色和藍色按鈕。 在他們的測試中,藍色按鈕獲勝,產生了 9% 的提升。
儘管藍色按鈕“令人不安”,但紅色或微紅色按鈕占主導地位,其他研究也支持這一趨勢。
然而,Peep 並沒有在這篇文章中寫下關於網頁設計中的顏色的以下內容:
我喜歡 Naomi Niles 的這條推文:
我完全同意。 這種敘述讓人們對測試的內容產生了錯誤的認識。 是的 - 有時顏色會影響結果 - 特別是當它影響視覺層次時,使號召性用語更加突出等等。 但“綠色 vs 橙色”並不是 A/B 測試的本質。 這是關於了解目標受眾。 進行研究和分析可能很乏味,而且絕對是一項艱苦的工作,但這是您需要做的事情。
為了大幅提升您的轉化率,您需要進行轉化研究。 你需要做繁重的工作。
轉化率的顯著提高並非來自心理詭計,而是來自分析客戶真正需要的東西、與他們產生共鳴的語言以及他們想要購買的方式。 這是關於總報價的相關性和感知價值。
為什麼你應該對按鈕顏色案例研究持懷疑態度
讓我們看一下最後一個例子,這將有助於使這更有意義。 RIPT Apparel 測試了他們“立即購買”按鈕的顏色,看看它是否會對他們的底線產生任何影響。
這是原始版本:
這是新按鈕:
毫不奇怪,轉換數字上升了。 看看之前的案例,可以說如果他們將按鈕更改為紅色,它可能會轉換得更好。 嗯,不完全是。
再看一遍原文。 您是否看到了應該存在但不存在的東西? 原來少了一個按鈕! “立即購買”CTA 在設計中消失了。 無論是綠色、紅色、黃色還是幾種顏色中的任何一種,您都可以清楚地看到新按鈕。
不幸的是,這就是按鈕顏色的巨大爭議是如何開始的。 您會看到驚人的結果,表明一種顏色總是能轉化為最好的顏色。 也就是說,直到你仔細觀察。
通常情況下,這些測試表明,以前沒有按鈕,或者按鈕更加突出。 它從頁面的其餘部分中脫穎而出並且轉換得更好,因為它是一種高對比度的顏色,而不是任何單一顏色。
運行藍色與橙色按鈕測試的 Monetate 有這樣的說法:
但是,如果您深入研究結果,您會發現橙色按鈕幾乎總是針對完全沒有按鈕的控件進行測試。 在這種情況下,橙色按鈕有所作為也就不足為奇了。 他們當然會……與根本沒有按鈕相比! 實際上,無論顏色如何,任何按鈕都會有所作為。
對於 RIPT Apparel,他們測試了一個最終版本,帶有一個黃色按鈕:
轉化率進一步上升了 6.3%。 所以黃色勝過綠色? 不不不。
CTA 按鈕顏色本身幾乎沒有區別
按鈕的顏色本身幾乎沒有影響。 更重要的是它如何改變頁面的視覺層次結構以及如何使號召性用語脫穎而出。
這也取決於我們習慣看到什麼。 Bing 通過為他們的鏈接找到確切的藍色顏色,增加了 8000 萬美元的收入。 人們習慣於看到藍色鏈接。 當萬維網剛出現時,藍色是鏈接的顏色。 (從事此工作的微軟工程師也承認“......這是一種與穀歌使用的非常相似的藍色陰影。”)
沒有最適合轉換的顏色。 在黃色按鈕的情況下,他們還增加了緊迫性(“24 小時內只需 10 美元”),這已經一次又一次地被證明可以提高轉化率。 在 Bing 和 blue 的情況下,這是約定俗成的力量。
返回 HubSpot
HubSpot 的例子也是如此。 再看一遍:
您是否注意到任何可能導致紅色按鈕成為更好選擇的地方? 頁面的整體設計中的某些內容?
綠色是網站的主色調之一! 當你在混音中添加一個綠色按鈕時會發生什麼? 它不會脫穎而出。 他們本可以針對幾乎任何其他明亮顏色測試綠色,並且會看到相同的“驚人”結果。
值得稱讚的是,HubSpot 在案例研究中表示,他們“無法將這些結果推廣到所有情況”。 但是,頁面上的綠色按鈕是否具有占主導地位的綠色設計? 真的嗎?
結論
顏色對您的號召性用語很重要。 但是說一種顏色比另一種顏色轉換得更好是不成立的。 沒有通用的最佳顏色。 在一個網站上有效的東西不一定在另一個網站上也有效。
視覺層次很重要。 讓您的 CTA 按鈕以高對比度的顏色脫穎而出也是如此。 “綠色與紅色”的爭論不是關於顏色本身,而是關於顏色是否有助於按鈕脫穎而出。
特色圖片來源