馮.雷斯托夫效應 | 設計師需要知道的設計原則!

0 評論 4955 瀏覽 20 收藏 15 分鐘

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

在我們的日常生活中,心理學的影響無處不在。它像一把神奇的鑰匙,能打開人們內心深處的秘密。作為設計師,我們更應該掌握并運用心理學,將其融入我們的設計中,從而創造出更具有吸引力和影響力的作品。

設計并不僅僅是形狀、顏色和布局的組合,更是對人類心理的探索和解讀。我們的每一個設計決策,都與用戶的心理狀態和認知過程息息相關。如何抓住用戶的眼球、引發他們的興趣、引導他們的行為,這些都是我們需要深入研究的課題。

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

一、關于馮.雷斯托夫效應

1. 產生背景

在1933年的德國,一個名叫海德維?!ゑT·雷斯托夫的醫生開啟了一項改變我們對人類記憶理解的實驗。她深入探索了當人們面對一系列物品時,他們的記憶是如何運作的。通過精心設計的對比實驗,她發現了一個令人驚奇的現象:在一組物品中,那個最特別的物品總是更容易被人們記住。

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

這個人類行為和記憶的規律后來被命名為“馮·雷斯托夫效應”。這一效應不僅僅是一個簡單的觀察,它實際上是人類行為學和心理學領域的一項重要研究成果。隨著時間的推移,這一效應逐漸被應用于美學和設計領域,為設計師們提供了全新的視角和工具,以創造出更具吸引力和影響力的作品。

自馮·雷斯托夫效應被正式確立命名以來,眾多科研學者在此基礎上進行了更深入的研究,他們不僅剖析了這一效應的內在機制和影響因素,還探討了其在不同情境下的應用。隨著研究的深入,對于這一效應的理解也在不斷加深,并衍生出了許多其他的理論和學術觀點。

2. 融入設計行業

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

馮·雷斯托夫效應,又被稱為隔離效應或新奇效應,揭示了人們在記憶中的偏好。當情境或經歷中出現與眾不同的刺激時,這種效應尤為明顯。

在當今信息爆炸的時代,用戶往往沒有耐心去仔細查找信息,而是快速掃視。因此,設計師需要巧妙地運用萊斯托夫效應,使關鍵內容從繁雜的信息中脫穎而出,吸引用戶的目光。

統一性是設計的基礎,但只有差異化的元素才能讓信息從頁面中脫穎而出。通過巧妙運用顏色、形狀、布局等元素,我們可以創造出與眾不同的視覺效果,引導用戶的視線。通過巧妙地突出關鍵內容,我們能夠更好地與用戶溝通,引領他們的注意力,為業務創造更大的價值。

二、馮.雷斯托夫效應對設計的影響

1. 背景不同 強化視覺

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

例如淘寶底部標簽欄中的四個ICON,唯獨首頁的第一個ICON(品牌logo)風格與眾不同。即使離開了該頁面,這個特殊的ICON依然讓人印象深刻,餓了么第二的圖標也是如此。因此,我們在設計界面時,若想吸引用戶的注意或提高點擊量,可以打破常規,讓特定元素在同背景下脫穎而出。

再比如下圖的個人中心界面,功能入口模塊均采用ICON展示,而游樂場模塊卻采用了特殊的布局和設計。因此,當用戶進入個人中心時,最先映入眼簾的便是游樂場模塊。這也解釋了為什么我們在進行廣告和活動投放時,需要特別設計的原因。

2. 經驗不同 強化記憶

當遇到與過去經驗顯著不同的情況時,我們的大腦會產生一種特殊的效應,這種效應被稱為“經驗不同”的效應。例如,在騎自行車的過程中,我們通常習慣于左手控制左把手,右手控制右把手。但是,如果我們嘗試用雙手交叉的方式來騎車,結果很可能會摔倒。從此以后,每當我們聽到或描述有關騎車摔倒的事情時,我們都會立刻想起那次“經驗不同”的嘗試。

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

三、在設計中的應用

1. 功能隔離提高效率

在視覺層面難以實現強烈差異化時,我們可以通過功能來實現有效的隔離。以微信為例,其置頂功能允許用戶將好友或群聊消息置于頂部,從而與其他信息區分開來。這種設計確保了關鍵信息的優先級,使用戶能夠更快速地找到和關注所需內容。通過巧妙地運用功能,我們可以輕松地解決視覺上的一致性與差異化之間的矛盾,為用戶提供更加流暢和個性化的體驗。

2. 動效加強引導

靜態頁面容易讓人視覺疲勞,動效能夠更加生動有趣地展示內容,引導用戶更加關注頁面。相較于被動接受信息,動效能夠更加有效地吸引用戶注意。

3. 背景聯動吸引目光

隨著Banner自動輪播的普及,用戶對其的吸引力逐漸降低。面對不斷變化的廣告,用戶不再耐心地逐個瀏覽。當無法獲取所需信息時,他們的視線會迅速轉向其他區域。

為了應對這一挑戰,騰訊視頻首頁的Banner采用了背景聯動的形式。這意味著頭部背景色會根據Banner圖片的色調進行變化,從而擴大了內容的變化空間。這種設計不僅使廣告更加引人注目,還使用戶更容易被吸引并保持關注。

4. icon強化加強視覺感知

頻道頁的入口方式多種多樣,金剛區icon無疑是最優選擇。若要突出展示某些業務功能,單一的icon配合動效可有效吸引用戶關注。此策略簡單高效,有助于用戶快速找到所需內容。

5. 內容強化凸顯價值感

在設計界面時,我們追求的是在有限的空間內展示更多的有效信息,避免信息的無效重復。但在電商平臺中,尤其是涉及到利益點時,我們需要確保信息具有足夠的價值感和吸引力。

以智行APP開通會員為例,領神卡作為核心賣點被突出展示,采用了平鋪展開的方式,從而突顯其價值。相對其他權益則相應地進行了弱化處理,以保持整體信息的清晰度和重點。這樣的設計既充分利用了屏幕空間,又確保了用戶能夠快速了解到核心的利益點。

6. 分層隔離提高信息層級

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

四、常見問題及解決方式

1. 本末倒置的危險

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

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

新手設計師常常會遇到想要突出所有元素,但最終無法突出任何一項的問題。頁面中的特異點應該屬于少數,如果所有元素都想做得不一樣,都會讓頁面整體視覺效果崩潰。因此,在設計中要學會取舍,選擇最重要的元素進行突出,才能達到最佳的視覺效果。

五、結語

總的來說,將馮·雷斯托夫效應運用到設計中,能幫助我們創造出更具吸引力、更容易被記住的設計。但請記住,任何設計決策都應以用戶為中心,了解他們的需求和心理是關鍵。只有這樣,我們才能真正創造出打動人心的設計。

專欄作家

大漠飛鷹;公眾號:能量眼球,人人都是產品經理專欄作家。致力于產品需求的驅動、產品體驗的挖掘,利用設計的手段為受眾用戶帶來更好的體驗,即好看、好用。

本文原創發布于人人都是產品經理,未經許可,禁止轉載。

題圖來自 Unsplash,基于 CC0 協議。

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!