編輯導(dǎo)語(yǔ)：本文為連載內(nèi)容第五篇，介紹了心理學(xué)之萊斯托夫效應(yīng)，又稱隔離效應(yīng)和新奇效應(yīng)，作者根據(jù)自己的經(jīng)驗(yàn)為大家分享了一些萊斯托夫設(shè)計(jì)方法，感興趣的朋友一起來(lái)看一下吧。

我們?cè)谧鲈O(shè)計(jì)時(shí)，很多時(shí)候都要考慮如何抓住用戶眼球，引起用戶注意。更多的是借用各種視覺(jué)表現(xiàn)來(lái)達(dá)到目的。其實(shí)在交互層面也需要通過(guò)一定的設(shè)計(jì)技巧來(lái)體現(xiàn)差異化，在心理學(xué)上被稱為“萊斯托夫效應(yīng)”。今天就來(lái)分享下我總結(jié)的一些設(shè)計(jì)方法。

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

萊斯托夫效應(yīng)又稱隔離效應(yīng)（isolation effect），以及新奇效應(yīng)（novelty effect），指的是相對(duì)于普通事物，記住獨(dú)特或特殊事物的可能性更大。

當(dāng)情境中有差異（即一種不同于周圍刺激的刺激）或經(jīng)歷中存在差異（即不同于記憶中經(jīng)歷的刺激）時(shí)，萊斯托夫效應(yīng)就產(chǎn)生了?，F(xiàn)在產(chǎn)品頁(yè)面中信息量一般都非常大，用戶根本沒(méi)有耐心去翻看查找信息，更多的是采用掃視的方式快速瀏覽。

因此設(shè)計(jì)師需要將關(guān)鍵的內(nèi)容快速、有效的傳遞給用戶。

在滿足統(tǒng)一致性要求的基礎(chǔ)上，需要通過(guò)差異化的設(shè)計(jì)讓信息從頁(yè)面中脫穎而出，引起用戶的關(guān)注，增加用戶點(diǎn)擊或轉(zhuǎn)化，幫助業(yè)務(wù)提量增值。

例如淘寶買菜作為新的業(yè)務(wù)板塊，首頁(yè)入口位置和形式做了強(qiáng)化展示。進(jìn)入頻道頁(yè)后，新人轉(zhuǎn)化成為首要任務(wù)，通過(guò)氛圍營(yíng)造吸引用戶注意、配合新人超低專享價(jià)格激勵(lì)用戶下單。

二、設(shè)計(jì)中的隔離效應(yīng)

1. 功能帶來(lái)差異化

為了保持一致性，視覺(jué)層面無(wú)法做出強(qiáng)烈的差異化效果時(shí) ，可以借助功能實(shí)現(xiàn)隔離。例如微信可以將好友或者群消息置頂，從而與其他信息區(qū)分，保證關(guān)鍵信息的優(yōu)先級(jí)。

2. 狀態(tài)差異化

頁(yè)面中絕大多數(shù)信息都是靜態(tài)的，需要用戶主動(dòng)瀏覽。相比之下，動(dòng)效可以更加有效的吸引用戶注意。

3. 形式差異化

（1）空間加強(qiáng)

頻道頁(yè)入口方式會(huì)有很多種，金剛區(qū)icon的形式是首選。當(dāng)需要強(qiáng)化某些業(yè)務(wù)功能時(shí)，單一的icon雖然可以通過(guò)增加動(dòng)效獲得更多的關(guān)注，但是icon的數(shù)量較多，以及空間尺寸的限制，效果并不會(huì)特別理想，所以就需要拓展內(nèi)容空間。

在拼多多在首頁(yè)中，單獨(dú)將多多買菜和百億補(bǔ)貼樓層化展示，保證了信息在整個(gè)頁(yè)面中可識(shí)別性。

對(duì)用戶而言，Banner 自動(dòng)輪播已經(jīng)是司空見(jiàn)慣了，吸引力也在不斷下降。用戶沒(méi)有耐心逐個(gè)瀏覽，當(dāng)無(wú)法獲得想要的信息時(shí)，視線會(huì)快速轉(zhuǎn)移到其他信息區(qū)域。

網(wǎng)易嚴(yán)選首頁(yè)Banner采用背景聯(lián)動(dòng)的形式，也就是頭部背景色會(huì)跟隨Banner圖片的色調(diào)而變化，間接擴(kuò)大了內(nèi)容的變化空間，更有利于吸引用戶目光。

（2）內(nèi)容強(qiáng)化

通常在設(shè)計(jì)時(shí)，我們都希望充分利用屏效，盡量在一屏空間內(nèi)曝光更多信息，避免信息無(wú)效重復(fù)出現(xiàn)。但在電商平臺(tái)中利益點(diǎn)是至關(guān)重要的信息，需要凸顯價(jià)值感。

例如省錢(qián)月卡的紅包權(quán)益作為最大的賣點(diǎn)信息被著重強(qiáng)化展示，采用了平鋪展開(kāi)的方式，而相應(yīng)地其他權(quán)益則被弱化了。

4. 信息層級(jí)隔離

頁(yè)面信息其實(shí)分為若干層，信息層級(jí)越高，用戶的感知越強(qiáng)，也就越容易引起用戶注意。

例如模態(tài)彈窗位于頁(yè)面最頂層，并通過(guò)遮罩效果與內(nèi)容層完全隔離，用戶根本無(wú)法忽略其存在。其次是非模態(tài)的懸浮層，同樣與內(nèi)容層隔離開(kāi)來(lái)，但是并不影響用戶的正常瀏覽操作。例如側(cè)邊懸浮按鈕，頂部或底部懸浮橫條。

三、變化形成差異

除了通過(guò)色彩、動(dòng)效等方式去塑造差異化，節(jié)奏的變化也可以產(chǎn)生隔離效應(yīng)。現(xiàn)在電商平臺(tái)首頁(yè)都增加了“推薦”商品瀑布流，不過(guò)瀑布流并非都是商品或者并非同一的形式。而是通過(guò)植入了各類信息，改變單一的瀏覽節(jié)奏，讓用戶產(chǎn)生眼前一亮的效果，避免出現(xiàn)“放空”狀態(tài)。

例如拼多多首頁(yè)商品列表通過(guò)植入各種信息樓層，打破視覺(jué)慣性，實(shí)現(xiàn)了商品之間相互隔離。

四、寫(xiě)在最后

萊斯托夫效應(yīng)告訴我們?nèi)绾巫屝畔⒏油怀?。同樣如果需要弱化信息時(shí)，我們也可以從位置、空間尺寸、信息層級(jí)等幾個(gè)維度去考量，將元素盡量與背景融合，實(shí)現(xiàn)降級(jí)展示。

#專欄作家#

子牧先生。公眾號(hào)：子牧UXD（HelloDesign），人人都是產(chǎn)品經(jīng)理專欄作家。產(chǎn)品體驗(yàn)設(shè)計(jì)師。8年互聯(lián)網(wǎng)行業(yè)經(jīng)驗(yàn)，擅長(zhǎng)體驗(yàn)設(shè)計(jì)思維、設(shè)計(jì)方法論、交互設(shè)計(jì)研究。

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

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