在我們的日常生活中，心理學的影響無處不在。它像一把神奇的鑰匙，能打開人們內(nèi)心深處的秘密。作為設(shè)計師，我們更應(yīng)該掌握并運用心理學，將其融入我們的設(shè)計中，從而創(chuàng)造出更具有吸引力和影響力的作品。
設(shè)計并不僅僅是形狀、顏色和布局的組合，更是對人類心理的探索和解讀。我們的每一個設(shè)計決策，都與用戶的心理狀態(tài)和認知過程息息相關(guān)。如何抓住用戶的眼球、引發(fā)他們的興趣、引導(dǎo)他們的行為，這些都是我們需要深入研究的課題。
在眾多的心理學原理中，馮·雷斯托夫效應(yīng)（Von Restorff Effect）是一個值得設(shè)計師們關(guān)注的設(shè)計法則。這個效應(yīng)揭示了一個有趣的現(xiàn)象：特殊的東西往往比普通的東西更容易被人記住。這就意味著，在設(shè)計中，我們要制造一些“特殊”的元素，使它們能夠從眾多的信息中脫穎而出，成為用戶關(guān)注的焦點。今天筆者就帶大家了解一下設(shè)計中常用的心理學之一馮·雷斯托夫效應(yīng)。
二、馮.雷斯托夫效應(yīng)對設(shè)計的影響
在1933年的德國，一個名叫海德維希·馮·雷斯托夫的醫(yī)生開啟了一項改變我們對人類記憶理解的實驗。她深入探索了當人們面對一系列物品時，他們的記憶是如何運作的。通過精心設(shè)計的對比實驗，她發(fā)現(xiàn)了一個令人驚奇的現(xiàn)象：在一組物品中，那個最特別的物品總是更容易被人們記住。
這一發(fā)現(xiàn)為我們揭示了一個核心事實：特別的事物更能吸引我們的注意力，并在我們的記憶中留下深刻的印記。想象一下，在一組物品中，如果有一個被聚光燈照亮，那么相比其他未被照亮的物品，它無疑會成為人們關(guān)注的焦點，從而在記憶中留下更深的痕跡。
這個人類行為和記憶的規(guī)律后來被命名為“馮·雷斯托夫效應(yīng)”。這一效應(yīng)不僅僅是一個簡單的觀察，它實際上是人類行為學和心理學領(lǐng)域的一項重要研究成果。隨著時間的推移，這一效應(yīng)逐漸被應(yīng)用于美學和設(shè)計領(lǐng)域，為設(shè)計師們提供了全新的視角和工具，以創(chuàng)造出更具吸引力和影響力的作品。
自馮·雷斯托夫效應(yīng)被正式確立命名以來，眾多科研學者在此基礎(chǔ)上進行了更深入的研究，他們不僅剖析了這一效應(yīng)的內(nèi)在機制和影響因素，還探討了其在不同情境下的應(yīng)用。隨著研究的深入，對于這一效應(yīng)的理解也在不斷加深，并衍生出了許多其他的理論和學術(shù)觀點。
馮·雷斯托夫效應(yīng)為我們提供了一個獨特的視角，幫助我們更好地理解人類記憶的運作方式。通過運用這一原理，我們可以在設(shè)計中有意識地創(chuàng)造出令人難忘的元素，從而與觀眾建立更深刻的聯(lián)系。無論是在廣告、品牌推廣還是產(chǎn)品設(shè)計中，突出特別的元素都是一種有效的策略，可以幫助我們更好地吸引觀眾的注意力并留下深刻的印象。
馮·雷斯托夫效應(yīng)，又被稱為隔離效應(yīng)或新奇效應(yīng)，揭示了人們在記憶中的偏好。當情境或經(jīng)歷中出現(xiàn)與眾不同的刺激時，這種效應(yīng)尤為明顯。
在當今信息爆炸的時代，用戶往往沒有耐心去仔細查找信息，而是快速掃視。因此，設(shè)計師需要巧妙地運用萊斯托夫效應(yīng)，使關(guān)鍵內(nèi)容從繁雜的信息中脫穎而出，吸引用戶的目光。
統(tǒng)一性是設(shè)計的基礎(chǔ)，但只有差異化的元素才能讓信息從頁面中脫穎而出。通過巧妙運用顏色、形狀、布局等元素，我們可以創(chuàng)造出與眾不同的視覺效果，引導(dǎo)用戶的視線。通過巧妙地突出關(guān)鍵內(nèi)容，我們能夠更好地與用戶溝通，引領(lǐng)他們的注意力，為業(yè)務(wù)創(chuàng)造更大的價值。
在界面設(shè)計中，我們常常會遇到這樣的情況：在同類型的元素中，某一元素與其他元素存在顯著差異，這種現(xiàn)象我們稱之為“背景不同”。為了使某個模塊或元素在用戶心中留下深刻印象，我們可以利用環(huán)境差異來提高其識別度和記憶度。這種手法在UI設(shè)計中被廣泛應(yīng)用，它利用了馮·雷斯托夫效應(yīng)，能有效吸引用戶點擊。
例如淘寶底部標簽欄中的四個ICON，唯獨首頁的第一個ICON（品牌logo）風格與眾不同。即使離開了該頁面，這個特殊的ICON依然讓人印象深刻，餓了么第二的圖標也是如此。因此，我們在設(shè)計界面時，若想吸引用戶的注意或提高點擊量，可以打破常規(guī)，讓特定元素在同背景下脫穎而出。
再比如下圖的個人中心界面，功能入口模塊均采用ICON展示，而游樂場模塊卻采用了特殊的布局和設(shè)計。因此，當用戶進入個人中心時，最先映入眼簾的便是游樂場模塊。這也解釋了為什么我們在進行廣告和活動投放時，需要特別設(shè)計的原因。
當遇到與過去經(jīng)驗顯著不同的情況時，我們的大腦會產(chǎn)生一種特殊的效應(yīng)，這種效應(yīng)被稱為“經(jīng)驗不同”的效應(yīng)。例如，在騎自行車的過程中，我們通常習慣于左手控制左把手，右手控制右把手。但是，如果我們嘗試用雙手交叉的方式來騎車，結(jié)果很可能會摔倒。從此以后，每當我們聽到或描述有關(guān)騎車摔倒的事情時，我們都會立刻想起那次“經(jīng)驗不同”的嘗試。
同樣地，淘寶和京東在618、雙十一等大型促銷活動時，會選擇重新設(shè)計他們的首頁。與往常的設(shè)計相比，這些新的首頁設(shè)計通常會增加更多的促銷入口，甚至改變ICON的風格。從馮·雷斯托夫效應(yīng)的角度來看，這種與以往不同的設(shè)計能夠更好地吸引用戶的注意力，加深用戶的記憶，并擴大活動對用戶的影響力。
在視覺層面難以實現(xiàn)強烈差異化時，我們可以通過功能來實現(xiàn)有效的隔離。以微信為例，其置頂功能允許用戶將好友或群聊消息置于頂部，從而與其他信息區(qū)分開來。這種設(shè)計確保了關(guān)鍵信息的優(yōu)先級，使用戶能夠更快速地找到和關(guān)注所需內(nèi)容。通過巧妙地運用功能，我們可以輕松地解決視覺上的一致性與差異化之間的矛盾，為用戶提供更加流暢和個性化的體驗。
靜態(tài)頁面容易讓人視覺疲勞，動效能夠更加生動有趣地展示內(nèi)容，引導(dǎo)用戶更加關(guān)注頁面。相較于被動接受信息，動效能夠更加有效地吸引用戶注意。
隨著Banner自動輪播的普及，用戶對其的吸引力逐漸降低。面對不斷變化的廣告，用戶不再耐心地逐個瀏覽。當無法獲取所需信息時，他們的視線會迅速轉(zhuǎn)向其他區(qū)域。
為了應(yīng)對這一挑戰(zhàn)，騰訊視頻首頁的Banner采用了背景聯(lián)動的形式。這意味著頭部背景色會根據(jù)Banner圖片的色調(diào)進行變化，從而擴大了內(nèi)容的變化空間。這種設(shè)計不僅使廣告更加引人注目，還使用戶更容易被吸引并保持關(guān)注。
頻道頁的入口方式多種多樣，金剛區(qū)icon無疑是最優(yōu)選擇。若要突出展示某些業(yè)務(wù)功能，單一的icon配合動效可有效吸引用戶關(guān)注。此策略簡單高效，有助于用戶快速找到所需內(nèi)容。
在設(shè)計界面時，我們追求的是在有限的空間內(nèi)展示更多的有效信息，避免信息的無效重復(fù)。但在電商平臺中，尤其是涉及到利益點時，我們需要確保信息具有足夠的價值感和吸引力。
以智行APP開通會員為例，領(lǐng)神卡作為核心賣點被突出展示，采用了平鋪展開的方式，從而突顯其價值。相對其他權(quán)益則相應(yīng)地進行了弱化處理，以保持整體信息的清晰度和重點。這樣的設(shè)計既充分利用了屏幕空間，又確保了用戶能夠快速了解到核心的利益點。
頁面信息層次分明，信息層級越高，用戶感知越強烈，越能吸引注意。例如，模態(tài)彈窗處于最上層，與內(nèi)容層完全隔離，用戶無法忽視。其次是非模態(tài)懸浮層，與內(nèi)容層隔離，但不影響用戶操作。還有側(cè)邊懸浮按鈕、頂部或底部懸浮橫條等。
受“危險按鈕”的影響，過去設(shè)計師常常給予負向情緒操作很高的視覺層級，例如退出登錄。這樣的設(shè)計意圖是警示用戶操作危險，但視覺上卻過于強調(diào)，甚至有些“喧賓奪主”。近年來，移動端設(shè)計中這種矛盾逐漸減少，但仍然存在。與其強調(diào)操作的難度和危險性，不如考慮如何讓用戶自然地忽視這些操作，減少不必要的干擾。從馮·雷斯托夫效應(yīng)來看，這種設(shè)計方式有本末倒置之嫌，應(yīng)盡量避免。
新手設(shè)計師常常會遇到想要突出所有元素，但最終無法突出任何一項的問題。頁面中的特異點應(yīng)該屬于少數(shù)，如果所有元素都想做得不一樣，都會讓頁面整體視覺效果崩潰。因此，在設(shè)計中要學會取舍，選擇最重要的元素進行突出，才能達到最佳的視覺效果。
總的來說，將馮·雷斯托夫效應(yīng)運用到設(shè)計中，能幫助我們創(chuàng)造出更具吸引力、更容易被記住的設(shè)計。但請記住，任何設(shè)計決策都應(yīng)以用戶為中心，了解他們的需求和心理是關(guān)鍵。只有這樣，我們才能真正創(chuàng)造出打動人心的設(shè)計。
作者：大漠飛鷹CYSJ
鏈接：https://www.zcool.com.cn/article/ZMTYzMjYwNA==.html
來源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請注明出處。
