本文介紹五種心理學(xué)理論及其設(shè)計(jì)應(yīng)用，希望能夠幫助你對設(shè)計(jì)中如何使用心理學(xué)有一個(gè)新的認(rèn)識。

一、雙重編碼理論（Dual-Coding Theory）

雙重編碼理論是由加拿大心理學(xué)家佩維奧在20世紀(jì)60年代末、70年代初提出的知識認(rèn)知表征理論。

這一理論認(rèn)為，對現(xiàn)實(shí)存在的言語和非言語兩大類信息，人發(fā)展了相應(yīng)的兩個(gè)存儲系統(tǒng)——言語系統(tǒng)和意象系統(tǒng)。前者專門編碼、組織言語信息，后者則處理有關(guān)非言語的物體和事件的信息，形成事物的心理意象。

佩維奧認(rèn)為，言語系統(tǒng)和意象系統(tǒng)既相互獨(dú)立，又相互聯(lián)結(jié)。意象系統(tǒng)以整體的、同步的方式組織信息，言語系統(tǒng)則是按序列的、離散的方式組織信息，反映出聽說言語時(shí)所包括的聽覺運(yùn)動(dòng)系統(tǒng)的時(shí)間特征。（解釋來自https://www.pmume.com/view/n5b0h.shtml）我們可以用以下的圖片來理解這個(gè)理論。

這個(gè)理論簡單來說就是人們通過語言聯(lián)想和視覺圖像來促進(jìn)學(xué)習(xí)和記憶新的知識，當(dāng)圖像和文字搭配使用時(shí)，人們能夠更快地回憶信息并更快地學(xué)習(xí)。這個(gè)理論的運(yùn)用非常廣泛，從我們使用的軟件產(chǎn)品中可以發(fā)現(xiàn)幾乎每個(gè)產(chǎn)品都使用了這個(gè)理論。

花一秒鐘時(shí)間瀏覽手機(jī)，你會發(fā)現(xiàn)許多文字信息會與圖像/圖標(biāo)搭配呈現(xiàn)。有人可能會說這是從視覺上讓整個(gè)界面更加美觀，但實(shí)際上，這正是用了雙重編碼理論，讓用戶更容易理解和記憶。

讓我們看一下上面的例子。

左圖是領(lǐng)英鼓勵(lì)用戶加入Recruiter Lite功能的屏幕截圖，領(lǐng)英通過在每個(gè)功能旁邊添加圖標(biāo)來使用雙重編碼理論。

通過實(shí)施這種模式，人們可以分解每個(gè)功能，這有助于更快地掌握信息并在他們的記憶中留下印記。因此，這有助于促進(jìn)和影響人們按下激活按鈕。

讓我們再看一下右側(cè)的屏幕截圖。

右圖與左圖文字信息相同，但沒有任何圖標(biāo)。很明顯，當(dāng)用戶查看此布局時(shí)，很難掌握每個(gè)功能的重要性。坦白地說，用戶可能只是瀏覽一遍，然后退出頁面，因?yàn)閷λ麃碚f這只是一堆文字。

因此，作為設(shè)計(jì)師，記住當(dāng)我們顯示有價(jià)值的信息時(shí)，有效地傳達(dá)信息至關(guān)重要。

如果做得正確，人們將能夠更快地理解該消息，因?yàn)樗鼘⒑喕讓W(xué)性，使產(chǎn)品受益并補(bǔ)充布局。

二、馮·雷斯托夫效應(yīng)

該理論也稱為隔離效應(yīng)，它指出人們能夠識別和記住與一組相似元素不同的元素。

如下如所示，看看下面的圖片，你首先會注意到什么？一定是中間的圖形是吧？

這就是馮·雷斯托夫效應(yīng)，這種非自愿理論在設(shè)計(jì)中經(jīng)常使用，設(shè)計(jì)師設(shè)計(jì)的產(chǎn)品會影響最終用戶的發(fā)展方向。

注冊新用戶時(shí)，Netflix使用馮·雷斯托夫效應(yīng)。當(dāng)用戶登陸Netflix主頁時(shí)，他們將看到以下屏幕截圖。

如果用戶不知道Netflix是什么，那么他們的注意力就會被白色的文字所吸引，上面寫著“無限的電影，電視節(jié)目等等”。接著，用戶的眼睛很容易被那個(gè)明亮的紅色按鈕吸引住，該按鈕顯示“立即嘗試”。

這個(gè)明顯的紅色按鈕正是馮·雷斯托夫效應(yīng)發(fā)揮作用的方式，閱讀文字后，唯一的紅色按鈕是唯一引人注意并誘使用戶按下它的元素。

心理學(xué)理論證明，設(shè)計(jì)師具有引導(dǎo)用戶如何瀏覽頁面的能力。

當(dāng)用戶打開你設(shè)計(jì)的界面時(shí)，若是第一次使用，他們一定是毫無頭緒的，這個(gè)時(shí)候?qū)嶋H上用戶是被界面所引導(dǎo)的，他們會嘗試隨意點(diǎn)擊瀏覽。若我們希望用戶能順利得到他想要的，或是看到我們希望他看到的信息，那么在設(shè)計(jì)的過程中一定要擅于利用馮·雷斯托夫效應(yīng)，突出重點(diǎn)信息引導(dǎo)我們的用戶。

我認(rèn)為該效應(yīng)可以和四大設(shè)計(jì)原則中的“對比”相互補(bǔ)充，該效應(yīng)解釋了為何需要對比，而對比原則提供如何做對比的方式，如通過縮放、修改顏色、修改形狀、改變布局等來突出行成對比。

三、認(rèn)知負(fù)荷理論

你是否曾經(jīng)使用過一個(gè)讓你非常沮喪而放棄的應(yīng)用程序？

這很可能是由于認(rèn)知負(fù)擔(dān)，這種認(rèn)知心理學(xué)理論指出，人們只能在工作記憶中保存有限的信息。有三種類型的認(rèn)知負(fù)荷：內(nèi)部認(rèn)知負(fù)荷，外部認(rèn)知負(fù)荷和相關(guān)認(rèn)知負(fù)荷。

• 內(nèi)部認(rèn)知負(fù)荷：指內(nèi)容本身的復(fù)雜性。內(nèi)容越具挑戰(zhàn)性，學(xué)習(xí)者就越有可能經(jīng)歷過度的認(rèn)知負(fù)擔(dān)。
• 外部認(rèn)知負(fù)荷：如果提供的信息過多，無關(guān)或不重要，則在理解內(nèi)容時(shí)會造成混亂。
• 相關(guān)認(rèn)知負(fù)荷：幫助學(xué)習(xí)者將信息從短期記憶轉(zhuǎn)移到長期記憶中的元素。

認(rèn)知負(fù)荷這個(gè)概念有更廣泛的應(yīng)用。

例如，航空航天公司在設(shè)計(jì)飛機(jī)和宇宙飛船控制面板時(shí)會考慮認(rèn)知負(fù)荷。在這些高風(fēng)險(xiǎn)的環(huán)境中，如果飛行員的大腦無法處理，過多的信息就會變得致命。

在考慮應(yīng)該在廣告中或社交媒體上呈現(xiàn)多少產(chǎn)品信息時(shí)，營銷公司也會考慮認(rèn)知負(fù)荷，并且游戲設(shè)計(jì)師使用它來決定游戲在淹沒玩家之前的復(fù)雜程度。

先說內(nèi)部認(rèn)知負(fù)荷，內(nèi)部認(rèn)知負(fù)荷有時(shí)候很難改變，這是由內(nèi)容本身決定的，但作為設(shè)計(jì)師我們應(yīng)該盡可能通過其他方式控制內(nèi)部認(rèn)知負(fù)荷。

例如，這幾年出現(xiàn)的AR應(yīng)用程序，剛開始的時(shí)候用戶對這類產(chǎn)品都不熟悉，不知道應(yīng)該如何使用。我們能看到很多AR類產(chǎn)品都會通過各種方式如動(dòng)畫/圖片提示和引導(dǎo)用戶，降低這類產(chǎn)品操作的認(rèn)知負(fù)荷。

外部認(rèn)知負(fù)荷是由多余的信息造成的，讓我們看一下下面的例子，其實(shí)在國內(nèi)早期我們也會看到很多的網(wǎng)頁也是這樣的，同時(shí)向用戶呈現(xiàn)大量且沒有分類的信息，用戶看到類信息時(shí)，是一片混亂，無從入手，更別說在網(wǎng)站上進(jìn)行什么操作。

要降低外部認(rèn)知符合，需要清除多余信息，避免冗余效應(yīng)發(fā)生，提煉出對用戶真正有用的信息。當(dāng)信息量較大的時(shí)候，應(yīng)對信息做分類，按照用戶的心智模型將信息分成合理的幾類。

例如亞馬遜，該公司知道他們有很多產(chǎn)品，所以他們使用分類呈現(xiàn)。這樣可以確保只有當(dāng)用戶搜索顯示的特定產(chǎn)品時(shí)，該產(chǎn)品才出現(xiàn)。

該網(wǎng)站使人們可以輕松瀏覽每個(gè)部分并以列表格式理解信息。國內(nèi)的大部分電商網(wǎng)站也是如此，將大量的商品分類呈現(xiàn)。

此外，通過分離視聽信息，拓展工作記憶容量；信息呈現(xiàn)條理化，減少用戶認(rèn)知搜索；抽象信息形象化，降低用戶認(rèn)知難度；復(fù)雜信息簡單化（如使用圖表），簡化用戶認(rèn)知加工；控制信息呈現(xiàn)速度，留給用戶足夠的認(rèn)知加工時(shí)間；分化復(fù)雜任務(wù)，防止用戶生認(rèn)知負(fù)荷超載；采用樣例（worked example）教學(xué)，簡化認(rèn)知技能獲取過程等都能從不同角度減輕用戶的外在認(rèn)知負(fù)荷。

請記住，錯(cuò)誤的認(rèn)知負(fù)荷類型會傷害你的產(chǎn)品。

人們會留下持久的印象，如果某個(gè)產(chǎn)品不適合他們，他們會找到替代的選擇。在你的產(chǎn)品中顯示正確的類型和正確的信息量非常重要。

始終進(jìn)行可用性測試，因?yàn)樽罱K用戶可以確認(rèn)你的產(chǎn)品是否達(dá)到了預(yù)期目標(biāo)。

四、內(nèi)臟反應(yīng)+美學(xué)可用性效應(yīng)

當(dāng)一個(gè)人第一次看到東西時(shí)，內(nèi)臟反應(yīng)是第一個(gè)情緒反應(yīng)。這種反應(yīng)發(fā)生在我們大腦的邊緣系統(tǒng)中，該系統(tǒng)對本能（腸道感覺）的反應(yīng)比我們的意識要快。下意識地，我們的反應(yīng)將決定我們將如何相互作用和表現(xiàn)。

如果你有使用蘋果產(chǎn)品，相信你還能記得剛拿到蘋果產(chǎn)品并拆開包裝時(shí)的心情。在創(chuàng)造引起內(nèi)臟積極反應(yīng)的產(chǎn)品時(shí)蘋果確實(shí)做得非常出色。但是并非每種產(chǎn)品都能創(chuàng)造這種體驗(yàn)。

我們總是被告知，第一印象是持久的印象。在設(shè)計(jì)應(yīng)用程序時(shí)這種說法非常重要，第一次交互將確定最終用戶是否使用你的產(chǎn)品。

強(qiáng)大而積極的內(nèi)臟反應(yīng)具有以下好處：

• 他們?yōu)橐院蟮拿看位?dòng)都設(shè)置了積極的環(huán)境。
• 如果最初的體驗(yàn)是非常積極的，則用戶更有可能原諒產(chǎn)品的錯(cuò)誤。
• “一見鐘情”將鼓勵(lì)產(chǎn)品的積極社交。

設(shè)計(jì)人員在提供積極的內(nèi)臟反應(yīng)時(shí)主要使用的一種方法就是實(shí)現(xiàn)美學(xué)-可用性效應(yīng)，如上圖，在注冊界面或成功狀態(tài)時(shí)呈現(xiàn)精美的動(dòng)效設(shè)計(jì)能讓用戶感到愉悅。美學(xué)可用性效應(yīng)是一個(gè)心理學(xué)術(shù)語，它指出如果界面吸引人，人們將容忍較小的問題。

這里舉一個(gè)《情感化設(shè)計(jì)》中的一個(gè)例子：

日本的研究人員制造了兩臺在功能上完全相同的自動(dòng)取款機(jī)，其按鈕的數(shù)字及其工作原理都保持一致。唯一的差別是其中一臺的按鈕和顯示屏被設(shè)計(jì)得更有吸引力。在日本和以色列（研究在此進(jìn)行了重復(fù)以考慮文化差異是否會帶來影響），研究者們都發(fā)現(xiàn)更有吸引力的機(jī)器在使用中遇到的問題更少。

Norman對此做出了兩種解釋：

1. 基本上，當(dāng)我們放松的時(shí)候，我們的大腦更靈活，并更能為復(fù)雜的問題找到解決方法。相反，在我們感到沮喪和緊張的時(shí)候，大腦的思維就會像位于隧道中的人的視野那樣受到限制，我們僅能看到當(dāng)前面臨的問題。
2. 我們喜歡去做那些能讓我們感到愉快的事情，我們更愿意去面對那些對我們有吸引力的問題。

總體而言，在UX設(shè)計(jì)中，這意味著你必須創(chuàng)建能夠給最終用戶以積極而持久印象的產(chǎn)品。

作為一個(gè)團(tuán)隊(duì)，你必須確保解決產(chǎn)品的主要問題，因?yàn)槿魏蚊缹W(xué)設(shè)計(jì)都無法掩蓋這些類型的問題。應(yīng)用程序的市場非常飽和，因此，保持最終用戶的注意力以保持忠誠度而不是尋找替代者至關(guān)重要。

五、模式識別

模式識別是一種認(rèn)知過程，使人們可以將呈現(xiàn)給他們的信息與他們存儲在腦袋里的信息相匹配。

認(rèn)識到模式和相似性可以使人們預(yù)測接下來會發(fā)生什么。通過回憶語義記憶來進(jìn)行識別，而語義記憶是通過不斷重復(fù)刺激而實(shí)現(xiàn)的。

“如果沒有破裂，請不要修復(fù)它?！泵總€(gè)設(shè)計(jì)師都希望與眾不同并創(chuàng)造獨(dú)特的想法，但你必須考慮它是否會阻礙用戶的體驗(yàn)。

在用戶界面實(shí)踐中，設(shè)計(jì)眾所周知的產(chǎn)品時(shí)要遵循一系列原則。你可能也不會對此提出質(zhì)疑，因?yàn)樗褪沁@樣，但實(shí)際原因是模式識別。

讓我們看看2019年最受歡迎的5個(gè)網(wǎng)站的標(biāo)題。

你有注意到嗎？

所有這些網(wǎng)站都遵循一個(gè)共同的主題，例如在產(chǎn)品徽標(biāo)旁邊的中間有搜索欄。

全世界許多人每天都訪問這些網(wǎng)站，融入人們可以識別的設(shè)計(jì)元素有助于增加參與度并專注于產(chǎn)品。實(shí)施模式識別元素可以被視為一種通用語言，因?yàn)閾碛腥魏坞娮釉O(shè)備的所有人都可以理解。

在創(chuàng)建產(chǎn)品時(shí)，請務(wù)必研究如何使用模式識別來提高參與度和知名度。

我希望本文能夠幫助你對設(shè)計(jì)中如何使用心理學(xué)有一個(gè)新的認(rèn)識，請記住，設(shè)計(jì)一定是有其背后的原因的。

參考文獻(xiàn)：

1. http://www.msrcw.net/kexue/ai228/

2. https://www.xzbu.com/9/view-11865569.htm

3. https://www.pmume.com/view/n5b0h.shtml

4. https://medium.muz.li/the-art-of-emotion-normans-3-levels-of-emotional-design-88a1fb495b1d

原文來源：https://uxdesign.cc/the-longest-relationship-in-design-psychology-user-experience-b2098f1d960b，其中修改并添加自己的理解和觀點(diǎn)。

本文由 @Joley 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議