——“3秒等待”,減少用戶(hù)心理等待時(shí)間
不知道大家有沒(méi)有和圖中這位老兄類(lèi)似的經(jīng)歷呢?風(fēng)和日麗的下午,慵懶的陽(yáng)光灑在身上,你想到網(wǎng)上買(mǎi)件衣服。瀏覽中發(fā)現(xiàn)一件貌似不錯(cuò)的外套,想看看大圖,無(wú)奈網(wǎng)速太慢,進(jìn)入之后圖片一直在loading,于是你一遍一遍地刷新,loading,刷新,loading……最后,你的大腦覺(jué)得現(xiàn)實(shí)太殘酷了,決定在夢(mèng)里網(wǎng)購(gòu),看大圖…… 下圖是大家比較認(rèn)可的網(wǎng)頁(yè)中的用戶(hù)等待時(shí)間范圍。
0.1秒在該時(shí)間內(nèi)顯示反饋結(jié)果用戶(hù)是可以接受的。
1.0秒是用戶(hù)保持不間斷的思維流的限定時(shí)間,用戶(hù)會(huì)注意到這樣的延遲。
10秒是保持用戶(hù)關(guān)注當(dāng)前對(duì)話框的極限時(shí)間。在移動(dòng)終端上,時(shí)間的標(biāo)準(zhǔn)可能還要縮短。
沒(méi)人愿意等待?!?秒等待”是一種比喻,代表了對(duì)用戶(hù)體驗(yàn)速度的要求和期盼。其實(shí),速度不僅取決于服務(wù)器、設(shè)備的性能,以及網(wǎng)速的快慢,很多時(shí)候,好的設(shè)計(jì)也可以減少用戶(hù)的等待時(shí)間,雖然某種程度上只是“障眼法”,但卻能夠獲得用戶(hù)的認(rèn)同感,改善用戶(hù)的體驗(yàn)。
》 5C觀點(diǎn)
——減少用戶(hù)心理等待時(shí)間的幾個(gè)方法
1. 我到底在等什么?還要等多久?
*用戶(hù)需要知道他等待的信息、等待的時(shí)長(zhǎng)和等待的進(jìn)度,如同你在實(shí)際生活中排隊(duì)一樣。
*如果用戶(hù)不知道他在等什么或者是否是自己所想等待的結(jié)果,就會(huì)沒(méi)有耐心;
*如果用戶(hù)不知道他要等多長(zhǎng)時(shí)間和目前的進(jìn)度,就會(huì)產(chǎn)生悲觀情緒;
1)進(jìn)度條
進(jìn)度條是常用的一個(gè)手段,用來(lái)告訴用戶(hù)等待的內(nèi)容和時(shí)間。研究表明,在沒(méi)有進(jìn)度條的時(shí)候,人們會(huì)感覺(jué)程序運(yùn)行的時(shí)間變長(zhǎng)了,這意味著在沒(méi)有任何進(jìn)度顯示標(biāo)識(shí)的情況下,你的程序會(huì)讓用戶(hù)覺(jué)得比較慢。2)載入標(biāo)識(shí)
有時(shí)候處理過(guò)程僅需短短幾秒,這種情況下無(wú)需顯示完整的進(jìn)度,僅僅加入一個(gè)“載入”標(biāo)示就好。這樣做的目的是告訴用戶(hù)服務(wù)器已經(jīng)響應(yīng)了他們的請(qǐng)求并且會(huì)很快完成。沒(méi)有這樣的標(biāo)示,用戶(hù)不知道發(fā)生了什么,會(huì)誤解認(rèn)為程序崩潰或請(qǐng)求沒(méi)有被響應(yīng)。
2. 等你到底值不值?
彈出窗口展示放大圖片和多個(gè)視圖是許多頂級(jí)在線零售商所采用的方法,但它們花費(fèi)了許多美好的時(shí)間用來(lái)加載。DSW承諾的加載延遲是“well worth the wait(非常值得等待).”其實(shí),在等待界面的時(shí)候告訴用戶(hù)一些有價(jià)值的信息,或者給用戶(hù)一個(gè)承諾,都能夠降低用戶(hù)的煩躁感,減少心理等待的時(shí)間,用戶(hù)至少會(huì)覺(jué)得“我沒(méi)有白等”。
3. 我等的好辛苦……能不能先干點(diǎn)別的?
有時(shí)候你不得以要讓用戶(hù)等待較長(zhǎng)的時(shí)間,比如安裝時(shí)。這個(gè)時(shí)候,首先要告訴用戶(hù)還需要等待多長(zhǎng)時(shí)間,使用戶(hù)有一定的心理準(zhǔn)備;然后可以告訴用戶(hù)一些有用的信息,比如軟件的基本操作方法和特點(diǎn)。這樣一來(lái),既轉(zhuǎn)移了用戶(hù)的注意力,同時(shí)很好地宣傳了自己的產(chǎn)品,一舉兩得。下圖為WINDOWS XP的安裝過(guò)程界面。
》 5C討論
——市面瀏覽器減少用戶(hù)等待時(shí)間的技能比拼
等待網(wǎng)頁(yè)加載是所有瀏覽器中不可避免的問(wèn)題,動(dòng)態(tài)提示和進(jìn)度條是基本功,人人都會(huì)。在這之外,其他產(chǎn)品還做了什么呢?
常規(guī)派:點(diǎn)擊某一條目后,產(chǎn)品立即反應(yīng),跳轉(zhuǎn)到接近“白屏”的界面,界面中部有加載中的動(dòng)態(tài)顯示。
代表產(chǎn)品: UC S60版、啟明星瀏覽器等等,如左圖;
改良派:點(diǎn)擊某一條目后,界面仍然停留在當(dāng)前頁(yè),屏幕上方進(jìn)度條加載(伴有表示新頁(yè)面正在加載的動(dòng)態(tài)顯示),完成一定進(jìn)度后,無(wú)“白屏“感直接跳轉(zhuǎn)到新頁(yè)面。
代表產(chǎn)品:海豚瀏覽器、UC Android版等等,如右圖;
以上兩種常見(jiàn)方式各自在5C小組內(nèi)遭到了反對(duì),有同學(xué)認(rèn)為,改良派的方式提示太不顯眼,會(huì)讓他覺(jué)得手機(jī)無(wú)響應(yīng)。也有同學(xué)則認(rèn)為,在無(wú)法預(yù)知等待加載時(shí)間長(zhǎng)短的前提下,白屏?xí)沟糜脩?hù)厭倦并中斷操作。
讓我們來(lái)揭秘一下兩種矛盾的呈現(xiàn)方式背后并不矛盾的設(shè)計(jì)理念。
理念一:動(dòng)態(tài)加載提示會(huì)分散用戶(hù)注意力,減少用戶(hù)等待的焦慮
理念二:點(diǎn)擊后即時(shí)響應(yīng),使得用戶(hù)明白自己的操作有效。
理念三:過(guò)于明顯的屏幕跳轉(zhuǎn)(如左圖中的白屏)會(huì)使得用戶(hù)的心理體驗(yàn)中斷。
因此,5C認(rèn)為兩款瀏覽器做的都不到位。左邊的UC瀏覽器在加載時(shí)跳轉(zhuǎn)到白屏,雖然反饋信息很明顯,但大面積的白屏?xí)層脩?hù)反感,尤其是在加載時(shí)間較長(zhǎng)的時(shí)候。而右邊的海豚瀏覽器雖然沒(méi)有出現(xiàn)白屏的情況,但僅僅靠地址欄內(nèi)小小的動(dòng)態(tài)圖標(biāo)也難以讓用戶(hù)察覺(jué)到已經(jīng)在加載新頁(yè)面了。
所以,如何針對(duì)用戶(hù)看似矛盾的需求進(jìn)行設(shè)計(jì)上的協(xié)調(diào)是非常重要的。個(gè)人建議可以對(duì)海豚的做法加以改進(jìn),將反饋信息放在明顯的位置,或加大進(jìn)度條和動(dòng)態(tài)圖標(biāo)的體量,使用戶(hù)能夠明顯看到,這樣就能在一定程度上改善視覺(jué)體驗(yàn)。觀點(diǎn)僅僅是拋磚引玉,大家如果有什么好的想法和創(chuàng)意,歡迎反饋。