400-611-9921
2021-08-10
2434
如何將用戶注意力吸引到特定的地方,確保用戶能看到他們想看到的東西,或我們希望用戶看到的東西.
對(duì)于產(chǎn)品來(lái)說(shuō),用戶注意力是一項(xiàng)非常寶貴的資源。再好的產(chǎn)品或功能只有先被用戶看到、發(fā)現(xiàn),才能發(fā)揮它原本的價(jià)值,才能成為產(chǎn)品的增分項(xiàng),給用戶帶來(lái)更優(yōu)的使用體驗(yàn)。
那我們應(yīng)該如何將用戶注意力吸引到特定的地方,確保用戶能看到他們想看到的東西,或我們希望用戶看到的東西呢?
今天小摹給大家分享的這篇文章,可以引導(dǎo)給大家更好的交互思路哦~
以下文章來(lái)源于VMIC UED ,作者Joyce
前言
商業(yè)競(jìng)爭(zhēng)的本質(zhì),是對(duì)用戶注意力的爭(zhēng)奪。
只有贏得了用戶注意力的產(chǎn)品,才可能在殘酷的市場(chǎng)競(jìng)爭(zhēng)中生存延續(xù)。
進(jìn)入互聯(lián)網(wǎng)下半場(chǎng),人口紅利消失,如何服務(wù)好存量用戶,抓住他們注意力,提升產(chǎn)品功能轉(zhuǎn)化成各大產(chǎn)品關(guān)注的核心。
作為設(shè)計(jì)師,我們掌管著產(chǎn)品的表現(xiàn)層,決定著用戶對(duì)產(chǎn)品的第一印象和探索欲望。不管是基于內(nèi)在興趣還是外在刺激,當(dāng)用戶打開(kāi)我們的產(chǎn)品,看到我們的設(shè)計(jì)界面時(shí),能否通過(guò)界面設(shè)計(jì),快速傳達(dá)核心信息,瞬間抓住用戶注意力,成為設(shè)計(jì)師越來(lái)越重要的使命。
所以,每個(gè)設(shè)計(jì)師都必須了解和掌握吸引用戶注意力的設(shè)計(jì)技巧,構(gòu)筑起產(chǎn)品和用戶之間的互動(dòng)之橋。
今天,我們就一起來(lái)聊一聊,設(shè)計(jì)師吸引用戶注意力的4大秘笈。
一、運(yùn)動(dòng)
運(yùn)動(dòng),可以說(shuō)是最有效的吸引用戶注意的方式。
從生物學(xué)的角度來(lái)講,人的視網(wǎng)膜中有兩類細(xì)胞:視錐細(xì)胞和視桿細(xì)胞。中央凹(約占1%)處分布著約350萬(wàn)的視錐細(xì)胞,負(fù)責(zé)高清晰度的解析聚焦的物體。中央凹周圍99%的區(qū)域則分布著約1.25億視桿細(xì)胞。
視桿細(xì)胞有一個(gè)非常重要的作用,就是覺(jué)察運(yùn)動(dòng)。
一個(gè)個(gè)視桿細(xì)胞,就像一個(gè)個(gè)眼觀八方的偵察兵,時(shí)刻偵查著周圍環(huán)境的變化,一有風(fēng)吹草動(dòng),就及時(shí)報(bào)告并引導(dǎo)視錐細(xì)胞看過(guò)去。
從進(jìn)化論的角度來(lái)講,關(guān)注運(yùn)動(dòng)元素,是我們祖先賴以生存最重要的技能,畢竟在嚴(yán)酷的生存條件下,任何運(yùn)動(dòng)的動(dòng)物,不是以我們?yōu)槭?,就是被我們所食,錯(cuò)失哪一個(gè)都不利于我們的生存。
在這樣的生存環(huán)境下,我們的潛意識(shí)學(xué)會(huì)了靈活控制我們的眼球,看向運(yùn)動(dòng)的物體,它比我們的意識(shí)快上60~110毫秒,這關(guān)乎生命的時(shí)間差,有利于我們?cè)讷C物競(jìng)爭(zhēng)中生存下來(lái)。
正因?yàn)閷?duì)運(yùn)動(dòng)物體的關(guān)注,是一個(gè)不由自主的潛意識(shí)過(guò)程,且有充足的視桿細(xì)胞支持,所以運(yùn)動(dòng),是最有效,也被使用得最為泛濫的注意力引導(dǎo)方式。
適用場(chǎng)景:
在界面設(shè)計(jì)時(shí),把最想讓用戶注意并操作的元素添加合適的動(dòng)效,可以有效的提升該元素的點(diǎn)擊轉(zhuǎn)化率。
縮放動(dòng)效包含著從小到大的變化過(guò)程,我們的視桿細(xì)胞對(duì)這種動(dòng)效尤其敏感,因?yàn)橐粋€(gè)物體從小變大,相比其他形式,會(huì)更具威脅性。(對(duì)應(yīng)在自然界中,代表著事物由遠(yuǎn)及近地向我們靠近,對(duì)我們的威脅系數(shù)最大)
手勢(shì)引導(dǎo)則會(huì)刺激我們的鏡像神經(jīng)元,讓我們產(chǎn)生無(wú)意識(shí)的模仿行為,從而促進(jìn)行為的轉(zhuǎn)化。
除了這種額外添加運(yùn)動(dòng)因素,我們還可以挖掘元素本身的運(yùn)動(dòng)屬性,并將其展示出來(lái),這樣的運(yùn)動(dòng)方式,會(huì)更加貼合場(chǎng)景。
比如對(duì)于很多視頻類的產(chǎn)品,在提供封面讓用戶選擇時(shí),都會(huì)提供預(yù)覽動(dòng)圖,讓用戶更好的注意并理解其內(nèi)容,進(jìn)而促進(jìn)內(nèi)容本身的轉(zhuǎn)化。
相對(duì)而言,這種利用元素本身的運(yùn)動(dòng)屬性比附加的動(dòng)效更容易讓用戶接受(而不是將其視為干擾)。
所以添加運(yùn)動(dòng)效果,對(duì)設(shè)計(jì)師的挑戰(zhàn)就是:要盡可能結(jié)合元素本身及場(chǎng)景的特性,讓其運(yùn)動(dòng)看起來(lái)自然而有趣
二、人臉
人臉,也是一個(gè)被驗(yàn)證的有效引導(dǎo)用戶注意的方式。
在人的大腦中,有專門針對(duì)人臉的識(shí)別視覺(jué)區(qū)域——梭狀回腦區(qū)。這個(gè)腦區(qū)可以讓人臉繞過(guò)通常的視覺(jué)解析渠道,快速被人注意和識(shí)別。
人是社會(huì)性動(dòng)物,除了自閉癥患者,喜歡看臉是人的天性。實(shí)驗(yàn)表明:出生不到一小時(shí)的新生兒也喜歡看有明顯面部特征的東西。
面對(duì)人臉,尤其是直視用戶的臉,社會(huì)人幾乎毫無(wú)防御之力,總是會(huì)忍不住與之對(duì)視。
適用場(chǎng)景:
在一些展示人物圖片的場(chǎng)景,盡可能展示人物的臉,特別是能看到眼睛的臉,可以明顯提升該人物圖片的視覺(jué)吸引力。
不管是設(shè)計(jì)卡通角色,還是選擇物料素材,使用人臉且?guī)в醒劬Φ膱D片都可以有效提升該圖片的視覺(jué)關(guān)注度。
比如去年天貓雙十一的養(yǎng)貓活動(dòng),就很好的運(yùn)用了人臉及眼睛對(duì)用戶的視覺(jué)吸引力。
三、對(duì)比
對(duì)比是設(shè)計(jì)上最常用的表現(xiàn)手法,來(lái)凸顯界面上的主要信息。
綠葉上的一朵紅花是多么吸引眼球,在黑色的界面上找一個(gè)橙色按鈕又是多么容易,這種現(xiàn)象被稱作跳出效應(yīng)。
在序列搜索(上圖)中,用戶需要依次檢索所有字母才能找到目標(biāo)字母T,而在跳出搜索(下圖)中,目標(biāo)字母T則像像香檳瓶塞一樣躍入眼簾。
特瑞斯曼和格拉德認(rèn)為,跳出效應(yīng)是因?yàn)橐曈X(jué)皮質(zhì)中存在簡(jiǎn)單物理特征(比如顏色、形狀)的偵測(cè)系統(tǒng),從而使我們的感官能迅速定位所有符合這一特征的物體。但跳出效應(yīng)無(wú)法出現(xiàn)在每一次搜索中,因?yàn)椴豢赡苊總€(gè)搜索目標(biāo)都有自己的探測(cè)器。
視覺(jué)系統(tǒng)擁有這樣的神經(jīng)元,能夠以前注意的方式辨認(rèn)出超越顏色和簡(jiǎn)單形狀的幾大視覺(jué)分類。
所以我們?cè)谠O(shè)計(jì)時(shí),視覺(jué)探測(cè)器的設(shè)計(jì)要越簡(jiǎn)單越有辨識(shí)度。
比如最直觀的色彩,形狀、大?。ù旨?xì))、虛實(shí)、投影、情緒等。在這些簡(jiǎn)單的維度上,做出強(qiáng)烈的對(duì)比效果,可以很好的吸引用戶的視覺(jué)探測(cè)器。
3.1 色彩
色彩是界面設(shè)計(jì)的第一語(yǔ)言。明快突出的色彩總是會(huì)在第一時(shí)間抓住用戶的注意力。
特別是頁(yè)面色彩相對(duì)單一時(shí),色彩的顯著性越強(qiáng),越容易產(chǎn)生跳出效應(yīng)(如左圖相對(duì)右圖,左圖的跳出效應(yīng)更明顯)。
除了讓元素本身自帶特別的色彩之外,設(shè)計(jì)上也常常采用附加元素色彩的方式來(lái)短期增強(qiáng)元素的視覺(jué)注意力,比如我們常見(jiàn)的小紅點(diǎn)和運(yùn)營(yíng)標(biāo)簽,都是通過(guò)額外的元素色彩點(diǎn)綴,增強(qiáng)原信息的視覺(jué)醒目度。
3.2 形狀
因?yàn)橐曈X(jué)皮質(zhì)中存在簡(jiǎn)單物理特征(比如顏色、形狀)的偵測(cè)系統(tǒng),所以對(duì)于差異化的簡(jiǎn)單圖形,能快速產(chǎn)生跳出效應(yīng)。
同時(shí),根據(jù)格式塔原理,人的視覺(jué)天生偏好簡(jiǎn)潔的形狀,越是簡(jiǎn)單的形狀,越是能夠吸引用戶的注意力。
所以,在一堆正方形中的圓形,會(huì)產(chǎn)生跳出效應(yīng),讓人瞬間聚焦。
多個(gè)復(fù)雜圖形對(duì)比,圖形邊緣越是光滑簡(jiǎn)潔,聚焦效果越好,圓形是所有形狀中聚焦效果最好的形狀,所以很多l(xiāng)ogo設(shè)計(jì)和海報(bào)的設(shè)計(jì),都喜歡使用圓形來(lái)吸引用戶注意力。
3.3 大小
大小對(duì)視覺(jué)的吸引力跟相對(duì)位置有關(guān)。
當(dāng)兩個(gè)元素并列(分開(kāi))時(shí),一般來(lái)說(shuō),越大的元素,視覺(jué)重量感越強(qiáng),越容易吸引用戶注意力。
但是當(dāng)兩個(gè)元素重疊時(shí),因?yàn)橹黧w與背景的原理,大的圖形會(huì)被看作是背景,小的圖形會(huì)被看作是為主體,則相對(duì)小的圖形更容易吸引用戶注意力。
所以當(dāng)我們進(jìn)行設(shè)計(jì)時(shí),對(duì)于并列的元素,可以采用不同的大小,來(lái)強(qiáng)化大的主體。
也可以通過(guò)主體和背景的運(yùn)用,用大的背景來(lái)聚焦小的主體。
3.4 虛實(shí)
虛實(shí)模擬的是日常視覺(jué)世界中的遠(yuǎn)近關(guān)系,近處的物體清晰,遠(yuǎn)處的物體模糊。越清晰的物品,越容易吸引用戶注意力。
在手機(jī)上常用的毛玻璃效果,就是通過(guò)虛實(shí)的效果,讓用戶聚焦在當(dāng)前的主體上。
3.4 虛實(shí)
虛實(shí)模擬的是日常視覺(jué)世界中的遠(yuǎn)近關(guān)系,近處的物體清晰,遠(yuǎn)處的物體模糊。越清晰的物品,越容易吸引用戶注意力。
在手機(jī)上常用的毛玻璃效果,就是通過(guò)虛實(shí)的效果,讓用戶聚焦在當(dāng)前的主體上。
在Material design中,對(duì)所有組件的海拔高度做了明確的定義,以避免不同圖層的元素在布局時(shí)出現(xiàn)高度沖突。
海拔越高,投影越重,視覺(jué)層級(jí)越高,越容易吸引用戶的注意力。
頭部運(yùn)營(yíng)位,海拔最高,投影最重,希望借此強(qiáng)化用戶視覺(jué)焦點(diǎn);其次是你正在追,用戶需求度最高,投影其次;最后是長(zhǎng)尾的推薦樓層,無(wú)投影。
3.6 情緒
人是社會(huì)性的動(dòng)物,對(duì)于他人的情感變化非常敏感,越是強(qiáng)烈的情緒,越容易喚起用戶的注意力,如果要增強(qiáng)人物的表現(xiàn)力,可以用更飽滿的情緒來(lái)吸引用戶。
四、本能
人有三個(gè)大腦:舊腦、中腦和新腦,它們是逐漸演化而來(lái)的。
舊腦最先演化,它的工作就是持續(xù)不斷的觀察環(huán)境并提出問(wèn)題:他會(huì)害死我嗎?能吃嗎?能發(fā)生性關(guān)系嗎?這些生存要素就是舊腦所關(guān)心的所有事情(危險(xiǎn)、食物、性)。
中腦是處理情感的部分,所以對(duì)情緒會(huì)比較敏感。
新腦是有意識(shí)的、理性的、負(fù)責(zé)邏輯推理的大腦,這是我們自認(rèn)為最能干也最強(qiáng)大的腦。
但在現(xiàn)實(shí)生活中,我們約有95%的決策是來(lái)自無(wú)意識(shí)的,只有5%的決策是受意識(shí)所支配的。
因?yàn)榕f腦和中腦一刻不停的在運(yùn)轉(zhuǎn),而新腦則多數(shù)時(shí)候都在偷懶休息。
這就是為什么人們無(wú)法對(duì)危險(xiǎn)、食物、和性視而不見(jiàn),因?yàn)槲覀兊呐f腦和中腦時(shí)刻不停的在周圍環(huán)境中偵查它們的線索。
舉個(gè)例子,在出了車禍的道路上,往往不是因?yàn)榈缆纷枞麑?dǎo)致交通擁堵,而是因?yàn)樗緳C(jī)們對(duì)危險(xiǎn)場(chǎng)景的好奇和關(guān)注導(dǎo)致車流行駛變慢,進(jìn)而導(dǎo)致了交通擁堵。
無(wú)論你如何自控,你都無(wú)法抗拒危險(xiǎn)、食物、和性的注意力,因?yàn)檫@是舊腦的本質(zhì)工作。
本能其實(shí)是最具吸引力的,之所以放在最后,是因?yàn)楹芏鄷r(shí)候無(wú)法在界面設(shè)計(jì)中直接被設(shè)計(jì)師所用,但在游戲和運(yùn)營(yíng)活動(dòng)中還是可以參照的。
如果場(chǎng)景中可以使用有吸引力的人物或危險(xiǎn)情況的圖片,可以選取一部分這樣的素材,因?yàn)樗鼈兇_實(shí)是用戶注意力的磁石。
小結(jié)
設(shè)計(jì)師吸引用戶注意力的四大秘笈分別是:
1、運(yùn)動(dòng)(包括自身運(yùn)動(dòng)+附加運(yùn)動(dòng)元素)
2、人臉(尤其是帶有和用戶互動(dòng)眼睛的人臉)
3、對(duì)比(包括色彩、形狀、大小、虛實(shí)、投影、情緒等)
4、本能(包括危險(xiǎn)、食物、性)
日常設(shè)計(jì)中我們可以先從這四個(gè)大的維度考慮是否有運(yùn)用的可行性,然后再考慮其維度下的具體吸引點(diǎn)。值得一提的是,這四個(gè)維度是可以組合運(yùn)用的,這樣能夠?qū)⒁曈X(jué)注意力效果發(fā)揮到極致。
400-611-9921
020-29860991
地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場(chǎng)16F
業(yè)務(wù) QQ: 3561401262
E-mail: sales@zomsky.com
立即與縱天項(xiàng)目顧問(wèn)通話
400-611-9921
您也可以咨詢我們的在線客服或預(yù)約資深顧問(wèn)