第一步：明確前提
前提是做網(wǎng)絡(luò)超時設(shè)計之前，要明確下面這兩個問題。
1.用戶需不需要查看緩存內(nèi)容？緩存內(nèi)容還可以降低用戶的斷網(wǎng)時焦慮，有些內(nèi)容對用戶有價值的，比如微信聊天記錄。
2.什么時候檢查網(wǎng)絡(luò)狀態(tài)？有的時候需要實時檢查網(wǎng)絡(luò)狀態(tài)，比如微信的消息列表、還有一些手游等等，大多數(shù)APP其實不需要實時檢查。斷網(wǎng)設(shè)計更多是在優(yōu)化現(xiàn)有產(chǎn)品的用戶體驗，這時需要和技術(shù)多溝通，搞清楚你的產(chǎn)品在什么時候檢查網(wǎng)絡(luò)狀態(tài)。
第二步：根據(jù)場景選擇樣式
斷網(wǎng)的提醒樣式有很多種，適用于不同的場景。這里我把場景分為了四大類，可以先選擇對應(yīng)的一類場景，再選擇該場景下常見的提醒樣式。
1.有必要立即并打斷用戶提醒
這一類場景頁面（區(qū)域）功能全部無法使用，且沒有本地緩存可查看時。不聯(lián)網(wǎng)啥也不能用啥也看不了。
2.有必要提醒，但不要打斷用戶
這一類場景頁面部分本地功能可用，或有本地緩存可查看。這時候app又不是不能用了，所以不應(yīng)該打斷用戶思緒，要輕提醒，達到讓用戶“了解、知道”的目的即可。
3.需要提醒用戶，但不是立即
這一類場景，我把它總結(jié)為用戶會持續(xù)操作的場景，可能不太貼切，舉例子說明吧。比如新浪發(fā)送微博，假設(shè)用戶在編輯內(nèi)容時，字還沒打完呢，就提示用戶網(wǎng)絡(luò)超時，這是想不想讓用戶打字了？這時常見的提醒樣式有以下幾種。
重試按鈕：見微信聊天，發(fā)送失敗會提醒用戶，點擊即可重新發(fā)送。
4.不需要提醒
這一類場景，斷網(wǎng)了也沒什么影響。比如微信閱讀，讀一本本地書籍，內(nèi)容都緩存好了，不需要提醒用戶。
