2024-5-22 資深UI設計者
羅賓·威廉姆斯《寫給大家看的設計書》應該是每一位設計人的入門必讀吧?雖然我不確定你有沒有讀過,但是“親密、對齊、重復、對比”這四個基本的視覺設計手法,你應該多多少少有聽過了吧。
1933年,德國醫生海德維希·馮·雷斯托夫(Hedwig von Restorff)進行了一系列記憶研究實驗,通過多組、多次的對比實驗發現了一個人類記憶規律:在一組物品中,人們總是很容易關注和記住某個最特別的東西。比如說一組物品,用聚光燈照射其中一個,那么相比其他未被照射的物品,人們會更容易注意并記住它。
也就是說該實驗發現并證明了:越特別的事物,越容易搶奪人們的注意力,并形成記憶點。這種人類行為、記憶現象后來以實驗者的名字被命名為了「馮·雷斯托夫效應」。「馮·雷斯托夫效應」實際是隸屬于人類行為學、心理學方面的研究結果,歷史上過了許久才慢慢地被運用于美學設計中來。
從該效應被正式確立命名之后,基于它,后面還有許多科研學者對這種行為、記憶現象展開了更深入的研究,剖析了「馮·雷斯托夫效應」的優缺點,并衍生出了許多其他的理論和學術說。
我個人認為其中比較重要,且對設計同行們有較大意義的兩個是:
獨特性可以讓內容被人更輕易地關注和記住,但同時會攫取人們的注意力,從而降低人們對項目中其他內容的關注度。因此構建特殊性,就要承擔同時會削弱人們對項目整體記憶的風險;
越突出、越新穎、越令人驚訝、越獨特的刺激,越能增強「馮·雷斯托夫效應」的作用程度(1978·Taylor & Fiske 研究結論)。
我認為這兩個衍生結論對設計人員最有意義的原因是,它們分別對應了 Material Design “一個頁面只專注一件事情” 的設計原則 和 羅賓·威廉姆斯書中所說 “要對比就對比得足夠夸張” 的觀點。
我知道許多的產品設計者總是希望自己頁面上的每一個功能都被用戶看到,但你必須學會劃分優先級,請把「馮·雷斯托夫效應」作用在真正重要且必須的事情上。
從前面我的反復提及可以看出,「馮·雷斯托夫效應」會影響到人們的注意力和記憶兩個方面。拆解了這兩點,就比較容易理解應該如何將這個設計理論運用在項目之中了。
開頭我提到的羅振宇的觀點中,他就是利用了「馮·雷斯托夫效應」對注意力的影響作用。
其實這一手法在UI設計中經常被使用,不論出于商業價值考慮還是功能考慮,設計師們總是知道用視覺差異來吸引用戶的注意力。上案例:
你會記住生命中最極致快樂和最極致痛苦的時刻,因為它比起其他的日子足夠特別,這也是「馮·雷斯托夫效應」作祟。別忘了「馮·雷斯托夫效應」最開始本就是起源于行為和心理學。
讓特殊的日子被紀念,百度Doodle不就是做著這樣有趣并且有益于文化傳播的事嗎?
Doodle的出現,已經是將「馮·雷斯托夫效應」作用于產品溫度和連接用戶情感的層面上了,傳遞了品牌調性與理念。
這一點也可以用于打造自身產品,不論是從功能、交互還是視覺,構建產品的差異,從同質化嚴重的互聯網現狀中脫穎出來,就可以讓用戶深刻地記住你。例如馬云的雙十一,例如為了躲開馬云而發展出來的垂直電商...
前面我提到一句“正是因為有序,才讓設計師能夠發揮‘無序’的功效和威力”,所以越有序的內容中出現一個越不和諧的元素,才能把「馮·雷斯托夫效應」發揮得越極致。
看一個案例:以下兩個頁面,哪一個你更能關注到標簽欄中的“搖現金”功能?毋庸置疑的答案是頁面2。
因為頁面1中金剛區和功能瓷片區搶走了用戶非常多的視覺關注,圖標的用色在飽和度和對比度上也比較一致,我很難關注到標簽欄中的活動。而頁面2中“搖現金”圖標的畫風、色彩飽和度都與其他元素不一致,我雖然眼睛盯著金剛區,但我的余光一直在被標簽欄瘋狂拉扯。
當然我這里只是為了論證太多的突出=沒突出的論點,拼多多也許有自己的商業和功能考量。該案例在單一論點中進行描述,只是想告訴大家:要發揮「馮·雷斯托夫效應」的作用,前提就是先構建“平庸的和諧”。不要想著每一個元素和功能都要突出,都突出=都不突出。
受“危險按鈕”的陶冶,曾經設計師們都喜歡給負向情緒操作非常高的視覺層級。例如退出登錄。
實際上設計者是希望告知用戶此操作危險,視覺層面卻仿佛在瘋狂地暗示用戶“看我!然后點我”。雖然近些年在移動端,這樣的矛盾設計已經越來越少了。但這個“危險按鈕”也真實地困惑了我很久...與其告訴用戶“這個操作很難危險”,為何不直接讓用戶盡量忽視掉這個操作呢...
我至今沒有探索和查找到相關文獻來解釋為何“危險按鈕”視覺層級這么高。但AntDesigng規定“危險按鈕”一般還需要進行二次確認操作,些許解開了一點我的擔心。
但單從「馮·雷斯托夫效應」來看,這樣的設計確實是有些本末倒置。在日常的設計當中,也應該極力避免。
藍藍設計(m.ssll180.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。
關鍵詞:UI咨詢、UI設計服務公司、軟件界面設計公司、界面設計公司、UI設計公司、UI交互設計公司、數據可視化設計公司、用戶體驗公司、高端網站設計公司
銀行金融軟件UI界面設計、能源及監控軟件UI界面設計、氣象行業UI界面設計、軌道交通界面設計、地理信息系統GIS UI界面設計、航天軍工軟件UI界面設計、醫療行業軟件UI界面設計、教育行業軟件UI界面設計、企業信息化UI界面設計、軟件qt開發、軟件wpf開發、軟件vue開發