設(shè)計(jì)心理學(xué)系列（05）——萊斯托夫效應(yīng)
我們在做設(shè)計(jì)時(shí)，很多時(shí)候都要考慮如何抓住用戶眼球，引起用戶注意。更多的是借用各種視覺表現(xiàn)來達(dá)到目的。其實(shí)在交互層面也需要通過一定的設(shè)計(jì)技巧來體現(xiàn)差異化，在心理學(xué)上被稱為“萊斯托夫效應(yīng)”。今天就來分享下我總結(jié)的一些設(shè)計(jì)方法。
01/關(guān)于萊斯托夫效應(yīng)
02/設(shè)計(jì)中的隔離效應(yīng)
1、功能帶來差異化
為了保持一致性，視覺層面無法做出強(qiáng)烈的差異化效果時(shí) ，可以借助功能實(shí)現(xiàn)隔離。例如微信可以將好友或者群消息置頂，從而與其他信息區(qū)分，保證關(guān)鍵信息的優(yōu)先級(jí)。
2、狀態(tài)差異化
頁面中絕大多數(shù)信息都是靜態(tài)的，需要用戶主動(dòng)瀏覽。相比之下，動(dòng)效可以更加有效的吸引用戶注意。
3、形式差異化
1）空間加強(qiáng)
頻道頁入口方式會(huì)有很多種，金剛區(qū)icon的形式是首選。當(dāng)需要強(qiáng)化某些業(yè)務(wù)功能時(shí)，單一的icon雖然可以通過增加動(dòng)效獲得更多的關(guān)注，但是icon的數(shù)量較多，以及空間尺寸的限制，效果并不會(huì)特別理想，所以就需要拓展內(nèi)容空間。
在拼多多在首頁中，單獨(dú)將多多買菜和百億補(bǔ)貼樓層化展示，保證了信息在整個(gè)頁面中可識(shí)別性。
對用戶而言，Banner 自動(dòng)輪播已經(jīng)是司空見慣了，吸引力也在不斷下降。用戶沒有耐心逐個(gè)瀏覽，當(dāng)無法獲得想要的信息時(shí)，視線會(huì)快速轉(zhuǎn)移到其他信息區(qū)域。
網(wǎng)易嚴(yán)選首頁Banner采用背景聯(lián)動(dòng)的形式，也就是頭部背景色會(huì)跟隨Banner圖片的色調(diào)而變化，間接擴(kuò)大了內(nèi)容的變化空間，更有利于吸引用戶目光。
2）內(nèi)容強(qiáng)化
通常在設(shè)計(jì)時(shí)，我們都希望充分利用屏效，盡量在一屏空間內(nèi)曝光更多信息，避免信息無效重復(fù)出現(xiàn)。但在電商平臺(tái)中利益點(diǎn)是至關(guān)重要的信息，需要凸顯價(jià)值感。
例如省錢月卡的紅包權(quán)益作為最大的賣點(diǎn)信息被著重強(qiáng)化展示，采用了平鋪展開的方式，而相應(yīng)地其他權(quán)益則被弱化了。
4、信息層級(jí)隔離
頁面信息其實(shí)分為若干層，信息層級(jí)越高，用戶的感知越強(qiáng)，也就越容易引起用戶注意。
例如模態(tài)彈窗位于頁面最頂層，并通過遮罩效果與內(nèi)容層完全隔離，用戶根本無法忽略其存在。其次是非模態(tài)的懸浮層，同樣與內(nèi)容層隔離開來，但是并不影響用戶的正常瀏覽操作。例如側(cè)邊懸浮按鈕，頂部或底部懸浮橫條。
除了通過色彩、動(dòng)效等方式去塑造差異化，節(jié)奏的變化也可以產(chǎn)生隔離效應(yīng)。現(xiàn)在電商平臺(tái)首頁都增加了“推薦”商品瀑布流，不過瀑布流并非都是商品或者并非同一的形式。而是通過植入了各類信息，改變單一的瀏覽節(jié)奏，讓用戶產(chǎn)生眼前一亮的效果，避免出現(xiàn)“放空”狀態(tài)。
例如拼多多首頁商品列表通過植入各種信息樓層，打破視覺慣性，實(shí)現(xiàn)了商品之間相互隔離。
寫在最后
萊斯托夫效應(yīng)告訴我們?nèi)绾巫屝畔⒏油怀觥Ｍ瑯尤绻枰趸畔r(shí)，我們也可以從位置、空間尺寸、信息層級(jí)等幾個(gè)維度去考量，將元素盡量與背景融合，實(shí)現(xiàn)降級(jí)展示。
|
|
2021-04-27
2021-04-08
2021-02-08
2021-01-27
發(fā)射