三大要點(diǎn)助你緩解APP用戶等待焦慮
大多數(shù)產(chǎn)品在收集反饋的時(shí)候，都遇到過(guò)加載速度慢的問(wèn)題。體驗(yàn)了不少應(yīng)用，發(fā)現(xiàn)很多應(yīng)用沒(méi)有優(yōu)化它的加載速度，有時(shí)打開(kāi)一個(gè)APP要等待10來(lái)秒才能加載完成。且不論內(nèi)容怎么樣，打開(kāi)速度慢，是用戶難以忍受的。等待無(wú)法避免，但我們可以讓用戶覺(jué)得 App 的加載時(shí)間比他預(yù)計(jì)的短，盡量減少用戶的等待時(shí)長(zhǎng)，打發(fā)用戶等待時(shí)間，緩解用戶的焦慮感。
那作為一個(gè)產(chǎn)品，我們可以做點(diǎn)什么讓用戶刷APP時(shí)覺(jué)得打開(kāi)速度沒(méi)有那么慢呢?
下面會(huì)說(shuō)到3個(gè)關(guān)注點(diǎn)，希望對(duì)大家有所啟發(fā)：
交互：異常處理清晰，減少用戶焦慮;
技術(shù)：明確加載方式，規(guī)劃離線體驗(yàn);
硬件&平臺(tái)：負(fù)載均衡，分配合理。
常見(jiàn)的緩解用戶焦慮的交互方式分兩個(gè)方面：
異常提示：網(wǎng)絡(luò)異常(信號(hào)減弱、信號(hào)間斷、信號(hào)丟失);
Loading : 加載動(dòng)畫(huà)(啟動(dòng)動(dòng)效、下拉刷新、上拉加載、換頁(yè)加載)、進(jìn)度條(H5加載進(jìn)度、下載&上傳加載進(jìn)度)、仿真內(nèi)容和占位符、Toast。
1. 網(wǎng)絡(luò)異常
APP用戶的特點(diǎn)就是經(jīng)常在移動(dòng)，網(wǎng)絡(luò)切換隨機(jī)性強(qiáng)。用戶在不知情的情況下，遇到網(wǎng)絡(luò)切換，造成頁(yè)面打不開(kāi)，就很容易遷怒于應(yīng)用本身，造成負(fù)面印象，甚至直接卸載應(yīng)用。減少用戶探索過(guò)程，盲目性讓用戶感到恐慌。
常見(jiàn)網(wǎng)絡(luò)異常場(chǎng)景有以下兩種：
信號(hào)間斷或丟失，如從有WIFI的房間走到室外，WIFI切換成流量模式，中途有切換間隔，造成信號(hào)間斷;開(kāi)啟飛行模式，或手機(jī)停機(jī)，造成信號(hào)丟失。
信號(hào)減弱，如天氣、地理位置變化，或進(jìn)入電梯，都會(huì)出現(xiàn)信號(hào)減弱現(xiàn)象。
信號(hào)間斷、減弱或丟失，多數(shù)在用戶不知情的情況下發(fā)生，明確給出網(wǎng)絡(luò)異常提示很有必要。盡量不讓用戶探索，明確告知網(wǎng)絡(luò)異常，給出重新連接的快捷方式，減少用戶探索過(guò)程，安撫情緒，讓用戶不會(huì)因盲目而恐慌。
2. LOADING
信號(hào)不穩(wěn)定，意味著等待時(shí)間延長(zhǎng)，尤其是當(dāng)我們加載圖片、視頻或音樂(lè)時(shí)，時(shí)間會(huì)較長(zhǎng)。在這種情況下，我們不得不考慮在這種間隙向用戶展示什么內(nèi)容才能讓他們感覺(jué)不枯燥。
(1)加載動(dòng)畫(huà)：豐富等待間隙內(nèi)容，分散用戶等待焦慮注意力
加載動(dòng)畫(huà)的常見(jiàn)使用場(chǎng)景一共分為以下5種：?jiǎn)?dòng)頁(yè)加載、頁(yè)面局部加載、下拉刷新加載、頁(yè)面上拉加載、切換新頁(yè)面數(shù)據(jù)加載
產(chǎn)品策劃時(shí)，可以與設(shè)計(jì)一起自定義加載動(dòng)畫(huà)樣式和場(chǎng)景，一般是使用品牌形象或品牌色生成的動(dòng)效來(lái)代替系統(tǒng)動(dòng)效。動(dòng)效多用于設(shè)備啟動(dòng)、連接到網(wǎng)絡(luò)或者加載數(shù)據(jù)，是為了告知用戶頁(yè)面正在加載或刷新中，延長(zhǎng)等待時(shí)間，避免讓用戶產(chǎn)生頁(yè)面打開(kāi)失敗的錯(cuò)覺(jué)。
為了不讓用戶在等待時(shí)感到枯燥，你可以使用一些有趣的、始料未及的東西吸引用戶的注意力。合理使用動(dòng)畫(huà)片就可以分散訪客的注意力，讓他們忽略加載時(shí)間。
滑稽，愉悅用戶
勾起用戶好奇心
加載動(dòng)效但不是萬(wàn)能的，不要過(guò)度設(shè)計(jì)，也不要過(guò)度使用。保證動(dòng)效大小，繁重復(fù)雜的動(dòng)效可能對(duì)APP的頁(yè)面打開(kāi)速度有影響，增加設(shè)備承載負(fù)擔(dān)，對(duì)性能有很大考驗(yàn)。
(2)進(jìn)度條：傳遞給用戶時(shí)間感知
不確定的等待時(shí)間比已知的、有限的等待時(shí)間讓人覺(jué)得更長(zhǎng)。在一些情況下，并不適用動(dòng)畫(huà)加載，如加載H5，上傳文件，人們會(huì)因無(wú)法預(yù)知加載時(shí)間長(zhǎng)短而感到煩躁。你應(yīng)該給你的用戶一個(gè)清晰地等待時(shí)間,讓用戶盯著一個(gè)下載進(jìn)度條會(huì)讓跳出率降低。
進(jìn)度條可以傳遞給用戶時(shí)間的感知，大概能判斷這個(gè)過(guò)程需要花費(fèi)多長(zhǎng)時(shí)間，一般不強(qiáng)調(diào)準(zhǔn)確性。策劃時(shí)，你可以在開(kāi)始的時(shí)候讓速度顯示地快一點(diǎn)，在結(jié)尾的時(shí)候，顯示速度慢一點(diǎn)，隱藏過(guò)程中的延遲。中途不間斷，否則用戶就會(huì)認(rèn)為這個(gè)加載或上傳過(guò)程卡住了。這也是迅雷慣用伎倆，下載失敗提示要么出現(xiàn)在開(kāi)始，要么在最后1%，因?yàn)橹虚g99%都是虛的。剩余最后1%需要加載時(shí)，你愿意等么?當(dāng)然!
(3)仿真內(nèi)容和占位符:異步加載，提前進(jìn)入視覺(jué)中心
如果你無(wú)法縮短加載時(shí)間，那么你應(yīng)該試圖讓用戶在等待中更高興一點(diǎn)?？梢岳眉虞d時(shí)間顯示一些臨時(shí)信息，為了提高用戶的參與度，可以使用模擬內(nèi)容作為文本和圖片。
仿真內(nèi)容(簡(jiǎn)書(shū))
如果要加載圖片，你可以首先加載一個(gè)小型的模糊圖片，然后轉(zhuǎn)化成一個(gè)清晰的大圖片。使用占位圖和仿真內(nèi)容并沒(méi)有加快加載過(guò)程，但是在用戶眼中加載速度好像變快了。
圖片由模糊變清晰
先加載占位符(余味)
當(dāng)頁(yè)面的框架固定時(shí)，只需要加載框架內(nèi)數(shù)據(jù)時(shí)，采用這種刷新樣式，即先加載框架，再加載框架內(nèi)的數(shù)據(jù)。為了反之框架內(nèi)的內(nèi)容為空，會(huì)用占位符或者預(yù)設(shè)圖片來(lái)填充。
(4)Toast
Toast提示一般是在使用過(guò)程中為緩解用戶等待焦慮，在規(guī)定時(shí)間內(nèi)，出現(xiàn)加載失敗或網(wǎng)絡(luò)連接失敗時(shí)，給出的提示，起告知作用。異常發(fā)生時(shí)長(zhǎng)、toast顯示時(shí)長(zhǎng)、顯示的內(nèi)容、位置，根據(jù)實(shí)際情況自行定義，一切以用戶方便為主。
這些形式是為了緩解用戶等待數(shù)據(jù)加載時(shí)的焦慮感。那么有沒(méi)有更好的機(jī)制來(lái)降低用戶等待時(shí)的焦慮感?當(dāng)然有。
又說(shuō)到技術(shù)，產(chǎn)品要不要了解技術(shù)呢?當(dāng)然要。若最基本的實(shí)現(xiàn)方式都不清楚，就沒(méi)辦法給產(chǎn)品很明確的定性，技術(shù)自由發(fā)揮的時(shí)間過(guò)大，最終效果可能達(dá)到了，但可能與產(chǎn)品想要的結(jié)果千差萬(wàn)別。
筆者對(duì)技術(shù)研究不深，以下內(nèi)容都是實(shí)際工作總結(jié)中得出的一些經(jīng)驗(yàn)，純產(chǎn)品角度可考慮的幾個(gè)點(diǎn)：
明確加載方式：量化加載時(shí)長(zhǎng)，加載場(chǎng)景
優(yōu)化加載算法：明確頁(yè)面預(yù)處理、異步處理加載方式
規(guī)劃離線體驗(yàn)：定義緩存機(jī)制，異常處理機(jī)制(規(guī)范化，可傳承)
1. 明確加載方式，量化加載時(shí)長(zhǎng)和場(chǎng)景
APP的加載方式有全屏加載、優(yōu)先加載 、整頁(yè)加載、自動(dòng)加載 、智能加載 、離線加載六種方式;
2. 優(yōu)化加載算法
優(yōu)化加載算法使得App與服務(wù)器交互數(shù)據(jù)的時(shí)間簡(jiǎn)短，直接減少了加載數(shù)據(jù)的時(shí)間，也就是減少了用戶需要等待的時(shí)間，是從根本上解決了問(wèn)題。
Tips：實(shí)戰(zhàn)中很少用單一的方式去優(yōu)化，往往都是前后端一起考慮，幾個(gè)優(yōu)化方法混合使用，需視具體場(chǎng)景來(lái)定義。
3. 規(guī)劃離線體驗(yàn)：定義緩存機(jī)制，異常處理機(jī)制(規(guī)范化，可傳承)
微信離線上傳
當(dāng)用戶無(wú)法連接WiFi或其它網(wǎng)絡(luò)信號(hào)時(shí)，用戶使用App時(shí)仍然能夠有極佳的可用性，那一定能給你的App加不少印象分。緩存常用來(lái)存儲(chǔ)頻繁調(diào)用的數(shù)據(jù)，當(dāng)緩存后的數(shù)據(jù)再次被調(diào)用時(shí)，就可以由緩存直接提供數(shù)據(jù)，提高數(shù)據(jù)的響應(yīng)速度。在規(guī)劃App應(yīng)用時(shí)，應(yīng)該將這一設(shè)計(jì)方法考慮其中，提前規(guī)劃好App在離線狀態(tài)下的運(yùn)營(yíng)模式。
常用的策劃方式：wifi環(huán)境下大量加載用戶可能使用的數(shù)據(jù)，保證用戶在短時(shí)間內(nèi)的瀏覽流暢性，定期自動(dòng)刪除。用戶在無(wú)網(wǎng)絡(luò)情況下上傳數(shù)據(jù)，可以先保存數(shù)據(jù)至本地，進(jìn)入wifi或流量環(huán)境下自動(dòng)上傳。
筆者向技術(shù)人員了解了下，簡(jiǎn)單來(lái)說(shuō)，就是在硬件支持上，要能滿足數(shù)據(jù)快速提取需求，還能承受用戶高并發(fā)情況下集中請(qǐng)求的壓力，不讓服務(wù)器崩掉就對(duì)啦。常見(jiàn)的優(yōu)化固件的做法：圖片&視頻存第三方(如七牛)、拓服務(wù)器、拓帶寬……
海淘科技還有提供其他的app設(shè)計(jì)資訊，點(diǎn)擊可直接跳轉(zhuǎn)。
