用設(shè)計實例看心理學(xué)如何發(fā)揮作用
本文介紹五種心理學(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對此做出了兩種解釋:
- 基本上,當(dāng)我們放松的時候,我們的大腦更靈活,并更能為復(fù)雜的問題找到解決方法。相反,在我們感到沮喪和緊張的時候,大腦的思維就會像位于隧道中的人的視野那樣受到限制,我們僅能看到當(dāng)前面臨的問題。
- 我們喜歡去做那些能讓我們感到愉快的事情,我們更愿意去面對那些對我們有吸引力的問題。
總體而言,在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é)議
- 目前還沒評論,等你發(fā)揮!