當(dāng)前位置：新聞中心營(yíng)銷型網(wǎng)站專題網(wǎng)站建設(shè)中顏色如何影響用戶體驗(yàn)？

12-202009

觀點(diǎn)

網(wǎng)站建設(shè)中顏色如何影響用戶體驗(yàn)？

2009-12-20 營(yíng)銷型網(wǎng)站專題

顏色影響著一切，從用戶與設(shè)計(jì)進(jìn)行交互時(shí)的感覺(jué)，使用方式到能否完全看到和理解它，無(wú)所不包。很簡(jiǎn)單，顏色不只是裝飾工具。顏色對(duì)于網(wǎng)站建設(shè)用戶體驗(yàn)至關(guān)重要。

讓我們從一個(gè)常見(jiàn)的例子開始：您剛剛為某人完成了一個(gè)網(wǎng)站設(shè)計(jì)。它的外觀和功能與線框完全相同。設(shè)計(jì)團(tuán)隊(duì)中的每個(gè)人都對(duì)該項(xiàng)目表示贊賞?？蛻粲憛捤?，但他們無(wú)法解釋原因。

罪魁禍?zhǔn)卓赡苁穷伾?。不同的顏色?huì)喚起強(qiáng)烈的情緒，使人們對(duì)其產(chǎn)生敏銳的反應(yīng)。這部分是個(gè)人喜好，部分是心理，甚至部分是社會(huì)規(guī)范。了解這些趨勢(shì)和用戶偏好會(huì)極大地影響用戶體驗(yàn)。

這是您需要知道的。

用戶期望和偏好

用戶體驗(yàn)始于您的網(wǎng)站或應(yīng)用程序針對(duì)的用戶類型。用戶所居住的基本人口統(tǒng)計(jì)信息（例如性別或居住地區(qū)）可能會(huì)影響他們對(duì)基于顏色的設(shè)計(jì)的感知。（您可以在此處閱讀有關(guān)顏色和文化注意事項(xiàng)的更多信息。）

顏色對(duì)用戶體驗(yàn)的最有趣的影響之一與性別有關(guān)。研究表明，男人和女人傾向于喜歡和不喜歡某些類型的顏色。

人們傾向于與具有深色設(shè)計(jì)方案和更飽和色彩的網(wǎng)站進(jìn)行更多交互，例如上面的VLNC Studio設(shè)計(jì)。

女性往往更喜歡與設(shè)計(jì)方案更淺，調(diào)色板更柔和的網(wǎng)站進(jìn)行交互，例如下面的Tally。

有些人對(duì)使用明顯女性化的顏色（例如柔和的粉紅色，紫色和黃色）的網(wǎng)站產(chǎn)生了強(qiáng)烈的反應(yīng)。

具有嚴(yán)酷配色方案的網(wǎng)站（例如深色背景和完全飽和的紅色點(diǎn)綴）傾向于讓更多的女性望而卻步。

中間色調(diào)調(diào)色板最適合所有人。

顏色關(guān)聯(lián)和含義

雖然這不是一門精確的科學(xué)，但是色彩具有相當(dāng)不同的情感聯(lián)想。請(qǐng)注意，某些顏色可能屬于極端類別。這些關(guān)聯(lián)傾向于與其他設(shè)計(jì)元素一起創(chuàng)建整體氛圍。

當(dāng)用戶看到某種顏色或顏色組合時(shí)，它會(huì)在大腦中立即產(chǎn)生反應(yīng)。

紅色：力量，危險(xiǎn)，愛(ài)/激情，饑餓

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

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

綠色：自然，成長(zhǎng)，和諧，新鮮

藍(lán)色：信心，信任，寧?kù)o，鎮(zhèn)定

紫色：魔術(shù)，皇室，野心，獨(dú)立

您期望可口可樂(lè)的設(shè)計(jì)元素為紅色。顏色與品牌同義，因此被稱為“可樂(lè)紅”。更改顏色會(huì)使品牌混亂。您無(wú)法立即識(shí)別它。用戶感到不快，并且沒(méi)有以預(yù)期的方式做出反應(yīng)。該飲料甚至看起來(lái)味道不同。

所有這些感覺(jué)都來(lái)自改變顏色。當(dāng)您看到帶有綠色可口可樂(lè)品牌的第一張圖片時(shí)，您可能會(huì)覺(jué)得自己在說(shuō)“什么？”。

它影響了品牌向前發(fā)展時(shí)的用戶體驗(yàn)。

顏色是品牌塑造中的重要元素，因?yàn)樗梢栽谟脩艉驮O(shè)計(jì)之間建立獨(dú)特的聯(lián)系。顏色告訴用戶品牌的含義。它告訴用戶他們將要從事的事情。

更改顏色或使用其他品牌，用戶訪問(wèn)體驗(yàn)會(huì)受到影響，因?yàn)榫W(wǎng)站訪問(wèn)者突然對(duì)他們以為知道的品牌感到困惑或不確定。

用戶圖案連接到顏色

您是否注意到有多少網(wǎng)站使用紅色或橙色按鈕？

這是有原因的。

與網(wǎng)站背景形成鮮明對(duì)比的明亮按鈕-紅色和橙色通常會(huì)在淺色或深色背景中脫穎而出。可以幫助用戶找到，理解并希望與可單擊或可點(diǎn)擊元素進(jìn)行互動(dòng)，因?yàn)樗麄冊(cè)谝曈X(jué)上立即知道他們對(duì)該元素的期望。

用戶體驗(yàn)的關(guān)鍵部分是為用戶提供輕松的互動(dòng)機(jī)會(huì)，使他們享受并理解。

Cruise使用帶有紅色文本和紅色懸停狀態(tài)的幻影樣式按鈕。與傳統(tǒng)的純色按鈕不同，但是如何交互卻沒(méi)有什么問(wèn)題。顏色將用戶吸引到該按鈕。

Net Bluez對(duì)導(dǎo)航菜單中最重要的元素使用了亮橙色按鈕。請(qǐng)注意，該元素如何趨于從屏幕上跳出并被單擊。

提高轉(zhuǎn)化率

在設(shè)計(jì)過(guò)程中挑戰(zhàn)A / B測(cè)試按鈕的顏色。您可能會(huì)發(fā)現(xiàn)一種顏色的轉(zhuǎn)換率明顯高于另一種顏色。（它可能不是您期望的顏色。）

當(dāng)按鈕或鏈接的顏色與設(shè)計(jì)的其余部分形成鮮明對(duì)比時(shí)，轉(zhuǎn)換率往往會(huì)增加。因此，當(dāng)您要使用品牌調(diào)色板時(shí)，選擇對(duì)比色是產(chǎn)生有助于整體用戶體驗(yàn)的轉(zhuǎn)化的關(guān)鍵。

請(qǐng)看下面的網(wǎng)站一分鐘。哪種顏色的按鈕最有可能使您單擊？（原始顏色為藍(lán)色。）

為所有用戶提供可訪問(wèn)性

最后，顏色以一種非情感或植根于心理學(xué)的方式影響用戶體驗(yàn)。比這實(shí)際得多。

顏色會(huì)影響用戶體驗(yàn)，因?yàn)樗梢允乖O(shè)計(jì)不可訪問(wèn)。

為了使每個(gè)人都能充分理解設(shè)計(jì)并與內(nèi)容互動(dòng)，他們必須能夠輕松查看和閱讀設(shè)計(jì)。使用符合“ Web內(nèi)容可訪問(wèn)性準(zhǔn)則”（WCAG 2.1）的調(diào)色板和對(duì)比度，可以確保每個(gè)用戶都能理解您的顏色選擇。

使用色盲過(guò)濾器（例如下面的比較中的過(guò)濾器）可幫助模擬其他用戶在您訪問(wèn)網(wǎng)站時(shí)可能看到的內(nèi)容。這如何影響可用性？

結(jié)論

將顏色視為一種工具，可以幫助用戶更好地進(jìn)行交互并體驗(yàn)?zāi)W(wǎng)站上的內(nèi)容。它會(huì)在情感和可用性級(jí)別上影響用戶體驗(yàn)。

找出顏色是否以正確的方式影響用戶體驗(yàn)的關(guān)鍵是通過(guò)用戶測(cè)試。A / B顏色測(cè)試可能是一個(gè)有價(jià)值的工具。

上一篇：2019年50個(gè)??最佳網(wǎng)站建設(shè)欣賞返回觀點(diǎn)列表下一篇：如何在不激怒用戶的情況下向您的網(wǎng)站添加獨(dú)特創(chuàng)意？

本文標(biāo)簽：

本文地址： http://www.bmwdream.cn/a/634.html

相關(guān)專題

品牌官網(wǎng)設(shè)計(jì)
杭州派迪科技為高端客戶提供品牌官網(wǎng)咨詢策劃，品牌官網(wǎng)設(shè)計(jì)，品牌官網(wǎng)建設(shè)開發(fā)服務(wù)，以國(guó)際化視野和標(biāo)準(zhǔn)為基礎(chǔ)，為各行業(yè)領(lǐng)軍品牌提供高端企業(yè)網(wǎng)站定制、策劃、設(shè)計(jì)、互動(dòng)與制作
查看詳情
大策略營(yíng)銷門戶網(wǎng)站
杭州派迪科技有自己的營(yíng)銷型網(wǎng)站CMS系統(tǒng)，適合白帽SEO網(wǎng)站。特別對(duì)大策略的營(yíng)銷型門戶網(wǎng)站制作有一定的經(jīng)驗(yàn)，曾經(jīng)為上海天擎外貿(mào)行業(yè)網(wǎng)站、浙江兆龍營(yíng)銷型門戶、先臨三維門戶營(yíng)銷網(wǎng)站提供全程的技術(shù)支持及SEO優(yōu)化指導(dǎo)
查看詳情
集團(tuán)/上市公司網(wǎng)站
杭州派迪科技為杭州本地集團(tuán)公司提供網(wǎng)頁(yè)設(shè)計(jì)、制作、開發(fā)服務(wù)，為集團(tuán)公司網(wǎng)站建設(shè)提供了響應(yīng)式、營(yíng)銷型、品牌型、門戶型網(wǎng)站建設(shè)需求，歡迎廣大集團(tuán)公司客戶咨詢
查看詳情
外貿(mào)網(wǎng)站建設(shè)
杭州派迪科技為高端客戶提供外貿(mào)網(wǎng)站咨詢策劃，外貿(mào)官網(wǎng)設(shè)計(jì)，外貿(mào)官網(wǎng)建設(shè)開發(fā)服務(wù)，以谷歌搜索引起算法為基礎(chǔ)，為各行業(yè)外貿(mào)公司提供高端企業(yè)外貿(mào)網(wǎng)站定制、策劃、設(shè)計(jì)、互動(dòng)與制作
查看詳情
企業(yè)網(wǎng)站建設(shè)
高端專業(yè)、令人印象深刻的用戶界面、易于訪問(wèn)——企業(yè)網(wǎng)站必須反映一切，因?yàn)榕傻峡萍荚谶@里提供幫助，憑借精湛的技術(shù)、豐富的經(jīng)驗(yàn)、與客戶的持續(xù)溝通以及對(duì)每一個(gè)細(xì)節(jié)的關(guān)注，我們確保在快速的周期時(shí)間內(nèi)提供優(yōu)質(zhì)的服務(wù)。
查看詳情
半定制網(wǎng)站
杭州派迪科技模板網(wǎng)站建設(shè)專題_各行業(yè)方案專題欄目提供各行業(yè)產(chǎn)品適合的網(wǎng)站建設(shè)方案,幫助企業(yè)了解派迪科技建站效果等信息,您可以通過(guò)本站了解各行業(yè)網(wǎng)站建設(shè)方案,如需要獲取本行業(yè)定制網(wǎng)站建設(shè)方案,可以聯(lián)系在線客服或撥打電話咨詢
查看詳情