馮.雷斯托夫效應(yīng) | 設(shè)計(jì)師需要知道的設(shè)計(jì)原則!

0 評(píng)論 5003 瀏覽 20 收藏 15 分鐘

在設(shè)計(jì)領(lǐng)域,有些原則雖然我們經(jīng)常使用,卻可能并不熟悉其背后的理論。馮·雷斯托夫效應(yīng)(Von Restorff Effect)就是這樣一種現(xiàn)象,它解釋了為何在一系列相似元素中,獨(dú)特的那個(gè)更容易被記住。

在我們的日常生活中,心理學(xué)的影響無(wú)處不在。它像一把神奇的鑰匙,能打開(kāi)人們內(nèi)心深處的秘密。作為設(shè)計(jì)師,我們更應(yīng)該掌握并運(yùn)用心理學(xué),將其融入我們的設(shè)計(jì)中,從而創(chuàng)造出更具有吸引力和影響力的作品。

設(shè)計(jì)并不僅僅是形狀、顏色和布局的組合,更是對(duì)人類心理的探索和解讀。我們的每一個(gè)設(shè)計(jì)決策,都與用戶的心理狀態(tài)和認(rèn)知過(guò)程息息相關(guān)。如何抓住用戶的眼球、引發(fā)他們的興趣、引導(dǎo)他們的行為,這些都是我們需要深入研究的課題。

在眾多的心理學(xué)原理中,馮·雷斯托夫效應(yīng)(Von Restorff Effect)是一個(gè)值得設(shè)計(jì)師們關(guān)注的設(shè)計(jì)法則。這個(gè)效應(yīng)揭示了一個(gè)有趣的現(xiàn)象:特殊的東西往往比普通的東西更容易被人記住。這就意味著,在設(shè)計(jì)中,我們要制造一些“特殊”的元素,使它們能夠從眾多的信息中脫穎而出,成為用戶關(guān)注的焦點(diǎn)。今天筆者就帶大家了解一下設(shè)計(jì)中常用的心理學(xué)之一馮·雷斯托夫效應(yīng)。

一、關(guān)于馮.雷斯托夫效應(yīng)

1. 產(chǎn)生背景

在1933年的德國(guó),一個(gè)名叫海德維希·馮·雷斯托夫的醫(yī)生開(kāi)啟了一項(xiàng)改變我們對(duì)人類記憶理解的實(shí)驗(yàn)。她深入探索了當(dāng)人們面對(duì)一系列物品時(shí),他們的記憶是如何運(yùn)作的。通過(guò)精心設(shè)計(jì)的對(duì)比實(shí)驗(yàn),她發(fā)現(xiàn)了一個(gè)令人驚奇的現(xiàn)象:在一組物品中,那個(gè)最特別的物品總是更容易被人們記住。

這一發(fā)現(xiàn)為我們揭示了一個(gè)核心事實(shí):特別的事物更能吸引我們的注意力,并在我們的記憶中留下深刻的印記。想象一下,在一組物品中,如果有一個(gè)被聚光燈照亮,那么相比其他未被照亮的物品,它無(wú)疑會(huì)成為人們關(guān)注的焦點(diǎn),從而在記憶中留下更深的痕跡。

這個(gè)人類行為和記憶的規(guī)律后來(lái)被命名為“馮·雷斯托夫效應(yīng)”。這一效應(yīng)不僅僅是一個(gè)簡(jiǎn)單的觀察,它實(shí)際上是人類行為學(xué)和心理學(xué)領(lǐng)域的一項(xiàng)重要研究成果。隨著時(shí)間的推移,這一效應(yīng)逐漸被應(yīng)用于美學(xué)和設(shè)計(jì)領(lǐng)域,為設(shè)計(jì)師們提供了全新的視角和工具,以創(chuàng)造出更具吸引力和影響力的作品。

自馮·雷斯托夫效應(yīng)被正式確立命名以來(lái),眾多科研學(xué)者在此基礎(chǔ)上進(jìn)行了更深入的研究,他們不僅剖析了這一效應(yīng)的內(nèi)在機(jī)制和影響因素,還探討了其在不同情境下的應(yīng)用。隨著研究的深入,對(duì)于這一效應(yīng)的理解也在不斷加深,并衍生出了許多其他的理論和學(xué)術(shù)觀點(diǎn)。

2. 融入設(shè)計(jì)行業(yè)

馮·雷斯托夫效應(yīng)為我們提供了一個(gè)獨(dú)特的視角,幫助我們更好地理解人類記憶的運(yùn)作方式。通過(guò)運(yùn)用這一原理,我們可以在設(shè)計(jì)中有意識(shí)地創(chuàng)造出令人難忘的元素,從而與觀眾建立更深刻的聯(lián)系。無(wú)論是在廣告、品牌推廣還是產(chǎn)品設(shè)計(jì)中,突出特別的元素都是一種有效的策略,可以幫助我們更好地吸引觀眾的注意力并留下深刻的印象。

馮·雷斯托夫效應(yīng),又被稱為隔離效應(yīng)或新奇效應(yīng),揭示了人們?cè)谟洃浿械钠?。?dāng)情境或經(jīng)歷中出現(xiàn)與眾不同的刺激時(shí),這種效應(yīng)尤為明顯。

在當(dāng)今信息爆炸的時(shí)代,用戶往往沒(méi)有耐心去仔細(xì)查找信息,而是快速掃視。因此,設(shè)計(jì)師需要巧妙地運(yùn)用萊斯托夫效應(yīng),使關(guān)鍵內(nèi)容從繁雜的信息中脫穎而出,吸引用戶的目光。

統(tǒng)一性是設(shè)計(jì)的基礎(chǔ),但只有差異化的元素才能讓信息從頁(yè)面中脫穎而出。通過(guò)巧妙運(yùn)用顏色、形狀、布局等元素,我們可以創(chuàng)造出與眾不同的視覺(jué)效果,引導(dǎo)用戶的視線。通過(guò)巧妙地突出關(guān)鍵內(nèi)容,我們能夠更好地與用戶溝通,引領(lǐng)他們的注意力,為業(yè)務(wù)創(chuàng)造更大的價(jià)值。

二、馮.雷斯托夫效應(yīng)對(duì)設(shè)計(jì)的影響

1. 背景不同 強(qiáng)化視覺(jué)

在界面設(shè)計(jì)中,我們常常會(huì)遇到這樣的情況:在同類型的元素中,某一元素與其他元素存在顯著差異,這種現(xiàn)象我們稱之為“背景不同”。為了使某個(gè)模塊或元素在用戶心中留下深刻印象,我們可以利用環(huán)境差異來(lái)提高其識(shí)別度和記憶度。這種手法在UI設(shè)計(jì)中被廣泛應(yīng)用,它利用了馮·雷斯托夫效應(yīng),能有效吸引用戶點(diǎn)擊。

例如淘寶底部標(biāo)簽欄中的四個(gè)ICON,唯獨(dú)首頁(yè)的第一個(gè)ICON(品牌logo)風(fēng)格與眾不同。即使離開(kāi)了該頁(yè)面,這個(gè)特殊的ICON依然讓人印象深刻,餓了么第二的圖標(biāo)也是如此。因此,我們?cè)谠O(shè)計(jì)界面時(shí),若想吸引用戶的注意或提高點(diǎn)擊量,可以打破常規(guī),讓特定元素在同背景下脫穎而出。

再比如下圖的個(gè)人中心界面,功能入口模塊均采用ICON展示,而游樂(lè)場(chǎng)模塊卻采用了特殊的布局和設(shè)計(jì)。因此,當(dāng)用戶進(jìn)入個(gè)人中心時(shí),最先映入眼簾的便是游樂(lè)場(chǎng)模塊。這也解釋了為什么我們?cè)谶M(jìn)行廣告和活動(dòng)投放時(shí),需要特別設(shè)計(jì)的原因。

2. 經(jīng)驗(yàn)不同 強(qiáng)化記憶

當(dāng)遇到與過(guò)去經(jīng)驗(yàn)顯著不同的情況時(shí),我們的大腦會(huì)產(chǎn)生一種特殊的效應(yīng),這種效應(yīng)被稱為“經(jīng)驗(yàn)不同”的效應(yīng)。例如,在騎自行車的過(guò)程中,我們通常習(xí)慣于左手控制左把手,右手控制右把手。但是,如果我們嘗試用雙手交叉的方式來(lái)騎車,結(jié)果很可能會(huì)摔倒。從此以后,每當(dāng)我們聽(tīng)到或描述有關(guān)騎車摔倒的事情時(shí),我們都會(huì)立刻想起那次“經(jīng)驗(yàn)不同”的嘗試。

同樣地,淘寶和京東在618、雙十一等大型促銷活動(dòng)時(shí),會(huì)選擇重新設(shè)計(jì)他們的首頁(yè)。與往常的設(shè)計(jì)相比,這些新的首頁(yè)設(shè)計(jì)通常會(huì)增加更多的促銷入口,甚至改變ICON的風(fēng)格。從馮·雷斯托夫效應(yīng)的角度來(lái)看,這種與以往不同的設(shè)計(jì)能夠更好地吸引用戶的注意力,加深用戶的記憶,并擴(kuò)大活動(dòng)對(duì)用戶的影響力。

三、在設(shè)計(jì)中的應(yīng)用

1. 功能隔離提高效率

在視覺(jué)層面難以實(shí)現(xiàn)強(qiáng)烈差異化時(shí),我們可以通過(guò)功能來(lái)實(shí)現(xiàn)有效的隔離。以微信為例,其置頂功能允許用戶將好友或群聊消息置于頂部,從而與其他信息區(qū)分開(kāi)來(lái)。這種設(shè)計(jì)確保了關(guān)鍵信息的優(yōu)先級(jí),使用戶能夠更快速地找到和關(guān)注所需內(nèi)容。通過(guò)巧妙地運(yùn)用功能,我們可以輕松地解決視覺(jué)上的一致性與差異化之間的矛盾,為用戶提供更加流暢和個(gè)性化的體驗(yàn)。

2. 動(dòng)效加強(qiáng)引導(dǎo)

靜態(tài)頁(yè)面容易讓人視覺(jué)疲勞,動(dòng)效能夠更加生動(dòng)有趣地展示內(nèi)容,引導(dǎo)用戶更加關(guān)注頁(yè)面。相較于被動(dòng)接受信息,動(dòng)效能夠更加有效地吸引用戶注意。

3. 背景聯(lián)動(dòng)吸引目光

隨著B(niǎo)anner自動(dòng)輪播的普及,用戶對(duì)其的吸引力逐漸降低。面對(duì)不斷變化的廣告,用戶不再耐心地逐個(gè)瀏覽。當(dāng)無(wú)法獲取所需信息時(shí),他們的視線會(huì)迅速轉(zhuǎn)向其他區(qū)域。

為了應(yīng)對(duì)這一挑戰(zhàn),騰訊視頻首頁(yè)的Banner采用了背景聯(lián)動(dòng)的形式。這意味著頭部背景色會(huì)根據(jù)Banner圖片的色調(diào)進(jìn)行變化,從而擴(kuò)大了內(nèi)容的變化空間。這種設(shè)計(jì)不僅使廣告更加引人注目,還使用戶更容易被吸引并保持關(guān)注。

4. icon強(qiáng)化加強(qiáng)視覺(jué)感知

頻道頁(yè)的入口方式多種多樣,金剛區(qū)icon無(wú)疑是最優(yōu)選擇。若要突出展示某些業(yè)務(wù)功能,單一的icon配合動(dòng)效可有效吸引用戶關(guān)注。此策略簡(jiǎn)單高效,有助于用戶快速找到所需內(nèi)容。

5. 內(nèi)容強(qiáng)化凸顯價(jià)值感

在設(shè)計(jì)界面時(shí),我們追求的是在有限的空間內(nèi)展示更多的有效信息,避免信息的無(wú)效重復(fù)。但在電商平臺(tái)中,尤其是涉及到利益點(diǎn)時(shí),我們需要確保信息具有足夠的價(jià)值感和吸引力。

以智行APP開(kāi)通會(huì)員為例,領(lǐng)神卡作為核心賣點(diǎn)被突出展示,采用了平鋪展開(kāi)的方式,從而突顯其價(jià)值。相對(duì)其他權(quán)益則相應(yīng)地進(jìn)行了弱化處理,以保持整體信息的清晰度和重點(diǎn)。這樣的設(shè)計(jì)既充分利用了屏幕空間,又確保了用戶能夠快速了解到核心的利益點(diǎn)。

6. 分層隔離提高信息層級(jí)

頁(yè)面信息層次分明,信息層級(jí)越高,用戶感知越強(qiáng)烈,越能吸引注意。例如,模態(tài)彈窗處于最上層,與內(nèi)容層完全隔離,用戶無(wú)法忽視。其次是非模態(tài)懸浮層,與內(nèi)容層隔離,但不影響用戶操作。還有側(cè)邊懸浮按鈕、頂部或底部懸浮橫條等。

四、常見(jiàn)問(wèn)題及解決方式

1. 本末倒置的危險(xiǎn)

受“危險(xiǎn)按鈕”的影響,過(guò)去設(shè)計(jì)師常常給予負(fù)向情緒操作很高的視覺(jué)層級(jí),例如退出登錄。這樣的設(shè)計(jì)意圖是警示用戶操作危險(xiǎn),但視覺(jué)上卻過(guò)于強(qiáng)調(diào),甚至有些“喧賓奪主”。近年來(lái),移動(dòng)端設(shè)計(jì)中這種矛盾逐漸減少,但仍然存在。與其強(qiáng)調(diào)操作的難度和危險(xiǎn)性,不如考慮如何讓用戶自然地忽視這些操作,減少不必要的干擾。從馮·雷斯托夫效應(yīng)來(lái)看,這種設(shè)計(jì)方式有本末倒置之嫌,應(yīng)盡量避免。

2. 什么都突出等于什么都不突出

新手設(shè)計(jì)師常常會(huì)遇到想要突出所有元素,但最終無(wú)法突出任何一項(xiàng)的問(wèn)題。頁(yè)面中的特異點(diǎn)應(yīng)該屬于少數(shù),如果所有元素都想做得不一樣,都會(huì)讓頁(yè)面整體視覺(jué)效果崩潰。因此,在設(shè)計(jì)中要學(xué)會(huì)取舍,選擇最重要的元素進(jìn)行突出,才能達(dá)到最佳的視覺(jué)效果。

五、結(jié)語(yǔ)

總的來(lái)說(shuō),將馮·雷斯托夫效應(yīng)運(yùn)用到設(shè)計(jì)中,能幫助我們創(chuàng)造出更具吸引力、更容易被記住的設(shè)計(jì)。但請(qǐng)記住,任何設(shè)計(jì)決策都應(yīng)以用戶為中心,了解他們的需求和心理是關(guān)鍵。只有這樣,我們才能真正創(chuàng)造出打動(dòng)人心的設(shè)計(jì)。

專欄作家

大漠飛鷹;公眾號(hào):能量眼球,人人都是產(chǎn)品經(jīng)理專欄作家。致力于產(chǎn)品需求的驅(qū)動(dòng)、產(chǎn)品體驗(yàn)的挖掘,利用設(shè)計(jì)的手段為受眾用戶帶來(lái)更好的體驗(yàn),即好看、好用。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來(lái)自 Unsplash,基于 CC0 協(xié)議。

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!