斷網(wǎng)提醒設(shè)計.png
第一步：明確提醒前提
- 用戶需不要需要查看緩存內(nèi)容
- 什么時候檢查網(wǎng)絡(luò)狀態(tài)
第一步：明確提醒前提
1.有必要立即并打斷用戶提醒（整頁提示寂嘉，內(nèi)容區(qū)按鈕，彈窗）
這一類場景頁面功能全部無法使用，且沒有本地緩存可查看，即斷網(wǎng)了啥都不能用啥都看不了
- 整頁提醒：直播
網(wǎng)絡(luò)未連接， 請檢查網(wǎng)絡(luò)后點(diǎn)擊頁面刷新
- 內(nèi)容區(qū)按鈕
云音樂：無可用網(wǎng)絡(luò)，檢查 云音樂網(wǎng)絡(luò)連接權(quán)限及當(dāng)前網(wǎng)絡(luò)狀態(tài)【查看詳情】
讀書：【刷新重試】【去本地書架看看】
2.有必要提醒孕索，但不要打斷用戶（notice bar，toast躏碳，頁面內(nèi)提示）
這一類場景頁面部分本地功能可用搞旭，或者本地緩存可查看。不打斷用戶思路菇绵，輕提醒选脊，達(dá)到讓用戶了解，知道的目的即可脸甘。
- Notice bar：出現(xiàn)在標(biāo)題下方或列表頂端恳啥，點(diǎn)擊可獲取解決網(wǎng)絡(luò)問題的幫助
微信列表：無法連接服務(wù)器，請檢查你的網(wǎng)絡(luò)設(shè)置
- toast：少量文字丹诀，幾秒內(nèi)消失钝的，提醒但不打斷
支付寶：網(wǎng)絡(luò)無法連接
- 頁面內(nèi)提示：打不斷用戶，讓用戶知道的目的
墨跡天氣：當(dāng)前網(wǎng)絡(luò)不可用
3.需要提醒用戶铆遭，但不是立即
這一類場景硝桩，用戶會持續(xù)操作的場景
- 重試按鈕
微信聊天：發(fā)送失敗提醒用戶，點(diǎn)擊即可重新發(fā)送
微博：有內(nèi)容發(fā)送失敗枚荣，已存入草稿箱碗脊，點(diǎn)擊可重新發(fā)送
- 彈窗
淘寶：用戶操作時不打斷，完成后會彈窗提示提示橄妆，并保存操作
- toast
知乎：斷網(wǎng)時打開首頁衙伶，已經(jīng)有緩存好的內(nèi)容（沒有時立即提示）祈坠，點(diǎn)擊一篇內(nèi)容時會提示
4.不需要提醒
這一類場景，斷網(wǎng)了也沒有什么影響
