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