第一步：明確前提
前提是做網(wǎng)絡(luò)超時(shí)設(shè)計(jì)之前奥帘，要明確下面這兩個(gè)問題仪召。
1.用戶需不需要查看緩存內(nèi)容松蒜？緩存內(nèi)容還可以降低用戶的斷網(wǎng)時(shí)焦慮已旧，有些內(nèi)容對用戶有價(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)品的用戶體驗(yàn)氧秘，這時(shí)需要和技術(shù)多溝通，搞清楚你的產(chǎn)品在什么時(shí)候檢查網(wǎng)絡(luò)狀態(tài)搔确。
第二步：根據(jù)場景選擇樣式
斷網(wǎng)的提醒樣式有很多種灭忠，適用于不同的場景。這里我把場景分為了四大類弛作，可以先選擇對應(yīng)的一類場景，再選擇該場景下常見的提醒樣式机隙。
1.有必要立即并打斷用戶提醒
這一類場景頁面（區(qū)域）功能全部無法使用萨西，且沒有本地緩存可查看時(shí)。不聯(lián)網(wǎng)啥也不能用啥也看不了谎脯。
2.有必要提醒，但不要打斷用戶
這一類場景頁面部分本地功能可用娱俺，或有本地緩存可查看。這時(shí)候app又不是不能用了模庐，所以不應(yīng)該打斷用戶思緒，要輕提醒赖欣，達(dá)到讓用戶“了解验庙、知道”的目的即可。
3.需要提醒用戶悴了，但不是立即
這一類場景违寿，我把它總結(jié)為用戶會(huì)持續(xù)操作的場景，可能不太貼切藤巢，舉例子說明吧。比如新浪發(fā)送微博才沧，假設(shè)用戶在編輯內(nèi)容時(shí)绍刮，字還沒打完呢，就提示用戶網(wǎng)絡(luò)超時(shí)孩革，這是想不想讓用戶打字了？這時(shí)常見的提醒樣式有以下幾種锅移。
重試按鈕：見微信聊天饱搏，發(fā)送失敗會(huì)提醒用戶，點(diǎn)擊即可重新發(fā)送。
4.不需要提醒
這一類場景诽偷，斷網(wǎng)了也沒什么影響疯坤。比如微信閱讀深浮，讀一本本地書籍，內(nèi)容都緩存好了菌瘫，不需要提醒用戶布卡。
