目錄：
1. 交互：異常處理清晰覆获，減少用戶焦慮
2. 技術(shù)：明確加載方式马澈，規(guī)劃離線體驗(yàn)
3. 硬件&平臺(tái)：負(fù)載均衡瓢省，分配合理
一弄息、交互：異常處理清晰，減少用戶焦慮
? ? ? ? 異常提示：網(wǎng)絡(luò)異常（信號(hào)減弱勤婚、間斷摹量、丟失）；
? ? ? ? Loading:加載動(dòng)畫（啟動(dòng)動(dòng)效馒胆、下拉刷星缨称、上拉加載、換頁(yè)加載）祝迂、進(jìn)度條（H5加載速度睦尽、下載&上傳加載進(jìn)度）、仿真內(nèi)容和占位符型雳、Toast.
1. 網(wǎng)絡(luò)異常
1.1. 情景：
? ? ? ? 信號(hào)間斷或丟失：wifi從室內(nèi)到室外当凡，wifi切換成流量模式，中途的切換間隔造成信號(hào)簡(jiǎn)短纠俭；開啟飛行模式或者手機(jī)停機(jī)造成信號(hào)丟失沿量。
? ? ? ? 信號(hào)減弱：天氣、地理位置變化冤荆，或進(jìn)入電梯等都可能出現(xiàn)信號(hào)減弱的現(xiàn)象朴则。
1.2. 提示：信號(hào)的強(qiáng)弱用戶感知的可能性較弱，明確給出網(wǎng)絡(luò)異常提示是有必要的钓简。減少用戶探索過(guò)程乌妒，減少用戶焦慮的情形汹想。
2. LOADING
2.1. 情景：信號(hào)不穩(wěn)定是對(duì)圖片、視頻或音樂(lè)的加載時(shí)間較長(zhǎng)撤蚊，在這種情況下欧宜，考慮在這種間隙向用戶展示什么內(nèi)容減少等待的枯燥，減少用戶的丟失率拴魄。
2.2. 解決辦法：加載動(dòng)畫冗茸，進(jìn)度條，仿真內(nèi)容和占位符與Toast
2.2.1. 加載動(dòng)畫：分散用戶等待的注意力
加載動(dòng)畫的使用場(chǎng)景：?jiǎn)?dòng)頁(yè)加載匹中、頁(yè)面局部加載夏漱、下拉刷新加載、頁(yè)面上拉加載顶捷、切換新頁(yè)面數(shù)據(jù)加載挂绰。
具體：產(chǎn)品策劃階段，設(shè)計(jì)自定義加載的動(dòng)畫樣式和場(chǎng)景服赎，一般使用品牌形象或者品牌色生成的動(dòng)效來(lái)代替系統(tǒng)動(dòng)效葵蒂。動(dòng)效多用于設(shè)備啟動(dòng)、連接到網(wǎng)絡(luò)或者加載數(shù)據(jù)重虑，是為了告知用戶頁(yè)面正在加載或者刷新中践付，洋場(chǎng)等待時(shí)間，避免讓用戶纏身該頁(yè)面打開失敗的錯(cuò)覺(jué)缺厉。如：滑稽動(dòng)畫永高，勾起用戶好奇心。
備注：加載動(dòng)效不要過(guò)度設(shè)計(jì)頁(yè)不要過(guò)度使用提针。保證動(dòng)效大小命爬，繁重復(fù)雜的動(dòng)效可能對(duì)APP頁(yè)面打開速度有影響，增加設(shè)備承載負(fù)擔(dān)辐脖，對(duì)性能有很大考驗(yàn)饲宛。
2.2.2. 進(jìn)度條：傳遞給用戶時(shí)間感知
加載H5，上傳文件等嗜价，用戶會(huì)因無(wú)法預(yù)知加載時(shí)間長(zhǎng)短而感到煩躁艇抠。給用戶一個(gè)清晰的等待時(shí)間，讓用戶盯著一個(gè)下載進(jìn)度條會(huì)讓跳出率降低炭剪。
進(jìn)度條可以傳遞給用戶時(shí)間的感知练链，大概能判斷這個(gè)過(guò)程需要花費(fèi)多長(zhǎng)時(shí)間，一般不強(qiáng)調(diào)準(zhǔn)確性奴拦。
產(chǎn)品策劃：開始時(shí)讓速度顯示得快一點(diǎn)媒鼓，在結(jié)尾的時(shí)候，顯示速度慢點(diǎn)，隱藏過(guò)程中的延遲绿鸣。中途不間斷疚沐，否則用戶會(huì)認(rèn)為這個(gè)加載或者上傳過(guò)程中卡住了。如：迅雷的管用伎倆潮模。99%及剩下的百分之一亮蛔。
2.2.3.仿真內(nèi)容和占位符：異步加載媒體前進(jìn)入視覺(jué)中心。
如果無(wú)法縮短加載時(shí)間擎厢，那么應(yīng)該試圖讓用戶在等待中更高興一點(diǎn)究流，可以利用加載時(shí)間顯示一些臨時(shí)信息，可以使用模擬內(nèi)容作為文本和圖片动遭。
如：簡(jiǎn)書芬探。
如果要加載圖片，你可以首先加載一個(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)填充浓若。
2.2.4. Toast
Toast提示一般在使用過(guò)程中為環(huán)節(jié)用戶等待焦慮渺杉，在規(guī)定時(shí)間內(nèi)，出現(xiàn)加載失敗或者網(wǎng)絡(luò)連接失敗時(shí)挪钓，給出的提示是越，起告知作用。
異常發(fā)生時(shí)長(zhǎng)碌上、toast顯示時(shí)長(zhǎng)倚评、顯示的內(nèi)容、位置馏予，根據(jù)實(shí)際情況自行定義天梧，一切以用戶方便為主。
個(gè)人認(rèn)為Toast并不是用戶友好的提示方式霞丧。
二呢岗、技術(shù)：明確加載方式，規(guī)劃離線體驗(yàn)。
全局：
????????1. 明確加載方式：量化加載時(shí)長(zhǎng)后豫，加載場(chǎng)景悉尾。
? ? ? ? 2. 優(yōu)化記載算法：明確頁(yè)面預(yù)處理、異步處理加載方式挫酿。
? ? ? ? 3. 規(guī)劃離線體驗(yàn)：定義緩存機(jī)制构眯，異常處理機(jī)制（規(guī)范化，可傳承）
2.1.明確加載方式早龟，量化加載時(shí)長(zhǎng)和場(chǎng)景
APP加載方式：全屏加載惫霸、優(yōu)先加載、整頁(yè)加載葱弟、自動(dòng)加載它褪、智能加載、離線加載六種方式
2.2.優(yōu)化加載算法
優(yōu)化加載算法使得APP與服務(wù)器交互數(shù)據(jù)的時(shí)間簡(jiǎn)短翘悉，直接減少了加載數(shù)據(jù)的時(shí)間茫打，減少了用戶需要等待的時(shí)間，從根本上解決了問(wèn)題妖混。
tips:通常前后端一起考慮老赤，幾個(gè)優(yōu)化放大混合使用，需視具體場(chǎng)景來(lái)定義制市。
3. 規(guī)劃離線體驗(yàn)：定義緩機(jī)制抬旺，異常處理機(jī)制
當(dāng)用戶無(wú)法連接wifi或者其他網(wǎng)絡(luò)信號(hào)時(shí)，用戶使用APP時(shí)仍然能有極佳的可用性祥楣。緩存常用來(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)上傳咒程。
三、硬件&平臺(tái)：負(fù)載均衡讼育，分配合理
在硬件支持上帐姻，要能滿足數(shù)據(jù)快速提取需求粮宛，還能承受用戶高并發(fā)情況下集中請(qǐng)求的壓力，不讓服務(wù)器崩掉就對(duì)啦卖宠。常見(jiàn)的優(yōu)化固件的做法：圖片&視頻存第三方（如七牛）巍杈、拓服務(wù)器、拓帶寬……
