干活分享 | 3招緩解APP用戶等待焦慮(建議新人閱讀)

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


拒絕等待

那作為一個產(chǎn)品胃碾,我們可以做點什么讓用戶刷APP時覺得打開速度沒有那么慢呢涨享?下面會說到兩個關(guān)注點,希望對大家有所啟發(fā):

? ? 交互:異常處理清晰仆百,減少用戶焦慮厕隧;

? ? 技術(shù):明確加載方式,規(guī)劃離線體驗;

? ? 硬件&平臺:負載均衡吁讨,分配合理髓迎;

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


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

? ? 異常提示:網(wǎng)絡(luò)異常(信號減弱排龄、信號間斷、信號丟失)翎朱;

? ? Loading : 加載動畫(啟動動效橄维、下拉刷新、上拉加載拴曲、換頁加載)争舞、進度條(H5加載進度、下載&上傳加載進度)澈灼、仿真內(nèi)容和占位符竞川、Toast;


用戶最煩的三種情況

1.網(wǎng)絡(luò)異常

APP用戶的特點就是經(jīng)常在移動叁熔,網(wǎng)絡(luò)切換隨機性強委乌。用戶在不知情的情況下,遇到網(wǎng)絡(luò)切換者疤,造成頁面打不開福澡,就很容易遷怒于應(yīng)用本身,造成負面印象驹马,甚至直接卸載應(yīng)用革砸。減少用戶探索過程,盲目性讓用戶感到恐慌糯累。

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

(1)信號間斷或丟失算利,如從有WIFI的房間走到室外,WIFI切換成流量模式泳姐,中途有切換間隔效拭,造成信號間斷;開啟飛行模式胖秒,或手機停機缎患,造成信號丟失。

(2)信號減弱阎肝,如天氣挤渔、地理位置變化,或進入電梯风题,都會出現(xiàn)信號減弱現(xiàn)象判导。

網(wǎng)絡(luò)間斷嫉父、減弱或丟失

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

2.LOADING

信號不穩(wěn)定涉茧,意味著等待時間延長赴恨,尤其是當我們加載圖片、視頻或音樂時伴栓,時間會較長伦连。在這種情況下,我們不得不考慮在這種間隙向用戶展示什么內(nèi)容才能讓他們感覺不枯燥钳垮。

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

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

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


加載動效

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

滑稽落追,愉悅用戶
勾起用戶好奇心

加載動效但不是萬能的,不要過度設(shè)計涯肩,也不要過度使用轿钠。保證動效大小,繁重復(fù)雜的動效可能對APP的頁面打開速度有影響病苗,增加設(shè)備承載負擔疗垛,對性能有很大考驗。

(2)進度條:傳遞給用戶時間感知

不確定的等待時間比已知的硫朦、有限的等待時間讓人覺得更長贷腕。在一些情況下,并不適用動畫加載咬展,如加載H5泽裳,上傳文件,人們會因無法預(yù)知加載時間長短而感到煩躁破婆。你應(yīng)該給你的用戶一個清晰地等待時間,讓用戶盯著一個下載進度條會讓跳出率降低涮总。


傳遞時間感知

進度條可以傳遞給用戶時間的感知,大概能判斷這個過程需要花費多長時間祷舀,一般不強調(diào)準確性瀑梗。策劃時,你可以在開始的時候讓速度顯示地快一點裳扯,在結(jié)尾的時候抛丽,顯示速度慢一點,隱藏過程中的延遲饰豺。中途不間斷亿鲜,否則用戶就會認為這個加載或上傳過程卡住了。這也是迅雷慣用伎倆冤吨,下載失敗提示要么出現(xiàn)在開始蒿柳,要么在最后1%,因為中間99%都是虛的锅很。剩余最后1%需要加載時其馏,你愿意等么?當然爆安!

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

如果你無法縮短加載時間,那么你應(yīng)該試圖讓用戶在等待中更高興一點扔仓『职拢可以利用加載時間顯示一些臨時信息,為了提高用戶的參與度翘簇,可以使用模擬內(nèi)容作為文本和圖片撬码。


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

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


圖片由模糊變清晰


先加載占位符(余味)

當頁面的框架固定時,只需要加載框架內(nèi)數(shù)據(jù)時叫胁,采用這種刷新樣式凰慈,即先加載框架,再加載框架內(nèi)的數(shù)據(jù)驼鹅。為了反之框架內(nèi)的內(nèi)容為空微谓,會用占位符或者預(yù)設(shè)圖片來填充。

(4)Toast

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


TOSAT

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

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


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

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

? ? 明確加載方式:量化加載時長,加載場景

? ? 優(yōu)化加載算法:明確頁面預(yù)處理诊笤、異步處理加載方式

? ? 規(guī)劃離線體驗:定義緩存機制系谐,異常處理機制(規(guī)范化,可傳承)

第一讨跟、明確加載方式纪他,量化加載時長和場景鄙煤。APP的加載方式有全屏加載、優(yōu)先加載 止喷、整頁加載馆类、自動加載 、智能加載 弹谁、離線加載六種方式;


APP端常見6種加載方式優(yōu)缺點

第二句喜、優(yōu)化加載算法预愤。使得App與服務(wù)器交互數(shù)據(jù)的時間簡短。這個需要開發(fā)人員的精益求精了咳胃。這個是從根本上解決了問題植康,因為直接減少了加載數(shù)據(jù)的時間,也就是減少了用戶需要等待的時間展懈。


常見APP【流暢性】技術(shù)優(yōu)化點
常見服務(wù)端【流暢性】技術(shù)優(yōu)化點

第三销睁、規(guī)劃離線體驗:定義緩存機制,異常處理機制(規(guī)范化存崖,可傳承)冻记。


離線體驗規(guī)劃
微信離線上傳

當用戶無法連接WiFi或其它網(wǎng)絡(luò)信號時,用戶使用App時仍然能夠有極佳的可用性来惧,那一定能給你的App加不少印象分冗栗。緩存常用來存儲頻繁調(diào)用的數(shù)據(jù),當緩存后的數(shù)據(jù)再次被調(diào)用時供搀,就可以由緩存直接提供數(shù)據(jù)隅居,提高數(shù)據(jù)的響應(yīng)速度。在規(guī)劃App應(yīng)用時葛虐,應(yīng)該將這一設(shè)計方法考慮其中胎源,提前規(guī)劃好App在離線狀態(tài)下的運營模式。

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

三奢驯、硬件&平臺:負載均衡申钩,分配合理


常見服務(wù)端硬件&平臺優(yōu)化點

筆者才疏學(xué)淺,這塊有點描述不清瘪阁,向技術(shù)人員了解了下撒遣,簡單來說邮偎,就是在硬件支持上,要能滿足數(shù)據(jù)快速提取需求义黎,還能承受用戶高并發(fā)情況下集中請求的壓力禾进,不讓服務(wù)器崩掉就對啦。常見的優(yōu)化固件的做法:圖片&視頻存第三方(如七牛)廉涕、拓服務(wù)器泻云、拓帶寬……

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


作者:三哥

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市狐蜕,隨后出現(xiàn)的幾起案子宠纯,更是在濱河造成了極大的恐慌,老刑警劉巖层释,帶你破解...
    沈念sama閱讀 210,835評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件婆瓜,死亡現(xiàn)場離奇詭異,居然都是意外死亡贡羔,警方通過查閱死者的電腦和手機廉白,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,900評論 2 383
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來乖寒,“玉大人猴蹂,你說我怎么就攤上這事∠常” “怎么了晕讲?”我有些...
    開封第一講書人閱讀 156,481評論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長马澈。 經(jīng)常有香客問我瓢省,道長,這世上最難降的妖魔是什么痊班? 我笑而不...
    開封第一講書人閱讀 56,303評論 1 282
  • 正文 為了忘掉前任勤婚,我火速辦了婚禮,結(jié)果婚禮上涤伐,老公的妹妹穿的比我還像新娘馒胆。我一直安慰自己,他們只是感情好凝果,可當我...
    茶點故事閱讀 65,375評論 5 384
  • 文/花漫 我一把揭開白布祝迂。 她就那樣靜靜地躺著,像睡著了一般器净。 火紅的嫁衣襯著肌膚如雪型雳。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,729評論 1 289
  • 那天,我揣著相機與錄音纠俭,去河邊找鬼沿量。 笑死,一個胖子當著我的面吹牛冤荆,可吹牛的內(nèi)容都是我干的朴则。 我是一名探鬼主播,決...
    沈念sama閱讀 38,877評論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼钓简,長吁一口氣:“原來是場噩夢啊……” “哼乌妒!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起涌庭,我...
    開封第一講書人閱讀 37,633評論 0 266
  • 序言:老撾萬榮一對情侶失蹤芥被,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后坐榆,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,088評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡冗茸,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,443評論 2 326
  • 正文 我和宋清朗相戀三年席镀,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片夏漱。...
    茶點故事閱讀 38,563評論 1 339
  • 序言:一個原本活蹦亂跳的男人離奇死亡豪诲,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出挂绰,到底是詐尸還是另有隱情屎篱,我是刑警寧澤,帶...
    沈念sama閱讀 34,251評論 4 328
  • 正文 年R本政府宣布葵蒂,位于F島的核電站交播,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏践付。R本人自食惡果不足惜秦士,卻給世界環(huán)境...
    茶點故事閱讀 39,827評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望永高。 院中可真熱鬧隧土,春花似錦、人聲如沸命爬。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,712評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽饲宛。三九已至皆愉,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背亥啦。 一陣腳步聲響...
    開封第一講書人閱讀 31,943評論 1 264
  • 我被黑心中介騙來泰國打工炭剪, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人翔脱。 一個月前我還...
    沈念sama閱讀 46,240評論 2 360
  • 正文 我出身青樓奴拦,卻偏偏與公主長得像,于是被迫代替她去往敵國和親届吁。 傳聞我的和親對象是個殘疾皇子错妖,可洞房花燭夜當晚...
    茶點故事閱讀 43,435評論 2 348

推薦閱讀更多精彩內(nèi)容