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

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

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

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

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

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

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

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

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

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

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

右圖與左圖文字信息相同，但沒有任何圖標。很明顯，當(dāng)用戶查看此布局時，很難掌握每個功能的重要性。坦白地說，用戶可能只是瀏覽一遍，然后退出頁面，因為對他來說這只是一堆文字。

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

如果做得正確，人們將能夠更快地理解該消息，因為它將簡化易學(xué)性，使產(chǎn)品受益并補充布局。

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

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

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

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

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

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

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

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

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

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

三、認知負荷理論

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

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

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

認知負荷這個概念有更廣泛的應(yīng)用。

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

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

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

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

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

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

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

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

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

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

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

始終進行可用性測試，因為最終用戶可以確認你的產(chǎn)品是否達到了預(yù)期目標。

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

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

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

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

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

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

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

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

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

Norman對此做出了兩種解釋：

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

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

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

五、模式識別

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

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

“如果沒有破裂，請不要修復(fù)它。”每個設(shè)計師都希望與眾不同并創(chuàng)造獨特的想法，但你必須考慮它是否會阻礙用戶的體驗。

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

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

你有注意到嗎？

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

全世界許多人每天都訪問這些網(wǎng)站，融入人們可以識別的設(shè)計元素有助于增加參與度并專注于產(chǎn)品。實施模式識別元素可以被視為一種通用語言，因為擁有任何電子設(shè)備的所有人都可以理解。

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

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

參考文獻：

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，其中修改并添加自己的理解和觀點。

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

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