“ 顏色不僅僅是裝飾工具還是用戶體驗(yàn)的核心要素之一 ”
舉一個(gè)很簡單的例子：你給某個(gè)公司做了一個(gè)網(wǎng)站，頁面的視覺和交互都是根據(jù)之前定的線框圖設(shè)計(jì)的，但是客戶卻不滿意，然而他們也說不出來為什么不滿意。很可能就是顏色出了問題，不同的顏色會(huì)喚起人們不同的情緒，有些是因?yàn)閭€(gè)人偏好，有些是因?yàn)樾睦硪蛩?，也有一些是因?yàn)樯鐣?huì)規(guī)范文化差異，了解這些趨勢(shì)和用戶偏好會(huì)極大的影響用戶體驗(yàn)。
以下幾點(diǎn)都是你需要了解的
??
1 用戶期望和偏好
用戶體驗(yàn)從使用你產(chǎn)品的用戶類型開始，用戶居住的地區(qū)和他們的性別影響著他們基于顏色對(duì)你設(shè)計(jì)的看法。（可以查閱更多關(guān)于文化差異性對(duì)于顏色的影響的文章）
顏色對(duì)用戶體驗(yàn)的影響之一就是與性別有關(guān)，研究表明，男性和女性都有比較喜歡和不喜歡的顏色。
男性比較傾向于暗色系和飽和度比較高的網(wǎng)站，就像上面??這個(gè)例子
女性更傾向于淺色系，飽和度更低一點(diǎn)的較柔和的網(wǎng)站，就像上面??這個(gè)例子
男性對(duì)使用淡粉色、紫色和黃色這種太女性化用色的網(wǎng)站比較不能接受，而女性則比較難以接受，像黑色背景加上飽和度很高的紅色這種比較嚴(yán)肅的配色方案。中性色，是接受度最高的～
2 顏色聯(lián)想與意義
顏色雖然不是一門精準(zhǔn)的科學(xué)，但顏色有相當(dāng)明顯的情感聯(lián)系。注意，有些顏色可能屬于特別極端的類別。這些關(guān)聯(lián)往往與其他設(shè)計(jì)元素一起營造整體氛圍。當(dāng)用戶看到某種顏色或顏色組合時(shí)，大腦會(huì)立即產(chǎn)生反應(yīng)。
紅色：力量，危險(xiǎn)，愛/激情，饑餓
黃色：能量，幸福，陽光，溫暖
橙色：創(chuàng)造力，決心，刺激，鼓勵(lì)
綠色：自然，成長，和諧，新鮮
藍(lán)色：信心，信任，寧靜，冷靜
紫色：夢(mèng)幻，尊貴，野心，獨(dú)立
3 建立品牌識(shí)別
在你的預(yù)期中，可口可樂的設(shè)計(jì)元素是紅色的，顏色是品牌的代名詞，因此可口可樂的紅也被稱為“可樂紅”。改變顏色，品牌識(shí)別度就會(huì)變?nèi)?，用戶不能立馬識(shí)別出來。不能即時(shí)感知，從而導(dǎo)致他們可能覺得可樂的味道也不一樣。
以上所有的感受都來自于顏色的改變，當(dāng)你看到一張綠色的可口可樂品牌照片時(shí)會(huì)對(duì)自己說“那是什么？”
顏色是品牌塑造中的一個(gè)重要元素，因?yàn)樗麆?chuàng)造了用戶與品牌之間獨(dú)特的聯(lián)系。顏色詮釋了品牌的含義，并讓用戶感知到他們參與的是什么事情。
改變顏色和使用品牌元素之外的東西，用戶體驗(yàn)就會(huì)變的很糟糕，因?yàn)檫@會(huì)使用戶突然對(duì)他們熟悉的品牌變的很困惑。
4 用戶模式連接到顏色
你是否注意到有多網(wǎng)站都使用紅色或橙色按鈕？這是有原因的。紅色和橙色往往能從淺色或深色的背景中凸顯出來，明亮的按鈕和背景會(huì)形成一個(gè)鮮明的對(duì)比，這樣有助于用戶查找、理解并快速跳轉(zhuǎn)，因?yàn)樗麄兛梢院苤庇^的感受到點(diǎn)擊該按鈕可以得到他們的結(jié)果是什么。用戶體驗(yàn)的一個(gè)關(guān)鍵點(diǎn)是，為用戶提供他們喜歡和便于他們理解的交互形式。
5 提高轉(zhuǎn)化率
在設(shè)計(jì)過程中嘗試使用A/B測試，可能會(huì)發(fā)現(xiàn)一種顏色的轉(zhuǎn)化率明顯高于另一種顏色。（它可能不是你期望的顏色。）當(dāng)按鈕或鏈接的顏色與設(shè)計(jì)的其他部分形成鮮明對(duì)比時(shí)，轉(zhuǎn)化率往往會(huì)增加。因此，當(dāng)您想要使用品牌色時(shí)，選擇對(duì)比色是有助于用戶體驗(yàn)的轉(zhuǎn)化。
請(qǐng)看下面的網(wǎng)站一分鐘。哪個(gè)顏色按鈕最有可能讓你點(diǎn)擊？（原始顏色為藍(lán)色。）
6 為所有用戶提供可訪問性
顏色會(huì)影響用戶體驗(yàn)，因?yàn)樗梢允乖O(shè)計(jì)可訪問或不可訪問。為了讓每個(gè)人都充分理解設(shè)計(jì)，并參與其中，他們必須能夠輕松訪問網(wǎng)站。使用符合Web內(nèi)容可訪問性指南(WCAG 2.1)的色板和對(duì)比度可以確保每個(gè)用戶都能理解你選擇的顏色。
使用色盲過濾器，來模擬其他用戶在瀏覽你的網(wǎng)站時(shí)可能會(huì)看到什么，會(huì)產(chǎn)生什么樣的影響。
結(jié)論
把顏色作為一個(gè)可以幫助用戶在設(shè)計(jì)中獲得更好的互動(dòng)和體驗(yàn)的工具，它可以在情感化和可用性上影響用戶體驗(yàn)。
A/B測試是一個(gè)很有價(jià)值的工具，通過A/B測試可以很好的檢驗(yàn)?zāi)囊环N顏色有助于提升用戶體驗(yàn)。
英文原版地址：https://www.webdesignerdepot.com/2019/07/how-color-impacts-ux/?ref=webdesignernews.com
歡迎關(guān)注微信公眾號(hào)：菠蘿方舟
