網站上的色彩如何改善轉化率和用戶體驗

網站上的色彩如何改善轉化率和用戶體驗

找到合適的顏色可以幫助您提高目標受眾的轉化率。

例如,您知道每種顏色都代表一種情感嗎?繼續閱讀以找出代表每種情感的顏色,並觸發關鍵字。

最好是入選一家優秀的網頁設計公司,該公司瞭解出色的設計,並同時牢記色彩理論來構建優化的網站。例如,在英國布里斯托爾的本·史密斯(Ben Smith)是一位在現實世界中擁有圖形設計經驗的網頁設計師,對色彩心理學的理解適用於這種思維過程。如果您預算有限,或者想在自己的網站上探索色彩,可以按照以下提示和事實進行操作。

顏色含義:不僅僅是屏幕上的像素

紅色傳達了能量,行動:慾望,激情

橙色傳達冒險,冒險,對話,友誼,前瞻性思維

黃色傳達幸福與快樂,樂觀,負擔得起,自信,溝通,新觀念

藍色傳達溝通,值得信賴,和平,誠實,權威和智慧

紫色/紫色傳達出靈感,思想者,創造力,個人,潛意識

綠松石傳達溝通,平衡,成功,時尚,精英,昂貴

粉紅傳達愛,同情心,養育,理解,尊重,積極,啟發

銀傳達照明,前瞻性,現代,清晰,強大,能量,財富,昂貴,階級,公司

黃金傳達成功,勝利者,財富,昂貴,優雅,價值,質量,地位

白色傳達純真,乾淨,純淨,無壓力,繼續前進,清晰,現代

黑色傳達出神秘,神秘,奢華,黑暗,力量,控制,未知

顏色如何工作:瞭解什麼顏色可以一起使用

這些原色不能通過將其他顏色混合在一起來創建。

通過混合兩種原色形成第二色:藍色和黃色創建綠色,紅色和黃色創建橙色。

第三色是通過結合原色和第二色來實現的:藍綠色或紅色橙色。

互補色是彼此互補的顏色-它們位於色輪的另一端。這些包括藍色和橙色,紫色和黃色以及紅色和綠色。相似的顏色在色輪上彼此相鄰-匹配得很好,但是使用的顏色具有更多的色調/陰影,例如,紫羅蘭色,藍色紫羅蘭色,藍色,藍綠色,綠色

給人留下深刻的第一印象:您只有一次機會!

研究表明,人們在瀏覽您的網站後90秒鐘就做出了一個潛意識的決定,其中62%到90%的判斷僅基於顏色。

根據Kissmetrics的數據,色彩最多可將品牌知名度提高80%,因此對目標受眾進行研究並保持所有在線和線下促銷之間的品牌一致性非常重要。

細分:按性別和年齡劃分的顏色偏好

馬里蘭大學社會學家菲利普·科恩(Philip Cohen)進行的一項調查詢問了2,000名男女這個簡單的問題:

“什麼是你最喜歡的顏色?” 男性和女性最常使用的顏色是“藍色”。

請參閱下面按特定性別和年齡段分類的顏色。

男性和女性的顏色偏愛百分比

男裝

藍色-42%

綠色-25%

紅色-8%

深黃色-7%

黃色-5%

紫色-12%

淺紫色-1%

女裝

藍色-29%

綠色-19%

紅色-9%

淺紫色-7%

黃色-6%

深黃色-3%

紫色-2%

按百分比顯示的顏色偏愛19歲以下-55歲以上

19歲以下的青少年

木炭黑

牛仔藍

濺白

玉黑

赤紅色

橘橙

20至30歲的年輕人

卡羅琳·布魯(Caroline Blue)

石英銀

山核桃布朗

沙金

櫻桃紅

紫色茄子

成人30至40歲

牛津藍

粉藍色

格雷伯爵茶

暗紫紅色

翡翠綠

希瑟·紫色

40至55歲的中年

卵石黑

朦朧的灰色

煙燻藍綠色

杏粉

松綠色

潘通李子

55歲以上的老年人

淡紫色

淡米色

雪藍

冷淡的石灰

縐粉

蠟燭白

發揮創意:創建自己的調色板

無論您是對設計感興趣還是剛入門,都有一些不錯的在線工具可以幫助您節省測試組合的時間,從而打造出美觀的網站。例如:

Adobe Color和coolors.co-這些都是免費使用的,並提供了快速生成的示例,這些示例經過反覆測試和測試,供您立即使用。

不要害怕嘗試創建一個獨特的品牌。

證明:顏色轉換結果示例

HubSpot公開分享了他們進行的A / B測試結果,他們研究了色彩的影響以及與網站轉化的關係。

除創建了號召性用語按鈕外,其餘兩個頁面完全相同-一個頁面帶有綠色按鈕,另一頁面帶有紅色按鈕。Hubspot進行了實驗,他們對該頁面進行了2,000多次訪問。

在A / B測試結束時,綠色按鈕比紅色按鈕吸引了21%的點擊。

顏色結論:優化您的網站

色彩在網頁設計中非常重要-您應根據自己的目標受眾調整調色板,以取得最佳效果。

使用網站工具自動化調色板,但首先,A / B測試不同的組合以查看最適合您的調色板。

保持品牌一致性,以獲得更高的效果。


分享到:


相關文章: