神譯局是36氪旗下編譯團(tuán)隊(duì)，關(guān)注科技、商業(yè)、職場(chǎng)、生活等領(lǐng)域，重點(diǎn)介紹國(guó)外的新技術(shù)、新觀點(diǎn)、新風(fēng)向。
編者按：設(shè)計(jì)師不懂心理學(xué)，就像建筑師不懂物理學(xué)一樣。心理學(xué)跟UX設(shè)計(jì)密不可分，只有了解了各種心理學(xué)原理，設(shè)計(jì)出來的產(chǎn)品才有可能達(dá)到你想要的目的。Ishan Manandhar總結(jié)了各種跟設(shè)計(jì)相關(guān)的心理學(xué)原理，了解后靈活地加以組合運(yùn)用，就能讓你的UX設(shè)計(jì)更上一層樓。原文發(fā)表在Medium上，標(biāo)題是：The psychology in UX design。
除非我們做的是自動(dòng)化產(chǎn)品，否則就要牽涉到人類大腦，設(shè)計(jì)師就得了解這會(huì)怎么影響到人類的行為的。
心理學(xué)是用戶體驗(yàn)（UX）設(shè)計(jì)過程不可或缺的組成部分。理解人們跟產(chǎn)品的互動(dòng)方式以及如何影響或操縱他們的決策，是UX設(shè)計(jì)人員需要討論的話題。設(shè)計(jì)心理學(xué)是神經(jīng)科學(xué)、認(rèn)知心理學(xué)、社會(huì)心理學(xué)以及人機(jī)交互的結(jié)合，是通過人類行為的視角來進(jìn)行用戶體驗(yàn)設(shè)計(jì)。
不懂人類心理學(xué)的設(shè)計(jì)師的成就，不會(huì)比不懂物理學(xué)的建筑師高到哪里去。
——喬·里奇（Joe Leech）
我們將討論有心理學(xué)原理支持的設(shè)計(jì)決策背后的原理和理論。通過了解不同的心理學(xué)原理是如何影響人類行為的，就可以設(shè)計(jì)出能夠引起目標(biāo)用戶特定反應(yīng)和行動(dòng)的產(chǎn)品來。
鏡像效應(yīng)示例
俗話說，“有樣學(xué)樣（Monkey see, monkey do）”，包括人類在內(nèi)的靈長(zhǎng)類動(dòng)物都擅長(zhǎng)模仿。這個(gè)詞表示無意識(shí)鏡像或模仿我們周邊人行為的狀態(tài)。根據(jù)我們?cè)诋a(chǎn)品方面的經(jīng)驗(yàn)，我們進(jìn)行的互動(dòng)具有親密性和即時(shí)性。
你有沒有試過聽了朋友說的話之后又說給對(duì)方聽？這是變色龍效應(yīng)的完美例子。
指由于之前受某一刺激的影響而使得之后對(duì)同一刺激的知覺和加工變得容易的心理現(xiàn)象。我們半夜三更看了電視的恐怖電影之后，跟看喜劇相比，屋子里面聽到的任何吱吱聲或者噪音更有可能讓你毛骨悚然、心驚肉跳。
啟動(dòng)效應(yīng)會(huì)塑造我們對(duì)環(huán)境的行為和反應(yīng)，而且往往是有效的捷徑，讓我們可以迅速做出決定。這也是一種有效的說服工具，已經(jīng)廣泛應(yīng)用到產(chǎn)業(yè)的營(yíng)銷和廣告領(lǐng)域。
德國(guó)精神病學(xué)家和兒科醫(yī)生海德維?！ゑT·雷斯托夫（Hedwig von Restorff）在1933年提出的理論。馮·雷斯托夫有一次實(shí)驗(yàn)，涉及到讓受試者觀看一系列相似的物品。結(jié)果他發(fā)現(xiàn)，如果其中某個(gè)很特別的話，那么相比其他物品，受試者就更容易回憶起這件物品。
馮·雷斯托夫效應(yīng)又叫做隔離效應(yīng)（isolation effect），或者新奇效應(yīng)（novelty effect），其預(yù)測(cè)是當(dāng)存在多個(gè)相似的對(duì)象時(shí)，跟其他有所不同的那個(gè)最有可能被記住。
該理論由赫爾曼·艾賓浩斯（Herman Ebbinghaus，著名的艾賓浩斯遺忘曲線也是他的發(fā)現(xiàn)）提出。它描述了序列中項(xiàng)目的位置是如何影響回憶的準(zhǔn)確性的。
這種效應(yīng)是指記憶材料在系列位置中所處的位置對(duì)記憶效果發(fā)生的影響，包括首因效應(yīng)和近因效應(yīng)。系列開頭的材料比系列中間的材料記得好叫首因效應(yīng)或者首位效應(yīng)；系列末尾的材料比系列中間的材料記得好叫近因效應(yīng)或新近效應(yīng)。
用戶往往最容易記住系列中的第一項(xiàng)和最后一項(xiàng)。
把最重要的信息放到開始和結(jié)尾。把最不重要的信息放在中間，這是吸引用戶注意力的高效方法。
在格式塔原理之下，派生出了很多的其他原理。我們會(huì)在下面進(jìn)行簡(jiǎn)要討論：
負(fù)空間：
小紅帽的負(fù)空間
在設(shè)計(jì)周圍留白，從而創(chuàng)造出一塊大于其各個(gè)部分之和的區(qū)域。用最簡(jiǎn)單的措辭來說，格式塔理論是基于這樣一種思想，即人腦會(huì)下意識(shí)地把各個(gè)部分組織成一個(gè)系統(tǒng)，從而創(chuàng)造出一個(gè)整體而不是一系列的離散元素，通過這樣來簡(jiǎn)化和組織包含有很多元素的復(fù)雜圖像或者設(shè)計(jì)。我們的大腦天生就是為了看清結(jié)構(gòu)和模式，從而更好的理解我們生活的環(huán)境而構(gòu)造出來的。
相似：
相似的例子
在格式塔里面，相似的元素不管彼此是否靠近也會(huì)在視覺上進(jìn)行分組。分組可以按顏色、形狀或大小進(jìn)行。相似性可用來將可能彼此不相鄰的東西聯(lián)系在一起。
連續(xù)性：
連續(xù)性的例子
不管實(shí)際畫出來的線條如何，人眼在觀看線條的時(shí)候都會(huì)按照最平滑的路徑想象。當(dāng)目標(biāo)是引導(dǎo)訪客的眼睛朝特定方向看時(shí)，這種連續(xù)性會(huì)是很有價(jià)值的工具。
閉合：
閉合的例子
這條原理反映的是人會(huì)把設(shè)計(jì)或圖像缺失的部分自行腦補(bǔ)，創(chuàng)建出一個(gè)整體來?；蛘哒f得簡(jiǎn)單點(diǎn)，在Adobe、Sun Microsystem、NBC、USA Network等的logo中就可以看到復(fù)雜的形狀。
相鄰性：
相鄰性的例子
這條原理是指元素之間的距離如何。在UX設(shè)計(jì)當(dāng)中，運(yùn)用相鄰性是為了讓用戶將某些事物組合到一起。通過把它們放在一起，用戶就會(huì)感覺它們是相關(guān)的。
圖形與背景關(guān)系：
圖形與背景關(guān)系示例
跟閉合原理類似，這條也利用了負(fù)空間。我們的大腦會(huì)區(qū)分出圖像前景的對(duì)象。設(shè)計(jì)師如果想要突出某個(gè)焦點(diǎn)時(shí)，用這條這真的很方便。
共同命運(yùn)律：
共同命運(yùn)的示例
這條原理是指，沿同一個(gè)方向移動(dòng)的元素本身會(huì)被視為一組。如果我們看到一群鳥朝特定的方向飛行，我們就會(huì)把它們組合在一起，并將它們看作是單個(gè)刺激物。
指在一個(gè)人的工作記憶使用的腦力綜合。是指你為了完成任務(wù)需要消耗的腦力。
認(rèn)知負(fù)荷是表示處理具體任務(wù)時(shí)加在學(xué)習(xí)者認(rèn)知系統(tǒng)上的負(fù)荷的多維結(jié)構(gòu)。
以英國(guó)心理學(xué)家威廉·埃德蒙·?？耍╓illiam Edmund Hick）命名，其理論指出當(dāng)選項(xiàng)增加時(shí)，下決定的時(shí)間也增加。一個(gè)人做出決定所需的時(shí)間取決于他或她可以選擇的選項(xiàng)數(shù)。因此，如果選擇的數(shù)量增加，則做出決定的時(shí)間將對(duì)數(shù)增加。
決策所需的時(shí)間隨著選項(xiàng)的數(shù)量和復(fù)雜性增加而增加。
席克定律示例
菲茨定律的示例
這條定律規(guī)定，任意一點(diǎn)移動(dòng)到目標(biāo)中心位置所需時(shí)間與該點(diǎn)到目標(biāo)的距離和大小有關(guān)，距離越大時(shí)間越長(zhǎng)，目標(biāo)越大時(shí)間越短。
獲得目標(biāo)所需的時(shí)間取決于到目標(biāo)的距離以及目標(biāo)的大小。
可以利用這條定律來影響互動(dòng)按鈕的轉(zhuǎn)化率，尤其是用手指操作的移動(dòng)設(shè)備上的設(shè)計(jì)，可以把希望互動(dòng)的按鈕設(shè)計(jì)得更大一點(diǎn)，把不希望用戶點(diǎn)擊的按鈕設(shè)計(jì)得小一點(diǎn)，更難點(diǎn)中一點(diǎn)。用戶任務(wù)/注意區(qū)域與任務(wù)相關(guān)的按鈕之間的距離應(yīng)盡可能的短。
這條指的是用戶往往會(huì)認(rèn)為有吸引力的產(chǎn)品更實(shí)用。大家往往會(huì)相信看起來更好的東西用起來也會(huì)更好——就算實(shí)際上效率和效能并沒有提高。
用戶往往會(huì)把美觀的設(shè)計(jì)看作是更實(shí)用的設(shè)計(jì)。
對(duì)視覺設(shè)計(jì)的積極情緒反應(yīng)會(huì)讓他們對(duì)可用性方面的小問題更加寬容。
這一理論是由心理學(xué)家佩維奧（Paivio）提出來的，他強(qiáng)調(diào)在信息的貯存、加工與提取中，語(yǔ)言與非語(yǔ)言的信息加工過程是同樣重要的。佩維奧（1986）指出：“人的認(rèn)知是獨(dú)特的，它專用于同時(shí)對(duì)語(yǔ)言與非語(yǔ)言的事物和事件的處理?！崩秒p重編碼系統(tǒng)可以讓用戶更容易記住我們網(wǎng)站上的重要內(nèi)容。
我們會(huì)根據(jù)你對(duì)現(xiàn)實(shí)世界的體驗(yàn)和感知為腦中想到的文字建立視覺形象。一想到“體育”，我們的大腦就會(huì)自動(dòng)想到球的形象，運(yùn)動(dòng)員的形象。通過將文字跟圖像配對(duì)，可以更容易記住東西。
我們一般不會(huì)用價(jià)值數(shù)千美元的眼動(dòng)追蹤軟件或者腦電圖來判斷設(shè)計(jì)是不是有效。但是5秒測(cè)試是個(gè)強(qiáng)大工具，用它就可以確定你的設(shè)計(jì)是不是一看就明白。
所謂5秒測(cè)試，就是讓受試者觀看網(wǎng)站或應(yīng)用5秒鐘，然后回答有關(guān)主題和設(shè)計(jì)的問題。如果用戶的答案或者留下的印象跟你的設(shè)想不一樣，那就說明設(shè)計(jì)沒有達(dá)到原先的目的，需要繼續(xù)改進(jìn)。
羅伯特·西奧迪尼（Robert Cialdini）博士的《說服心理學(xué)》
這條原理來自羅伯特·西奧迪尼（Robert Cialdini）的著名著作《影響力：說服心理學(xué)》（Influence: The Psychology of Persuasion），里面列舉了類似互惠、一致性、社會(huì)認(rèn)同，權(quán)威以及稀缺性等原理。
這些原理往往決定了我們?cè)谏鐣?huì)當(dāng)中的行為方式，我們可以用它們來識(shí)別人類行為。
互惠：這條原理是說人都不喜歡虧欠別人。如果別人給了他們什么東西的話，他們應(yīng)該會(huì)覺得有責(zé)任給予一定程度的回報(bào)。提供免費(fèi)的電子書，博客文章，播客或其他免費(fèi)內(nèi)容，然后換取用戶提供的電子郵件地址，這就是現(xiàn)實(shí)生活當(dāng)中互惠的好例子。
權(quán)威：權(quán)威這條原理說的是我們大多數(shù)人都意識(shí)到自己沒辦法在每一件事情上都是專家。我們最好的選擇是依靠專家的證詞。所以，我們?cè)试S專家和任何特定議題的“權(quán)威”人士影響我們。大家往往會(huì)對(duì)高水平的專家和權(quán)威人物的話言聽計(jì)從，因?yàn)橛X得他們值得信賴。如果跟成功公司能扯上關(guān)系的話就會(huì)經(jīng)常被提及，好建立一定程度的尊重和可信性。
一致性：這條原理說的是大家一般都希望自己行為跟自己的決策過程保持一致。西奧迪尼曾經(jīng)進(jìn)行過一項(xiàng)研究，他讓兩組志愿者挨家挨戶去詢問房主愿不愿意在自家前面的草坪上立一塊寫著“小心駕駛”的大廣告牌。
第一組的做法就是簡(jiǎn)單粗暴直接上門問。而第二組是先做一個(gè)初訪，請(qǐng)求房主在他們前面的草坪放一塊很小的標(biāo)志牌，“做一位安全的駕駛員?！?/p>
結(jié)果第二組的成功率高出450％。這就是（承諾與）一致的一個(gè)例子，因?yàn)榉恐鲿?huì)覺得自己有義務(wù)在這種情況下保持一致性。
社會(huì)認(rèn)同：大家未必總能知道自己為什么會(huì)這么做。大家是不是都在跳舞？如果是的話會(huì)有更多的人跟著跳。大家是不是都在看那個(gè)視頻嗎？是的話會(huì)更多人會(huì)點(diǎn)擊它。是不是每個(gè)人都在買你的產(chǎn)品嗎？是的話，你想攔都攔不住。在電子商務(wù)的實(shí)踐當(dāng)中，我們使用的網(wǎng)站會(huì)社會(huì)認(rèn)同（比方說點(diǎn)評(píng)、評(píng)論和推薦）來吸引其他用戶，并引導(dǎo)他們做出購(gòu)買決定。亞馬遜有“購(gòu)買這個(gè)的客戶也購(gòu)買了那個(gè)”的提示，希望強(qiáng)化你跟商品的關(guān)聯(lián)性，讓用戶認(rèn)為“如果別人需要它的話，那我也需要它”。
稀缺性：在塑造行為的原理方面，這是我的最愛之一。稀缺性原理是說，如果東西有限的話，大家就會(huì)更想得到它。能得到的人越少，吸引的人就越多。
為什么有的商店會(huì)推出限量版服裝？這就是原因，這樣可以吸引更多的顧客。
變化盲視（Change Blindness）：指觀察者不能探測(cè)物體或情景所發(fā)生變化的現(xiàn)象。
記憶未必永遠(yuǎn)可靠。我們對(duì)信息的存儲(chǔ)方式會(huì)被我們的想法、感知信念以及周圍環(huán)境所重構(gòu)。
我們的工作記憶能力大概就只有10到15秒，一次只能記住3到4個(gè)東西。
研究表明，大家往往會(huì)制造出錯(cuò)誤的記憶，要么會(huì)記住了沒有發(fā)生過的事情，要么就是記得的東西跟實(shí)際不一樣。由于記憶具有提示性和可塑性，所以根據(jù)大腦的習(xí)慣或心智模式來進(jìn)行設(shè)計(jì)就非常重要，因?yàn)檫@樣會(huì)更容易記住。
盡可能為用戶提供幫助和反饋，并提供撤銷選項(xiàng)，以減少用戶犯錯(cuò)時(shí)的沮喪情緒。讓體驗(yàn)個(gè)性化，好迎合我們用戶的喜好。
單純呈現(xiàn)效應(yīng)的例子
單純呈現(xiàn)效應(yīng)是指圖片、符號(hào)、數(shù)字、聲音等外部刺激信息只要經(jīng)常暴露在人面前，就能增加人們對(duì)其喜歡程度的現(xiàn)象。這種社會(huì)心理會(huì)發(fā)生在我們所有人身上，我們?cè)诓贿B續(xù)的時(shí)間段內(nèi)見到某人的次數(shù)越多，我們覺得這個(gè)人討人喜歡或迷人的可能性就越高。這種效應(yīng)有時(shí)候又被叫做熟悉定律。
了解單純呈現(xiàn)效應(yīng)及其機(jī)制，會(huì)讓你在轉(zhuǎn)化率優(yōu)化的工作中具備重大優(yōu)勢(shì)。更多的呈現(xiàn)會(huì)帶來熟悉感，進(jìn)而帶來舒適感，從而讓轉(zhuǎn)化率優(yōu)化整體上得到顯著改進(jìn)。
色彩心理學(xué)
色彩也是影響人的選擇和行為的主要因素之一。我們經(jīng)常會(huì)發(fā)現(xiàn)兒童玩具顏色鮮艷，女孩玩具往往是粉紅色的。這方面研究的主要思想是色彩對(duì)用戶的感知有很大的影響。
所以，作為設(shè)計(jì)師我們應(yīng)選擇能夠傳遞含義與正確信息的色彩。
紅色。跟熱情、強(qiáng)烈或攻擊性的感覺關(guān)聯(lián)。同時(shí)是好和不好的感受，比如愛、自信、熱情、憤怒等的象征。
橙色。充滿活力的暖色，給人以興奮的感覺。
黃色。幸福的色彩。象征著陽(yáng)光、喜悅和溫暖。
綠色。大自然的色彩。給人以來平靜和新生的感覺。另外，也可能用來表示經(jīng)驗(yàn)不足。
藍(lán)色。一般用來表示企業(yè)形象。往往表現(xiàn)出冷靜的感覺，但是作為一種冷色，也跟距離與悲傷有關(guān)。
紫色。由于很多國(guó)王都穿紫色的衣服，所以長(zhǎng)期以來就與皇室和財(cái)富聯(lián)系在一起。紫色也是代表神秘與魔力的顏色。
黑色。這種顏色有很多含義。往往跟悲劇和死亡相關(guān)聯(lián)?？梢源碇唇庵i?？梢允莻鹘y(tǒng)的，也可以是現(xiàn)代的。一切都取決于怎么用，以及跟哪些顏色一起用。
白色。意味著純潔和純真，以及完整性和清晰度。
我們一般是從大腦負(fù)責(zé)本能的部分得到這種反應(yīng)，本能反應(yīng)的速度比我們的意識(shí)要快得多。本能反應(yīng)會(huì)導(dǎo)致我們用了一下產(chǎn)品后就愛上了它。這些反應(yīng)植根于我們的DNA之中，所以很容易預(yù)測(cè)。
作為設(shè)計(jì)師我們就是要通過設(shè)計(jì)制造出視覺上極其出色的美感印象。為什么一個(gè)東西在用戶眼里好看，以及為什么他們是我們的目標(biāo)受眾，他們的需求是什么，這些都不難猜測(cè)。
用戶體驗(yàn)設(shè)計(jì)的概念根植于認(rèn)知和行為心理學(xué)，那是人類與機(jī)器交互的藍(lán)圖。當(dāng)然，本文仍還沒有涵蓋到所有的設(shè)計(jì)心理學(xué)原理。但是，作為設(shè)計(jì)師，我們還需要觀察和理解最終用戶，并且加深對(duì)用戶的理解與共鳴。在產(chǎn)品開發(fā)過程中，了解用戶的互動(dòng)、行為和情感可以增加更多的價(jià)值。
譯者：boxi。
本文來自翻譯, 如若轉(zhuǎn)載請(qǐng)注明出處。
聯(lián)系客服
