密蘇里科技大學(xué)的一項(xiàng)研究表明，超過94%的用戶對(duì)網(wǎng)站的第一印像都與設(shè)計(jì)有關(guān)。研究還顯示，高達(dá)88%的用戶由於網(wǎng)站可用性問題而不會(huì)再次訪問。

如果你認(rèn)為設(shè)計(jì)網(wǎng)站只需要具備良好的技術(shù)和審美技能，那就大錯(cuò)特錯(cuò)了。雖然審美很重要（畢竟是2016年?。@並非網(wǎng)站成功的唯一因素，甚至不是最重要的因素。可用性至關(guān)重要，在設(shè)計(jì)網(wǎng)站時(shí)，牢記以下心理學(xué)原則，才能打造更強(qiáng)大的網(wǎng)站。

關(guān)鍵要點(diǎn)

• 上下文在用戶體驗(yàn)設(shè)計(jì)中至關(guān)重要。不要為了創(chuàng)新而打破既定的用戶體驗(yàn)?zāi)Ｊ?。由於反?fù)接觸這些元素，用戶期望某些元素出現(xiàn)在特定位置或順序。
• 巧妙運(yùn)用圖像可以引導(dǎo)用戶的注意力。一張人物圖像，如果焦點(diǎn)放在頁(yè)面上的文字上，就會(huì)引導(dǎo)人們關(guān)注文字；而指向註冊(cè)表單的箭頭，則會(huì)引導(dǎo)人們關(guān)注該註冊(cè)表單。
• 徹底的重新設(shè)計(jì)可能會(huì)導(dǎo)致用戶抵制變化而產(chǎn)生負(fù)面反應(yīng)。相反，應(yīng)逐步進(jìn)行細(xì)微的重新設(shè)計(jì)，並在過程中積極收集反饋。
• 字號(hào)和簡(jiǎn)潔性會(huì)影響讀者的情緒。更大、更簡(jiǎn)潔的字體可以改善讀者的情緒，並使說明看起來更容易執(zhí)行。不同的字號(hào)也可以用來使某些文本元素脫穎而出。

原則一：上下文在用戶體驗(yàn)中至關(guān)重要

你看到上面的是什麼？數(shù)字還是字母？ 13還是B？

仔細(xì)觀察上圖。你看到了什麼？ A B C，對(duì)吧？好的，現(xiàn)在看看下面的圖片：

你可能看到的是12、13、14，對(duì)吧？

以下是上面兩張圖片提取自的原始圖片：

圖片版權(quán)

在第一個(gè)例子中，你可能會(huì)看到13或B，這取決於你之前的經(jīng)驗(yàn)或先有觀念。在第二個(gè)例子中，你不太可能看到A 13 C，因?yàn)锳在有爭(zhēng)議的B之前，C在它之後，這影響了你對(duì)它的感知。換句話說，你肯定認(rèn)為它是B，而不是13。

然而，在第三個(gè)例子中，你不太可能看到12 B 14，因?yàn)?2和14影響了你對(duì)事物的感知——如果12排在前面，14排在後面，當(dāng)然，中間有爭(zhēng)議的“東西”一定是13而不是B，對(duì)吧？

雖然上面的例子比較直接，但這裡還有一個(gè)更微妙的例子：

圖片版權(quán)

你看到的是兩張臉還是一個(gè)花瓶？

如果你最近的經(jīng)驗(yàn)是與人打交道，你很可能會(huì)看到兩張臉；如果你剛花了很多時(shí)間與花瓶打交道，你更有可能看到一個(gè)花瓶。

本節(jié)中使用的例子解釋了知覺設(shè)定理論。

在心理學(xué)中，知覺設(shè)定理論是指我們根據(jù)期望和可能已經(jīng)擁有的信息以某種方式感知信息的一種傾向。知覺設(shè)定通常受文化、背景或我們先前接觸過的其他信息/情況的影響。

知覺設(shè)定的好處是可以被影響；在本節(jié)中顯示的第二張圖片中，如果你只看到12和14，你就會(huì)自動(dòng)假設(shè)有爭(zhēng)議的“數(shù)字”是13。如果你看到A和C，你就會(huì)自動(dòng)假設(shè)有爭(zhēng)議的“字母”是B。但是，如果你只看到有爭(zhēng)議的數(shù)字/字母，你就會(huì)根據(jù)你的經(jīng)驗(yàn)和現(xiàn)有的先有觀念看到數(shù)字或字母。

那麼，這如何應(yīng)用於你的網(wǎng)站設(shè)計(jì)呢？

再看看這個(gè)：

兩張圖片都包含相同的文字，並宣傳相同的商品。唯一改變的是嬰兒圖像的位置；在原始示例中，嬰兒向前看。結(jié)果，更多的人關(guān)注嬰兒的目光。然而，在第二個(gè)例子中，嬰兒側(cè)身看著；反過來，相當(dāng)一部分人將目光轉(zhuǎn)向側(cè)面——嬰兒目光所指的方向。

以下還有兩個(gè)例子可以驗(yàn)證相同的原則：

下圖顯示圖片中的女士正注視著你：

下圖顯示圖片中的女士正注視著產(chǎn)品：

圖片版權(quán)

這如何應(yīng)用於你的網(wǎng)站設(shè)計(jì)呢？

用戶體驗(yàn)原則：確保你的圖像使用具有策略性

錯(cuò)誤的圖像使用會(huì)分散人們對(duì)你想讓他們注意的信息的注意力——從而大大降低你的轉(zhuǎn)化率。

在網(wǎng)頁(yè)設(shè)計(jì)中使用圖像時(shí)，重要的是要認(rèn)識(shí)到位置的重要性；一張人物圖像，如果焦點(diǎn)放在頁(yè)面上的文字上，就會(huì)引導(dǎo)人們關(guān)注文字。指向註冊(cè)表單的箭頭，則會(huì)引導(dǎo)人們關(guān)注該註冊(cè)表單。不要僅僅使用圖像，確保你使用的圖像能夠引導(dǎo)人們準(zhǔn)確地關(guān)注你想要他們關(guān)注的內(nèi)容。

原則三：避免徹底的重新設(shè)計(jì)——採(cǎi)用循序漸進(jìn)、細(xì)微的方式

為什麼那些最大、最成功的網(wǎng)站很少進(jìn)行重大改版？為什麼每當(dāng)大型網(wǎng)站進(jìn)行改版時(shí)，幾乎總是會(huì)遭到強(qiáng)烈反對(duì)？

韋伯的恰可覺察差異定律解釋了這一點(diǎn)。韋伯定律指出：“恰可覺察差異的大小是原始刺激值的一個(gè)常數(shù)比例”，其中恰可覺察差異是“為了產(chǎn)生感覺體驗(yàn)的明顯變化而必須改變刺激強(qiáng)度最小的量” 。

更簡(jiǎn)單地說，韋伯定律指出，你不會(huì)總是注意到事物在細(xì)微變化時(shí)的差異；例如，如果你舉起一個(gè)重10公斤的物體，如果你增加0.1公斤的重量，你不會(huì)輕易注意到差異。但是，如果你增加1公斤，差異就會(huì)很容易察覺。在這種情況下，為了使舉起物體的人注意到差異而增加的額外重量（1公斤）被稱為差異閾值。

同樣的原則也可以用於有效的網(wǎng)頁(yè)設(shè)計(jì)；當(dāng)Facebook、Twitter、Google或其他一些大型網(wǎng)站進(jìn)行大規(guī)模改版時(shí)，通常會(huì)遭到強(qiáng)烈反對(duì)。

經(jīng)心理學(xué)證明，我們不喜歡變化——尤其是劇烈的變化。 2010年發(fā)表的一項(xiàng)研究發(fā)現(xiàn)，我們傾向於更喜歡存在時(shí)間較長(zhǎng)的事物；該研究發(fā)現(xiàn)，即使新的課程要求可能意味著更少的課程作業(yè)，學(xué)生們也更喜歡長(zhǎng)期存在的舊課程要求。該研究還發(fā)現(xiàn)，存在時(shí)間越長(zhǎng)，越好。我們對(duì)變化的強(qiáng)烈抵制可以追溯到進(jìn)化和我們的生存本能；我們已經(jīng)進(jìn)化到在一致性中尋找安全感，所以我們抵制任何其他事物。

這如何應(yīng)用於你的網(wǎng)站設(shè)計(jì)呢？

用戶體驗(yàn)原則：使重新設(shè)計(jì)循序漸進(jìn)、細(xì)微。

就像谷歌、Facebook和其他大型網(wǎng)站已經(jīng)發(fā)現(xiàn)的那樣（有些是慘痛的教訓(xùn)?。?，變化在細(xì)微和漸進(jìn)時(shí)更好。

不要過早地引入完整的網(wǎng)站重新設(shè)計(jì)；逐步更改各種元素，並在過程中積極收集反饋。如果你想引入一個(gè)過於激烈的重新設(shè)計(jì)，先將其拆分測(cè)試給一小部分用戶。觀察他們的反應(yīng)，並以此來影響你如何向普通用戶推出設(shè)計(jì)。

原則四：使用字體來改善讀者的情緒

心理學(xué)對(duì)字號(hào)有什麼說法？較小的字體還是較大的字體更好？

2012年的一項(xiàng)研究發(fā)現(xiàn)，字號(hào)很重要，較大的字體會(huì)在讀者中引起更強(qiáng)烈的情感聯(lián)繫。有趣的是，專家建議內(nèi)容的字號(hào)不要小於16像素。

也就是說，研究尚未發(fā)現(xiàn)字號(hào)之間在閱讀理解方面有任何差異，但清晰易讀且簡(jiǎn)單的字體（更大的字體是否更清晰易讀？）已被發(fā)現(xiàn)可以使說明看起來更容易執(zhí)行，並改善閱讀者的情緒。

了解“掃描路徑”的概念也很重要，它解釋了我們的大腦閱讀和處理信息的方式：當(dāng)我們閱讀內(nèi)容時(shí)，無論是在網(wǎng)上還是其他地方，我們的眼睛都會(huì)遵循一種稱為“掃描路徑”的自然模式。從本質(zhì)上講，我們的眼睛以微小的跳躍來閱讀內(nèi)容——在此期間一切都是模糊的——然後暫停，以便我們的大腦可以對(duì)我們正在閱讀的字母進(jìn)行快照，將它們排列成單詞並解釋其含義。所有這些都在一瞬間發(fā)生，因此不可能注意到。這些跳躍被稱為掃視，而暫停被稱為註視，兩者共同構(gòu)成了掃描路徑。

了解這種閱讀內(nèi)容的自然過程對(duì)於理解如何有效地為讀者設(shè)計(jì)至關(guān)重要。掃描路徑遵循Z字形圖案，在我們出現(xiàn)“模式中斷”之前，我們大多不是完全“有意識(shí)的”。簡(jiǎn)而言之，如果你想讓讀者更多地關(guān)注網(wǎng)頁(yè)設(shè)計(jì)中的某些文本元素，它就不能與其他所有內(nèi)容使用相同的字號(hào)。

這如何應(yīng)用於你的網(wǎng)站設(shè)計(jì)呢？

用戶體驗(yàn)原則：使用字體時(shí)，簡(jiǎn)單且大號(hào)字體總是更好

以下是一些在設(shè)計(jì)中更好地使用字體的技巧：

• 使用簡(jiǎn)單的字體；任何過於花哨的字體都會(huì)使事情變得過於復(fù)雜。
• 使用更大的字體；它們不僅使閱讀內(nèi)容更容易，而且還能改善讀者的情緒。
• 使用更大/不同的字體來使重要元素脫穎而出；頁(yè)面中字體的統(tǒng)一性，尤其是在你希望人們注意的設(shè)計(jì)中的關(guān)鍵元素，可能會(huì)降低轉(zhuǎn)化率。

關(guān)於用戶體驗(yàn)設(shè)計(jì)和心理學(xué)，常見問題解答

心理學(xué)在用戶體驗(yàn)設(shè)計(jì)中的作用是什麼？

心理學(xué)在用戶體驗(yàn)設(shè)計(jì)中起著至關(guān)重要的作用，因?yàn)樗鼛椭O(shè)計(jì)師了解用戶的思維方式、行為和感受。這種理解對(duì)於創(chuàng)建滿足用戶需求和期望的用戶友好界面至關(guān)重要。通過應(yīng)用心理學(xué)原理，設(shè)計(jì)師可以預(yù)測(cè)用戶將如何與產(chǎn)品互動(dòng)，從而更容易設(shè)計(jì)出直觀高效的界面。

如何在用戶體驗(yàn)設(shè)計(jì)中應(yīng)用色彩心理學(xué)？

顏色會(huì)極大地影響我們的情緒和決策。在用戶體驗(yàn)設(shè)計(jì)中，您可以使用顏色來引導(dǎo)用戶的注意力、傳達(dá)信息和喚起特定情緒。例如，紅色通常與緊急情況或危險(xiǎn)相關(guān)，而綠色則表示成功或進(jìn)步。但是，重要的是要考慮文化差異，因?yàn)轭伾诓煌幕锌赡苡胁煌暮x。

什麼是馮·雷斯托夫效應(yīng)，它如何在用戶體驗(yàn)設(shè)計(jì)中使用？

馮·雷斯托夫效應(yīng)，也稱為“隔離效應(yīng)”，指出引人注目的項(xiàng)目更容易被記住。在用戶體驗(yàn)設(shè)計(jì)中，您可以通過使這些元素在視覺上與其他元素區(qū)分開來，來使用此效果突出顯示頁(yè)面上的重要元素，例如號(hào)召性用語(yǔ)按鈕或關(guān)鍵信息。

形狀的心理學(xué)如何影響用戶體驗(yàn)設(shè)計(jì)？

形狀也可以傳達(dá)含義並喚起情緒。例如，圓形通常與和諧和完整性相關(guān)，而正方形則表示穩(wěn)定性和平衡。通過了解這些關(guān)聯(lián)，您可以戰(zhàn)略性地在設(shè)計(jì)中使用形狀來有效地傳達(dá)您的信息。

什麼是認(rèn)知負(fù)荷，它如何影響用戶體驗(yàn)設(shè)計(jì)？

認(rèn)知負(fù)荷是指處理信息所需的腦力勞動(dòng)量。如果用戶界面過於復(fù)雜或雜亂，則會(huì)增加認(rèn)知負(fù)荷，從而導(dǎo)致混亂和挫敗感。為了最大限度地減少認(rèn)知負(fù)荷，請(qǐng)?jiān)谠O(shè)計(jì)中力求簡(jiǎn)潔明了。使用清晰的標(biāo)籤、一致的佈局，並避免不必要的元素。

如何在用戶體驗(yàn)設(shè)計(jì)中使用選擇心理學(xué)？

選擇心理學(xué)表明，雖然用戶喜歡擁有選擇權(quán)，但過多的選擇會(huì)導(dǎo)致決策癱瘓。在用戶體驗(yàn)設(shè)計(jì)中，重要的是為用戶提供有意義的選擇，但避免讓他們不知所措。例如，您可以限制菜單中的選項(xiàng)數(shù)量，或者使用漸進(jìn)式公開來逐步顯示信息。

什麼是菲茨定律，它如何在用戶體驗(yàn)設(shè)計(jì)中應(yīng)用？

菲茨定律指出，移動(dòng)到目標(biāo)所需的時(shí)間取決於目標(biāo)的距離和大小。在用戶體驗(yàn)設(shè)計(jì)中，這意味著重要的元素應(yīng)該很大，並且靠近用戶注意力可能集中的地方，使它們易於點(diǎn)擊或點(diǎn)擊。

知覺心理學(xué)如何影響用戶體驗(yàn)設(shè)計(jì)？

知覺是我們?nèi)绾谓忉尭杏X信息。在用戶體驗(yàn)設(shè)計(jì)中，了解知覺可以幫助您創(chuàng)建與用戶自然處理信息的方式相符的界面。例如，用戶傾向於將彼此靠近的元素視為相關(guān)的，您可以使用此方法對(duì)相關(guān)項(xiàng)目進(jìn)行分組。

什麼是習(xí)慣心理學(xué)，它如何影響用戶體驗(yàn)設(shè)計(jì)？

習(xí)慣是我們無需有意識(shí)思考就能執(zhí)行的自動(dòng)行為。在用戶體驗(yàn)設(shè)計(jì)中，您可以通過創(chuàng)建一致且可預(yù)測(cè)的界面來利用習(xí)慣。這允許用戶更有效地使用產(chǎn)品，因?yàn)樗麄儾槐乜紤]每個(gè)動(dòng)作。

如何在用戶體驗(yàn)設(shè)計(jì)中使用動(dòng)機(jī)心理學(xué)？

動(dòng)機(jī)驅(qū)動(dòng)行為。在用戶體驗(yàn)設(shè)計(jì)中，您可以使用獎(jiǎng)勵(lì)、反饋和挑戰(zhàn)來激勵(lì)用戶參與您的產(chǎn)品。例如，您可以在任務(wù)完成後提供積極的反饋，或者使用遊戲化元素使體驗(yàn)更愉快。

以上是4巧妙的心理學(xué)規(guī)則，用於做出更好的UX決定的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！