“ 顏色不僅僅是裝飾工具還是用戶體驗的核心要素之一 ”

舉一個很簡單的例子：你給某個公司做了一個網(wǎng)站，頁面的視覺和交互都是根據(jù)之前定的線框圖設計的，但是客戶卻不滿意，然而他們也說不出來為什么不滿意。很可能就是顏色出了問題，不同的顏色會喚起人們不同的情緒，有些是因為個人偏好，有些是因為心理因素，也有一些是因為社會規(guī)范文化差異，了解這些趨勢和用戶偏好會極大的影響用戶體驗。

以下幾點都是你需要了解的

??

1 用戶期望和偏好

用戶體驗從使用你產(chǎn)品的用戶類型開始，用戶居住的地區(qū)和他們的性別影響著他們基于顏色對你設計的看法。（可以查閱更多關于文化差異性對于顏色的影響的文章）

顏色對用戶體驗的影響之一就是與性別有關，研究表明，男性和女性都有比較喜歡和不喜歡的顏色。

男性比較傾向于暗色系和飽和度比較高的網(wǎng)站，就像上面??這個例子

女性更傾向于淺色系，飽和度更低一點的較柔和的網(wǎng)站，就像上面??這個例子

男性對使用淡粉色、紫色和黃色這種太女性化用色的網(wǎng)站比較不能接受，而女性則比較難以接受，像黑色背景加上飽和度很高的紅色這種比較嚴肅的配色方案。中性色，是接受度最高的～

2 顏色聯(lián)想與意義

顏色雖然不是一門精準的科學，但顏色有相當明顯的情感聯(lián)系。注意，有些顏色可能屬于特別極端的類別。這些關聯(lián)往往與其他設計元素一起營造整體氛圍。當用戶看到某種顏色或顏色組合時，大腦會立即產(chǎn)生反應。

紅色：力量，危險，愛/激情，饑餓

黃色：能量，幸福，陽光，溫暖

橙色：創(chuàng)造力，決心，刺激，鼓勵

綠色：自然，成長，和諧，新鮮

藍色：信心，信任，寧靜，冷靜

紫色：夢幻，尊貴，野心，獨立

3 建立品牌識別

在你的預期中，可口可樂的設計元素是紅色的，顏色是品牌的代名詞，因此可口可樂的紅也被稱為“可樂紅”。改變顏色，品牌識別度就會變弱，用戶不能立馬識別出來。不能即時感知，從而導致他們可能覺得可樂的味道也不一樣。

以上所有的感受都來自于顏色的改變，當你看到一張綠色的可口可樂品牌照片時會對自己說“那是什么？”

顏色是品牌塑造中的一個重要元素，因為他創(chuàng)造了用戶與品牌之間獨特的聯(lián)系。顏色詮釋了品牌的含義，并讓用戶感知到他們參與的是什么事情。

改變顏色和使用品牌元素之外的東西，用戶體驗就會變的很糟糕，因為這會使用戶突然對他們熟悉的品牌變的很困惑。

4 用戶模式連接到顏色

你是否注意到有多網(wǎng)站都使用紅色或橙色按鈕？這是有原因的。紅色和橙色往往能從淺色或深色的背景中凸顯出來，明亮的按鈕和背景會形成一個鮮明的對比，這樣有助于用戶查找、理解并快速跳轉，因為他們可以很直觀的感受到點擊該按鈕可以得到他們的結果是什么。用戶體驗的一個關鍵點是，為用戶提供他們喜歡和便于他們理解的交互形式。

5 提高轉化率

在設計過程中嘗試使用A/B測試，可能會發(fā)現(xiàn)一種顏色的轉化率明顯高于另一種顏色。（它可能不是你期望的顏色。）當按鈕或鏈接的顏色與設計的其他部分形成鮮明對比時，轉化率往往會增加。因此，當您想要使用品牌色時，選擇對比色是有助于用戶體驗的轉化。

請看下面的網(wǎng)站一分鐘。哪個顏色按鈕最有可能讓你點擊？（原始顏色為藍色。）

6 為所有用戶提供可訪問性

顏色會影響用戶體驗，因為它可以使設計可訪問或不可訪問。為了讓每個人都充分理解設計，并參與其中，他們必須能夠輕松訪問網(wǎng)站。使用符合Web內容可訪問性指南(WCAG 2.1)的色板和對比度可以確保每個用戶都能理解你選擇的顏色。

使用色盲過濾器，來模擬其他用戶在瀏覽你的網(wǎng)站時可能會看到什么，會產(chǎn)生什么樣的影響。

結論

把顏色作為一個可以幫助用戶在設計中獲得更好的互動和體驗的工具，它可以在情感化和可用性上影響用戶體驗。

A/B測試是一個很有價值的工具，通過A/B測試可以很好的檢驗哪一種顏色有助于提升用戶體驗。

英文原版地址：https://www.webdesignerdepot.com/2019/07/how-color-impacts-ux/?ref=webdesignernews.com

歡迎關注微信公眾號：菠蘿方舟