顏色如何影響用戶體驗(yàn)

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

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 譯者心得: 也許是因?yàn)槲以谝曈X設(shè)計(jì)上沒有太多經(jīng)驗(yàn),我發(fā)現(xiàn)平常在與視覺設(shè)計(jì)師討論設(shè)計(jì)方案時(shí),我們常常討論的是:“我覺...
    ux2017閱讀 2,064評(píng)論 1 33
  • 由8月20日第六屆人本設(shè)計(jì)大會(huì)組委會(huì)編撰發(fā)布。 很多人都把用戶體驗(yàn)看作是網(wǎng)站或應(yīng)用成功與否的一個(gè)總體衡量標(biāo)準(zhǔn)。分析...
    Sting閱讀 4,969評(píng)論 1 39
  • 《用戶體驗(yàn)要素》 第一章 用戶體驗(yàn)為什么如此重要 什么是用戶體驗(yàn)?zāi)?用戶體驗(yàn)并不是指...
    白夜不行閱讀 1,234評(píng)論 0 9
  • 第二章相識(shí) 進(jìn)了高中第一天,班主任LP老師排好座位,他就坐在我前桌,當(dāng)時(shí)他的同桌小江是我幼兒園同學(xué)小學(xué)同學(xué)外加初中...
    回憶錄的小馬甲閱讀 260評(píng)論 0 1
  • 1. 認(rèn)識(shí)這個(gè)詞(基礎(chǔ)篇) 詞:trouble 英英釋義:to cause inconvenience or di...
    Ph1_Joycelj閱讀 217評(píng)論 0 0