UIMAX設(shè)計(jì)思考:從“注意力”的角度,談體驗(yàn)設(shè)計(jì)如何避免入坑
只有在細(xì)節(jié)上做真正易用的設(shè)計(jì),才能給用戶帶來(lái)友好的體驗(yàn)。
前段時(shí)間UIMAX團(tuán)隊(duì)在做“新浪新聞客戶端用戶畫像項(xiàng)目”時(shí),用研人員訪談?dòng)脩舻倪^(guò)程中,發(fā)現(xiàn)一個(gè)這樣的問(wèn)題:多數(shù)用戶完全沒(méi)注意到過(guò)頁(yè)面上的“長(zhǎng)按可排序或刪除”這段文字,反饋“不知道可以對(duì)新聞?lì)l道進(jìn)行排序”
設(shè)計(jì)師可能會(huì)驚訝,“我覺(jué)得用戶應(yīng)該可以看到的??!”,然而事實(shí)卻是很多用戶完全忽略了這條信息。
接下來(lái)我們討論一下“用戶的注意力”如何影響用戶的感知和行為,用戶體驗(yàn)設(shè)計(jì)中怎樣思考才能避免入坑。最近閱讀到《認(rèn)知與設(shè)計(jì)》這本書,里面的一些觀點(diǎn)也幫助我們對(duì)用戶的“注意力”有更深刻的理解。
先從一個(gè)心理學(xué)實(shí)驗(yàn)說(shuō)起
以下是2個(gè)籃球隊(duì)的傳球視頻,請(qǐng)認(rèn)真觀看視頻并數(shù)出身穿白色球衣的球隊(duì)傳球的次數(shù)。
如果你剛剛真的全神貫注在計(jì)數(shù)的話,可能不會(huì)發(fā)現(xiàn),視頻中有一個(gè)大猩猩的扮演者大搖大擺穿過(guò)了傳球隊(duì)伍。(是的,實(shí)驗(yàn)的重點(diǎn)并不真的是傳球次數(shù)~)
實(shí)驗(yàn)的實(shí)際結(jié)果是:當(dāng)詢問(wèn)被試者記住了視頻中的哪些內(nèi)容時(shí),有一半的人表示沒(méi)有注意到大猩猩的出現(xiàn),他們的注意力完全被目標(biāo)任務(wù)所占據(jù)。
這一現(xiàn)象在心理學(xué)上稱為“非注意盲式”。人們的注意力是極其有限的,當(dāng)我們的思維被任務(wù)、目標(biāo)所占據(jù)時(shí),與目標(biāo)無(wú)關(guān)的事物在被意識(shí)到之前就被過(guò)濾掉,有時(shí)會(huì)無(wú)視平常能夠注意到的事物。
忽略注意力的有限性會(huì)給設(shè)計(jì)帶來(lái)什么問(wèn)題?
下面我們通過(guò)幾個(gè)具體案例說(shuō)明一下設(shè)計(jì)時(shí)對(duì)用戶注意力過(guò)于樂(lè)觀帶來(lái)的坑。
案例1:摩拜APP—掃碼干擾
一個(gè)熟練用戶使用摩拜單車APP時(shí)的場(chǎng)景:
從包里掏出手機(jī)打開APP,點(diǎn)“掃碼開鎖”擺好掃碼姿勢(shì)→突然彈出開鎖幫助提示→我才不需要幫助,關(guān)掉提示!→怎么沒(méi)有出現(xiàn)掃描頁(yè)面?→再次點(diǎn)“掃碼開鎖”擺好掃碼姿勢(shì)→又彈出了幫助提示,循環(huán)往復(fù)幾次,極度惱火之后才發(fā)現(xiàn):頁(yè)面底部有個(gè)立即登錄!原來(lái)我需要重新登錄……
用戶實(shí)際操作路徑圖(掃碼開鎖-關(guān)閉彈窗)
為什么會(huì)出現(xiàn)上述的問(wèn)題呢?其實(shí)這個(gè)過(guò)程中用戶的視覺(jué)焦點(diǎn)路徑是這樣的:
- 目標(biāo)是掃碼,所以打開APP后立即點(diǎn)擊【掃碼開鎖】按鈕
- 彈框出現(xiàn)后,注意力集中在彈框圖片內(nèi)容上
- 目標(biāo)是關(guān)閉彈框,視覺(jué)掃描到關(guān)閉按鈕,點(diǎn)擊關(guān)閉彈窗
- 再次重復(fù)步驟123,直至發(fā)現(xiàn)了底部的【立即登錄】按鈕
用戶視覺(jué)焦點(diǎn)分析圖
在這個(gè)場(chǎng)景下,用戶的目標(biāo)是掃碼開鎖,對(duì)中斷操作的無(wú)用信息想立即關(guān)掉,強(qiáng)烈的目標(biāo)會(huì)引導(dǎo)用戶去尋找長(zhǎng)得像關(guān)閉按鈕的東西,把彈窗提示關(guān)掉,尋找過(guò)程中無(wú)意識(shí)地忽略掉底部的【立即登錄】按鈕(在被意識(shí)到之前就被過(guò)濾掉了)。
設(shè)計(jì)師在設(shè)計(jì)過(guò)程中只是把想要呈現(xiàn)的信息堆在一個(gè)頁(yè)面上,而忽略了用戶的目標(biāo),從而導(dǎo)致用戶忽略了重要信息,操作與預(yù)期不一致,引起用戶反感情緒。
案例2:知乎—為何保存不了圖片
一個(gè)普通用戶瀏覽回答時(shí),想保存圖片的場(chǎng)景:
瀏覽知乎時(shí),想把一張圖片保存到相冊(cè),點(diǎn)擊右下角保存按鈕,沒(méi)有反饋,再點(diǎn)一次還沒(méi)反應(yīng),狂點(diǎn)好多次后,才發(fā)現(xiàn)頁(yè)面最頂部有一小條極不起眼的提示“圖片已保存至相冊(cè)”,于是N張圖片躺在了手機(jī)相冊(cè)里
……
點(diǎn)擊保存時(shí),用戶注意力聚焦在屏幕右下角按鈕區(qū)域,部分目光會(huì)掃視到中間的圖片區(qū)域,而完全忽略掉頂部的靜態(tài)提示,因?yàn)辄c(diǎn)擊后沒(méi)有明顯反饋,用戶就會(huì)一直點(diǎn)擊,直至發(fā)現(xiàn)提示或放棄操作。
案例3:支付寶—看不見的獎(jiǎng)勵(lì)金提示
一個(gè)資深用戶線下支付成功的后續(xù)場(chǎng)景:
坐在餐廳里點(diǎn)餐后,打開支付寶掃碼支付,支付完成后,隨手點(diǎn)擊右上角的“完成”退出當(dāng)前頁(yè)面,咦?怎么沒(méi)反應(yīng)?再點(diǎn)一次,還是沒(méi)有反應(yīng)!怎么會(huì)沒(méi)有反應(yīng)呢?我檢查一下哪里有什么問(wèn)題,最后才發(fā)現(xiàn)頁(yè)面底部的獎(jiǎng)勵(lì)金提示……
其實(shí),設(shè)計(jì)師可能會(huì)想“明明頁(yè)面上有蒙版,點(diǎn)什么點(diǎn),一定是小白用戶”。當(dāng)把頁(yè)面截圖后單獨(dú)再去看的時(shí)候,頁(yè)面上的獎(jiǎng)勵(lì)金提示無(wú)疑最突出,但在真實(shí)的操作場(chǎng)景下,用戶不會(huì)認(rèn)真瀏覽頁(yè)面上的全部信息,想回到首頁(yè)使用其他功能的用戶仍然會(huì)直接點(diǎn)擊【完成】,忽略這個(gè)足夠明顯的獎(jiǎng)勵(lì)金提示。
那么設(shè)計(jì)時(shí)怎樣思考才能避免入坑?
由于人們的注意力和短期記憶能力均有限,當(dāng)我們與周圍的環(huán)境有目的地進(jìn)行互動(dòng)(如使用軟件)時(shí),我們的行為會(huì)遵循一些可預(yù)測(cè)的模式,因此如果設(shè)計(jì)師能夠意識(shí)到并內(nèi)化這些模式,將其納入設(shè)計(jì)過(guò)程中的思考范疇,那么輸出方案中出現(xiàn)以上類型的錯(cuò)誤將會(huì)大大減少,用戶也更愿意為設(shè)計(jì)師的方案“買單”。
用戶能注意到更多與目標(biāo)相關(guān)的東西,極易忽略與目標(biāo)無(wú)關(guān)的東西
用戶用任何一個(gè)系統(tǒng)都是有目標(biāo)的。設(shè)計(jì)師應(yīng)該了解這些目標(biāo),要認(rèn)識(shí)到不同用戶的目標(biāo)可能不同,而且他們的目標(biāo)將強(qiáng)烈左右他們能感知到什么。
因此在每一次交互任務(wù)的設(shè)計(jì)上,一定要提供用戶需要的信息,并非常清晰地對(duì)應(yīng)到可能的用戶目標(biāo)上,從而使用戶輕松注意到并使用這些信息。
用戶偏好熟悉的路徑
一旦人們習(xí)慣了通過(guò)某種方法來(lái)執(zhí)行某個(gè)任務(wù)時(shí),便不會(huì)再去主動(dòng)尋找更有效的方法。大腦是懶惰的,偏好于無(wú)意識(shí)地運(yùn)轉(zhuǎn),而不是有意識(shí)的思考。由于采用熟悉的路徑是無(wú)意識(shí)的操作,當(dāng)被告知有更好的方法時(shí),我們可能也不愿意去嘗試或改變。
所以在設(shè)計(jì)的時(shí)候要對(duì)原有的操作習(xí)慣改變時(shí),要慎重考慮。
用戶的周期性行為模式:目標(biāo),執(zhí)行,評(píng)估
研究人類行為的科學(xué)家們發(fā)現(xiàn)了人們行為的周期性模式:
- 建立一個(gè)目標(biāo):比如保存一張圖片
- 選擇并執(zhí)行一系列實(shí)現(xiàn)目標(biāo)的動(dòng)作:比如點(diǎn)擊存儲(chǔ)按鈕
- 評(píng)估動(dòng)作是否成功或更接近目標(biāo):比如掃一眼有沒(méi)有保存成功的提示
- 重復(fù),直到目標(biāo)完成(或者看起來(lái)無(wú)法完成):比如沒(méi)有看到成功反饋,繼續(xù)點(diǎn)擊保存,直至發(fā)現(xiàn)提示或放棄
所以在設(shè)計(jì)時(shí),我們要幫助用戶完成目標(biāo)-執(zhí)行-評(píng)估的周期。
- 目標(biāo):為用戶目標(biāo)提供清晰的路徑,包括起始步驟。
- 執(zhí)行:基于任務(wù)而實(shí)現(xiàn)目標(biāo),在每個(gè)需要為實(shí)現(xiàn)目標(biāo)做選擇的節(jié)點(diǎn)上提供清晰的信息指引。
- 評(píng)估:提供及時(shí)的反饋和狀態(tài)信息。
綜上,設(shè)計(jì)師在設(shè)計(jì)時(shí)要考慮到用戶注意力的稀缺性,真正以目標(biāo)為導(dǎo)向,了解不同用戶的目標(biāo),在每個(gè)任務(wù)節(jié)點(diǎn)中,確保提供對(duì)應(yīng)用戶目標(biāo)的信息,并使用戶注意到這些信息。只有在細(xì)節(jié)上做真正易用的設(shè)計(jì),才能給用戶帶來(lái)友好的體驗(yàn)。
本文由 @挪小辣 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
作者的幾個(gè)案例列舉的很經(jīng)典,不光設(shè)計(jì)的問(wèn)題,有一部分產(chǎn)品也要背鍋。
注意力在產(chǎn)品的設(shè)計(jì)中很容易被忽略,能提煉出這個(gè)點(diǎn)分享,非常感謝!
支付寶點(diǎn)名+1 當(dāng)時(shí)就發(fā)現(xiàn)設(shè)計(jì)師沒(méi)有考慮用戶操作慣性和用戶注意力的問(wèn)題 推薦的書我也看過(guò) 不過(guò)我現(xiàn)在偏向認(rèn)為支付寶設(shè)計(jì)師的這個(gè)設(shè)計(jì)是產(chǎn)品經(jīng)理刻意要求的 起碼我現(xiàn)在在經(jīng)歷了獎(jiǎng)金那個(gè)試錯(cuò)操作后 現(xiàn)在每次都會(huì)先主動(dòng)看底部的內(nèi)容 這也許已經(jīng)達(dá)到產(chǎn)品經(jīng)理的預(yù)期了
如果產(chǎn)品需要引導(dǎo)用戶注意到獎(jiǎng)勵(lì)的提示的話,會(huì)有更好的解決方式,比如上移獎(jiǎng)勵(lì)金提示或加大面積,直接引導(dǎo)用戶注意到這個(gè)提示,而不是通過(guò)試錯(cuò)才發(fā)現(xiàn)~
同樣的問(wèn)題,在支付寶的獎(jiǎng)勵(lì)金中也體驗(yàn)過(guò)。當(dāng)時(shí)沒(méi)有仔細(xì)考慮交互設(shè)計(jì)的方向,感謝指點(diǎn)。
你說(shuō)的知乎的圖片保存的問(wèn)題,我也遇到了。。。真心是躺了一堆圖片在相冊(cè)了。
謝謝分享,很讓人思考啊…
真的,你說(shuō)的都對(duì),這些坑這幾天我也有在思考。
文中實(shí)驗(yàn)視頻鏈接:
http://m.v.qq.com/play/play.html?vid=p0506wep8ra