產(chǎn)品必看|三大要點(diǎn)助你緩解APP用戶等待焦慮

8 評(píng)論 20138 瀏覽 202 收藏 14 分鐘

大多數(shù)產(chǎn)品在收集反饋的時(shí)候,都遇到過加載速度慢的問題。體驗(yàn)了不少應(yīng)用,發(fā)現(xiàn)很多應(yīng)用沒有優(yōu)化它的加載速度,有時(shí)打開一個(gè)APP要等待10來秒才能加載完成。且不論內(nèi)容怎么樣,打開速度慢,是用戶難以忍受的。等待無法避免,但我們可以讓用戶覺得 App 的加載時(shí)間比他預(yù)計(jì)的短,盡量減少用戶的等待時(shí)長,打發(fā)用戶等待時(shí)間,緩解用戶的焦慮感。

那作為一個(gè)產(chǎn)品,我們可以做點(diǎn)什么讓用戶刷APP時(shí)覺得打開速度沒有那么慢呢?

下面會(huì)說到3個(gè)關(guān)注點(diǎn),希望對(duì)大家有所啟發(fā):

  1. 交互:異常處理清晰,減少用戶焦慮;
  2. 技術(shù):明確加載方式,規(guī)劃離線體驗(yàn);
  3. 硬件&平臺(tái):負(fù)載均衡,分配合理。

一、交互:異常處理清晰,減少用戶焦慮

常見的緩解用戶焦慮的交互方式分兩個(gè)方面:

  • 異常提示:網(wǎng)絡(luò)異常(信號(hào)減弱、信號(hào)間斷、信號(hào)丟失);
  • Loading : 加載動(dòng)畫(啟動(dòng)動(dòng)效、下拉刷新、上拉加載、換頁加載)、進(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īng)用本身,造成負(fù)面印象,甚至直接卸載應(yīng)用。減少用戶探索過程,盲目性讓用戶感到恐慌。

常見網(wǎng)絡(luò)異常場景有以下兩種:

  1. 信號(hào)間斷或丟失,如從有WIFI的房間走到室外,WIFI切換成流量模式,中途有切換間隔,造成信號(hào)間斷;開啟飛行模式,或手機(jī)停機(jī),造成信號(hào)丟失。
  2. 信號(hào)減弱,如天氣、地理位置變化,或進(jìn)入電梯,都會(huì)出現(xiàn)信號(hào)減弱現(xiàn)象。

信號(hào)間斷、減弱或丟失,多數(shù)在用戶不知情的情況下發(fā)生,明確給出網(wǎng)絡(luò)異常提示很有必要。盡量不讓用戶探索,明確告知網(wǎng)絡(luò)異常,給出重新連接的快捷方式,減少用戶探索過程,安撫情緒,讓用戶不會(huì)因盲目而恐慌。

2. LOADING

信號(hào)不穩(wěn)定,意味著等待時(shí)間延長,尤其是當(dāng)我們加載圖片、視頻或音樂時(shí),時(shí)間會(huì)較長。在這種情況下,我們不得不考慮在這種間隙向用戶展示什么內(nèi)容才能讓他們感覺不枯燥。

(1)加載動(dòng)畫:豐富等待間隙內(nèi)容,分散用戶等待焦慮注意力

加載動(dòng)畫的常見使用場景一共分為以下5種:啟動(dòng)頁加載、頁面局部加載、下拉刷新加載、頁面上拉加載、切換新頁面數(shù)據(jù)加載

產(chǎn)品策劃時(shí),可以與設(shè)計(jì)一起自定義加載動(dòng)畫樣式和場景,一般是使用品牌形象或品牌色生成的動(dòng)效來代替系統(tǒng)動(dòng)效。動(dòng)效多用于設(shè)備啟動(dòng)、連接到網(wǎng)絡(luò)或者加載數(shù)據(jù),是為了告知用戶頁面正在加載或刷新中,延長等待時(shí)間,避免讓用戶產(chǎn)生頁面打開失敗的錯(cuò)覺。

為了不讓用戶在等待時(shí)感到枯燥,你可以使用一些有趣的、始料未及的東西吸引用戶的注意力。合理使用動(dòng)畫片就可以分散訪客的注意力,讓他們忽略加載時(shí)間。

滑稽,愉悅用戶

勾起用戶好奇心

加載動(dòng)效但不是萬能的,不要過度設(shè)計(jì),也不要過度使用。保證動(dòng)效大小,繁重復(fù)雜的動(dòng)效可能對(duì)APP的頁面打開速度有影響,增加設(shè)備承載負(fù)擔(dān),對(duì)性能有很大考驗(yàn)。

(2)進(jìn)度條:傳遞給用戶時(shí)間感知

不確定的等待時(shí)間比已知的、有限的等待時(shí)間讓人覺得更長。在一些情況下,并不適用動(dòng)畫加載,如加載H5,上傳文件,人們會(huì)因無法預(yù)知加載時(shí)間長短而感到煩躁。你應(yīng)該給你的用戶一個(gè)清晰地等待時(shí)間,讓用戶盯著一個(gè)下載進(jìn)度條會(huì)讓跳出率降低。

進(jìn)度條可以傳遞給用戶時(shí)間的感知,大概能判斷這個(gè)過程需要花費(fèi)多長時(shí)間,一般不強(qiáng)調(diào)準(zhǔn)確性。策劃時(shí),你可以在開始的時(shí)候讓速度顯示地快一點(diǎn),在結(jié)尾的時(shí)候,顯示速度慢一點(diǎn),隱藏過程中的延遲。中途不間斷,否則用戶就會(huì)認(rèn)為這個(gè)加載或上傳過程卡住了。這也是迅雷慣用伎倆,下載失敗提示要么出現(xiàn)在開始,要么在最后1%,因?yàn)橹虚g99%都是虛的。剩余最后1%需要加載時(shí),你愿意等么?當(dāng)然!

(3)仿真內(nèi)容和占位符:異步加載,提前進(jìn)入視覺中心

如果你無法縮短加載時(shí)間,那么你應(yīng)該試圖讓用戶在等待中更高興一點(diǎn)??梢岳眉虞d時(shí)間顯示一些臨時(shí)信息,為了提高用戶的參與度,可以使用模擬內(nèi)容作為文本和圖片。

仿真內(nèi)容(簡書)

如果要加載圖片,你可以首先加載一個(gè)小型的模糊圖片,然后轉(zhuǎn)化成一個(gè)清晰的大圖片。使用占位圖和仿真內(nèi)容并沒有加快加載過程,但是在用戶眼中加載速度好像變快了。

圖片由模糊變清晰

先加載占位符(余味)

?當(dāng)頁面的框架固定時(shí),只需要加載框架內(nèi)數(shù)據(jù)時(shí),采用這種刷新樣式,即先加載框架,再加載框架內(nèi)的數(shù)據(jù)。為了反之框架內(nèi)的內(nèi)容為空,會(huì)用占位符或者預(yù)設(shè)圖片來填充。

(4)Toast

Toast提示一般是在使用過程中為緩解用戶等待焦慮,在規(guī)定時(shí)間內(nèi),出現(xiàn)加載失敗或網(wǎng)絡(luò)連接失敗時(shí),給出的提示,起告知作用。異常發(fā)生時(shí)長、toast顯示時(shí)長、顯示的內(nèi)容、位置,根據(jù)實(shí)際情況自行定義,一切以用戶方便為主。

這些形式是為了緩解用戶等待數(shù)據(jù)加載時(shí)的焦慮感。那么有沒有更好的機(jī)制來降低用戶等待時(shí)的焦慮感?當(dāng)然有。

二、技術(shù):明確加載方式,規(guī)劃離線體驗(yàn)

又說到技術(shù),產(chǎn)品要不要了解技術(shù)呢?當(dāng)然要。若最基本的實(shí)現(xiàn)方式都不清楚,就沒辦法給產(chǎn)品很明確的定性,技術(shù)自由發(fā)揮的時(shí)間過大,最終效果可能達(dá)到了,但可能與產(chǎn)品想要的結(jié)果千差萬別。

筆者對(duì)技術(shù)研究不深,以下內(nèi)容都是實(shí)際工作總結(jié)中得出的一些經(jīng)驗(yàn),純產(chǎn)品角度可考慮的幾個(gè)點(diǎn):

  • 明確加載方式:量化加載時(shí)長,加載場景
  • 優(yōu)化加載算法:明確頁面預(yù)處理、異步處理加載方式
  • 規(guī)劃離線體驗(yàn):定義緩存機(jī)制,異常處理機(jī)制(規(guī)范化,可傳承)

1. 明確加載方式,量化加載時(shí)長和場景

APP的加載方式有全屏加載、優(yōu)先加載 、整頁加載、自動(dòng)加載 、智能加載 、離線加載六種方式;

2. 優(yōu)化加載算法

優(yōu)化加載算法使得App與服務(wù)器交互數(shù)據(jù)的時(shí)間簡短,直接減少了加載數(shù)據(jù)的時(shí)間,也就是減少了用戶需要等待的時(shí)間,是從根本上解決了問題。

Tips:實(shí)戰(zhàn)中很少用單一的方式去優(yōu)化,往往都是前后端一起考慮,幾個(gè)優(yōu)化方法混合使用,需視具體場景來定義。

3.?規(guī)劃離線體驗(yàn):定義緩存機(jī)制,異常處理機(jī)制(規(guī)范化,可傳承)

微信離線上傳

當(dāng)用戶無法連接WiFi或其它網(wǎng)絡(luò)信號(hào)時(shí),用戶使用App時(shí)仍然能夠有極佳的可用性,那一定能給你的App加不少印象分。緩存常用來存儲(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)營模式。

常用的策劃方式:wifi環(huán)境下大量加載用戶可能使用的數(shù)據(jù),保證用戶在短時(shí)間內(nèi)的瀏覽流暢性,定期自動(dòng)刪除。用戶在無網(wǎng)絡(luò)情況下上傳數(shù)據(jù),可以先保存數(shù)據(jù)至本地,進(jìn)入wifi或流量環(huán)境下自動(dòng)上傳。

三、硬件&平臺(tái):負(fù)載均衡,分配合理

筆者向技術(shù)人員了解了下,簡單來說,就是在硬件支持上,要能滿足數(shù)據(jù)快速提取需求,還能承受用戶高并發(fā)情況下集中請(qǐng)求的壓力,不讓服務(wù)器崩掉就對(duì)啦。常見的優(yōu)化固件的做法:圖片&視頻存第三方(如七牛)、拓服務(wù)器、拓帶寬……

【提高并發(fā)處理能力】的方法:http://blog.csdn.net/wu936754331/article/details/49907671

 

作者:三哥( 微信號(hào):t287059495 ),?微信公眾號(hào):三哥視角。期待與大家一起交流

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 寫的真棒 感謝

    來自北京 回復(fù)
  2. 這是一篇能解決實(shí)際問題的文章~.~

    來自四川 回復(fù)
  3. 學(xué)習(xí)了,多謝分享。

    來自日本 回復(fù)
  4. 請(qǐng)問 網(wǎng)狀詳情頁是什么?

    來自遼寧 回復(fù)
  5. 可以增加文案對(duì)于用戶的體驗(yàn)感受,比如:加載中、盡全力加載中,稍微改下文案就可大大增加體驗(yàn)。

    來自廣東 回復(fù)
  6. 寫得好好

    來自廣東 回復(fù)
  7. 學(xué)習(xí) ?? 感謝分享

    來自廣東 回復(fù)
  8. 寫的很好

    來自四川 回復(fù)