于佳憓
(北京印刷學(xué)院新媒體學(xué)院,北京 100000)
萊斯托夫效應(yīng)又稱雷斯多夫效應(yīng)(Von Restorff Effect)、隔離效應(yīng)(Isolation effect)以及新奇效應(yīng)(Novelty effect)等。它是由前蘇聯(lián)心理學(xué)家萊斯托夫提出的。萊斯托夫效應(yīng)的具體內(nèi)容是指:比起常見的事物,人們記住奇特事物的幾率更大。我們可以簡單地將其概括為“特殊的事物才容易被人牢牢記住”。舉個例子,在一場盛大的宴會上,主人在眾多出席的賓客中只能對某些身形、相貌、年齡、地位等特征中最為突出者留有深刻印象,并即時記下她們的姓名。萊斯托夫在1933年的實驗中驗證了這個理論。他讓實驗對象看部分相似的物品,如果其中某個更為特別,那么相比另一個物品,受試者就更容易回憶起較特殊的那件。因此萊斯托夫效應(yīng)告訴我們一個道理:某個元素越是新奇特殊,就越容易給人留下深刻的印象。
同理,若要使用戶對產(chǎn)品產(chǎn)生深刻的印象,萊斯托夫效應(yīng)同樣也可以應(yīng)用到用戶界面設(shè)計中起到吸引用戶的作用。
用戶界面主要指用戶的操作界面,用戶界面設(shè)計主要是指界面的樣式和美觀程度,界面的好壞決定了用戶對應(yīng)用的第一印象。美觀簡潔的界面能夠指引用戶完成相應(yīng)的操作,起到導(dǎo)向作用,而且具有吸引用戶的直接優(yōu)勢。因此設(shè)計師可以合理運用萊斯托夫效應(yīng),巧妙運用“差別”來吸引用戶的注意力,從而更好地強化用戶對整個產(chǎn)品的印象。
在信息爆炸的今天,人們大量接觸并運用各種類型的應(yīng)用軟件。對比現(xiàn)有的用戶界面,設(shè)計同質(zhì)化已經(jīng)成為一個常態(tài),往往當(dāng)一個產(chǎn)品以一種新穎的設(shè)計方式映入用戶眼簾且大受好評時,進而伴隨著大量類似的產(chǎn)品雨后春筍般地出現(xiàn)。如何在琳瑯滿目的應(yīng)用中脫穎而出,用戶界面設(shè)計就成為一個亟待解決的問題。
藝術(shù)對視覺做加法而設(shè)計卻在做減法,在用戶界面的設(shè)計中涉及的層級越深用戶的學(xué)習(xí)成本就越高。所以如何突出重點,引導(dǎo)用戶快速做出選擇就變得尤為重要。比如向用戶凸顯產(chǎn)品的新功能,電商促銷時對消費者進行購物引導(dǎo)等,界面元素的突出設(shè)計降低了用戶的學(xué)習(xí)成本,讓用戶容易接受并使用產(chǎn)品,第一時間展現(xiàn)給用戶有價值的信息,從而減少時間和精力的開支,使用戶更加高效地學(xué)習(xí)和使用產(chǎn)品。在此筆者將界面中需要進行特殊化設(shè)計的部分歸納為三類:信息提示、操作引導(dǎo)和內(nèi)容推廣。
信息提示類,顧名思義是一種為用戶呈現(xiàn)信息的方式。是指當(dāng)應(yīng)用需要提醒用戶時在用戶界面出現(xiàn)的一些突出的視覺元素。這種提示區(qū)別于界面中的其他元素而獨立存在,通過與其他元素形成對比展現(xiàn)出其獨特性,引導(dǎo)用戶了解他們不熟悉或未知的內(nèi)容,起到通知的作用。在為用戶提供所需信息的基礎(chǔ)上也幫助開發(fā)人員有效地使用屏幕空間從而減少板式的混亂。
大部分產(chǎn)品的操作引導(dǎo)是為了指引新用戶如何進行操作,從而降低用戶的學(xué)習(xí)成本達(dá)到節(jié)省時間、提高效率的目的,幫助用戶快速上手一個全新的應(yīng)用。尤其是在產(chǎn)品上線新功能后,往往會給用戶一些特殊的提示,吸引用戶的目光,引導(dǎo)其在第一時間體驗新功能,達(dá)到及時獲得反饋和對功能進行合理優(yōu)化的目的。
產(chǎn)品除了自身功能之外,也會包含一些額外的推廣性引導(dǎo),最常見的形式就是產(chǎn)品中的廣告植入。在用戶進行瀏覽的過程中,當(dāng)用戶的行為動機不足時,購物應(yīng)用適當(dāng)?shù)靥砑犹厥庠啬軌虼碳び脩簦蛊洚a(chǎn)生點擊和購買的欲望,例如:適當(dāng)放大或加粗文本,使其區(qū)別于其他內(nèi)容信息或在顯眼區(qū)域放置色彩鮮艷的活動優(yōu)惠券等促銷信息來吸引用戶的點擊和購買。
將萊斯托夫效應(yīng)應(yīng)用于用戶界面設(shè)計的最終目的是通過對比更好地展示產(chǎn)品的內(nèi)容。界面元素之間的差異性往往能夠創(chuàng)造出富有層次感的視覺結(jié)構(gòu),讓內(nèi)容的可讀性更強,也讓信息更容易被用戶理解。而這種差異性可以通過界面元素的色彩、大小、字體和形狀來實現(xiàn)。
色彩是大多數(shù)設(shè)計師給用戶傳達(dá)信息的最顯著的視覺要素之一。色彩的特殊運用主要目標(biāo)就是吸引用戶的注意力。運用萊斯托夫效應(yīng)將色彩特殊化,能在第一時間給用戶留下最直接、最深刻的印象。色彩的對比是強調(diào)重要信息和實現(xiàn)產(chǎn)品價值的關(guān)鍵因素。以圖1叮咚買菜應(yīng)用的用戶界面為例,將界面進行模糊處理后不難發(fā)現(xiàn)最亮眼的色塊就是界面中的綠色色塊。設(shè)計師通過白色和綠色的強烈色彩對比,將“開通綠卡會員”這一信息很好地傳遞給用戶,充分運用顏色的特殊性來實現(xiàn)產(chǎn)品功能宣傳的目的。
如果界面中的元素都是同樣的大小,那么用戶就會覺得千篇一律,沒有視覺中心。最快凸顯出某一內(nèi)容或模塊差異性的方式就是讓元素之間的大小差別盡可能大一點,這樣用戶的視線自然會被這種特殊化的存在所吸引。以圖2當(dāng)當(dāng)?shù)挠脩艚缑鏋槔?,在這個顏色十分豐富的界面中,色彩對比被弱化了,通過形狀的大小對比展現(xiàn)出了設(shè)計師希望用戶看到的促銷信息。更大的元素會擁有更加明顯的視覺重量,從而更容易展現(xiàn)其特殊性。
圖1 叮咚買菜用戶界面
圖2 當(dāng)當(dāng)用戶界面
不同的字體組合和排版布局,同樣能展現(xiàn)出界面中元素的特殊性。字體的差異有著不同的視覺效果,給用戶不同的閱讀體驗。通過字體的傾斜、加粗等效果變化更能突出某些信息的重要性。以圖3鐵路12306應(yīng)用為例,最明顯且突出的部分就是出發(fā)地與目的地的信息,通過字體的放大和加粗與界面中其他的文字形成了鮮明的對比,突出了關(guān)鍵且重要的信息更加易于用戶操作,也減小了誤操作的可能性。
圖3 鐵路12306用戶界面
用戶界面的元素特殊化就是為了避免頁面中的元素太過相似。如果在一個界面中,有兩個不同的功能我們應(yīng)該盡量對其進行區(qū)分,一方面避免了用戶混淆,另一方面也凸顯了該功能的特殊性。在圖4閑魚應(yīng)用的工具欄中,就通過形狀和色彩的差異性凸顯了該應(yīng)用的主要功能,即發(fā)布二手閑置信息。減少了用戶的學(xué)習(xí)成本,起到了很好的引導(dǎo)作用。
圖4 閑魚功能欄
用戶界面設(shè)計會直接影響用戶的使用習(xí)慣、審美觀、價值觀甚至改變用戶的日常生活。善創(chuàng)意者求新,能求新者出奇,善用萊斯托夫效應(yīng)可以讓我們在界面設(shè)計中充分吸引用戶的眼球,降低用戶的學(xué)習(xí)成本,提升效率,做出用戶看過就忘不掉的好產(chǎn)品。而在進行元素特殊化的同時也不要忘記一切的改良或創(chuàng)新都需要為產(chǎn)品本身服務(wù),如果將界面中的各個元素都進行強調(diào),就等于沒有強調(diào),反而會失去視覺中心,為用戶帶來視覺負(fù)擔(dān)。所以要謹(jǐn)慎在用戶界面設(shè)計中運用萊斯托夫效應(yīng)來強調(diào)界面設(shè)計中的主要元素,避免處處都強調(diào),顧此失彼,從而失去強調(diào)的意義。好的界面設(shè)計更加容易服務(wù)于大眾,讓大眾在享受著最優(yōu)質(zhì)用戶體驗的同時,使生活品質(zhì)有飛躍般的提升。