導(dǎo)語(yǔ)：用戶在使用App時(shí)擎宝，除了正常的使用場(chǎng)景，還會(huì)碰到許多特殊場(chǎng)景：頁(yè)面加載中（請(qǐng)求數(shù)據(jù)）浑玛、頁(yè)面內(nèi)容為空（缺省頁(yè)面）绍申、網(wǎng)絡(luò)異常、服務(wù)器異常锄奢、下拉刷新失晴、下拉加載、版本兼容等拘央。友好地設(shè)計(jì)產(chǎn)品在特殊場(chǎng)景下的狀態(tài)涂屁，對(duì)于用戶體驗(yàn)至關(guān)重要。
一灰伟、頁(yè)面加載中（請(qǐng)求數(shù)據(jù)）
1拆又、場(chǎng)景：當(dāng)進(jìn)入頁(yè)面，無(wú)緩存數(shù)據(jù)栏账，則在頁(yè)面上顯示加載中的狀態(tài)帖族。原生頁(yè)面多以插畫(huà)的形式呈現(xiàn)。H5頁(yè)面則在頭部出現(xiàn)進(jìn)度條挡爵。
2竖般、交互：進(jìn)入頁(yè)面請(qǐng)求數(shù)據(jù)，最長(zhǎng)加載時(shí)間為10s茶鹃。10s后若加載不出數(shù)據(jù)涣雕，則返回網(wǎng)絡(luò)/其他異常提示。
二闭翩、頁(yè)面內(nèi)容為空（缺省頁(yè)面）
1挣郭、場(chǎng)景：當(dāng)進(jìn)入頁(yè)面，無(wú)數(shù)據(jù)疗韵，則在頁(yè)面上顯示該狀態(tài)兑障。
2、交互：對(duì)內(nèi)容關(guān)注頁(yè)，可以引導(dǎo)用戶進(jìn)入推薦頁(yè)進(jìn)行訂閱流译；對(duì)搜索/篩選結(jié)果頁(yè)逞怨，可以引導(dǎo)用戶更換關(guān)鍵詞或推薦其他相關(guān)熱門內(nèi)容；對(duì)普通的缺省頁(yè)面先蒋，可以以插畫(huà)配生動(dòng)的文案告知用戶當(dāng)前頁(yè)面為空骇钦。
三宛渐、網(wǎng)絡(luò)異常
1竞漾、頭部
1）場(chǎng)景： 當(dāng)進(jìn)入頁(yè)面無(wú)網(wǎng)絡(luò)，則頭部空出一行顯示該提示窥翩。?
2）交互：當(dāng)網(wǎng)絡(luò)正常時(shí)业岁，這行提示自動(dòng)消失；當(dāng)網(wǎng)絡(luò)異常時(shí)寇蚊，這行提示固定在頁(yè)面上笔时，點(diǎn)擊時(shí)進(jìn)入手機(jī)wifi設(shè)置頁(yè)。
2仗岸、頁(yè)面上
1）場(chǎng)景：當(dāng)進(jìn)入頁(yè)面后網(wǎng)絡(luò)異常且無(wú)緩存數(shù)據(jù)允耿，則在頁(yè)面上顯示該狀態(tài)。當(dāng)進(jìn)入頁(yè)面后網(wǎng)絡(luò)異常且有緩存數(shù)據(jù)扒怖，則頁(yè)面上不顯示該狀態(tài)较锡，只在頭部提示網(wǎng)絡(luò)異常。
2）交互：當(dāng)網(wǎng)絡(luò)正常時(shí)盗痒，回到加載中的狀態(tài)蚂蕴，顯示出數(shù)據(jù)。點(diǎn)擊“重新加載”按鈕俯邓，再次請(qǐng)求數(shù)據(jù)骡楼。
四、服務(wù)器異常
1稽鞭、場(chǎng)景：當(dāng)進(jìn)入頁(yè)面后服務(wù)器或非網(wǎng)絡(luò)的異常且無(wú)緩存數(shù)據(jù)鸟整，則在頁(yè)面上顯示該狀態(tài)。
2朦蕴、交互：錯(cuò)誤代碼由后端返回篮条。點(diǎn)擊“重新加載”按鈕，再次請(qǐng)求數(shù)據(jù)梦重。
五兑燥、下拉刷新
1、場(chǎng)景：當(dāng)用戶下拉頁(yè)面時(shí)琴拧，頁(yè)面內(nèi)容往下降瞳，空出一行顯示該提示。
2、交互：下拉與請(qǐng)求數(shù)據(jù)時(shí)出現(xiàn)該動(dòng)圖挣饥，最長(zhǎng)加載時(shí)間為10s除师。10s后若加載不出數(shù)據(jù)，該動(dòng)圖消失扔枫，然后在頭部返回網(wǎng)絡(luò)/其他異常提示汛聚，但頁(yè)面顯示緩存數(shù)據(jù)。
六倚舀、上拉加載
1、場(chǎng)景：當(dāng)用戶上拉頁(yè)面時(shí)忍宋，在頁(yè)面最下方痕貌，空出一行顯示該提示。
2糠排、交互：對(duì)于分卡片的信息流舵稠，滑到倒數(shù)第二個(gè)卡片時(shí)，自動(dòng)加載了入宦。下拉與請(qǐng)求數(shù)據(jù)時(shí)哺徊，最長(zhǎng)加載時(shí)間為10s。10s后若加載不出數(shù)據(jù)乾闰，就在頁(yè)面底部返回網(wǎng)絡(luò)/其他異常提示落追，但頁(yè)面顯示緩存數(shù)據(jù)。其他異常時(shí)汹忠，錯(cuò)誤代碼由后端返回淋硝。
七、版本兼容
1宽菜、場(chǎng)景：當(dāng)?shù)桶姹居脩羰盏礁甙姹居脩舭l(fā)的消息谣膳，或低版本用戶顯示不出高版本才有的樣式時(shí)，觸發(fā)該提示铅乡。
2继谚、交互：點(diǎn)擊該樣式，可以彈出APP升級(jí)提示彈窗阵幸，引導(dǎo)用戶升級(jí)版本花履。
