“ 顏色不僅僅是裝飾工具還是用戶體驗(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):菠蘿方舟