在產(chǎn)品設(shè)計中妖滔，有些設(shè)計是必須要遇到的隧哮，比如APP的升級更新，程序異常座舍，網(wǎng)絡(luò)異常沮翔，登陸注冊等。這些問題是逃不了的曲秉，那么針對網(wǎng)絡(luò)異常應(yīng)該怎么設(shè)計呢采蚀？
網(wǎng)絡(luò)異常包含哪些方面的？一是網(wǎng)絡(luò)切換承二；二是網(wǎng)絡(luò)斷開榆鼠。
關(guān)于網(wǎng)絡(luò)切換，一般的處理都是從wifi切換到運營商網(wǎng)絡(luò)的時候亥鸠，給用戶一個提醒妆够，常用的方式就是一個彈出框，然后在彈框中說明需要切換到運營商網(wǎng)絡(luò)负蚊，讓用戶去選擇是否切換神妹，如果是土豪，毫不猶豫的選擇繼續(xù)盖桥，不然就乖乖的暫停啦灾螃。當(dāng)然什么樣的app需要給用戶提示呢？當(dāng)然消耗流量大的肯定是需要給用戶這個提示揩徊，是的腰鬼，你答對了，但是如果僅僅是想到這個地方的話塑荒，那是遠(yuǎn)遠(yuǎn)不夠的熄赡。
我們想一個問題，是否是一旦wifi切換到運營商網(wǎng)絡(luò)就提示呢齿税？其實不是的彼硫，因為我們在看視頻或者聽音樂的時候，是有個預(yù)加載機(jī)制的凌箕，他可以緩存一些數(shù)據(jù)拧篮，如果還在播放緩存中的數(shù)據(jù)，那么它就不會提醒牵舱，只有你需要加載新的數(shù)據(jù)的時候串绩，它才會提醒。那么為什么不能立刻提醒呢芜壁？一是因為你還沒有用到運營商的流量礁凡，還沒有必要去提示高氮；另外是因為它有可能會還沒有用到運營商流量之前又切回到了wifi，這樣就避免了對用戶的打擾顷牌。同時如果切換了運營商網(wǎng)絡(luò)的話剪芍，則需要自動切換音質(zhì)或者分辨率，為用戶節(jié)省流浪窟蓝。常用的提示方式：
QQ音樂的提示：
其實到這里還沒有結(jié)束罪裹，因為上述的提示和措施一般發(fā)生在2G或者3G的情況下，隨著流量越來越多疗锐，4G的情況下一般就不做提示坊谁，或者僅僅就彈出一個toast而已。
那么針對這一點滑臊，有一個更聰明的做法口芍，就是推廣流量包，不僅僅給用了一個提示雇卷，還給用戶提出一個解決的方案：
網(wǎng)易云音樂是怎么做的呢
所以如果從用戶交互友好性來說鬓椭，除了能即使給出提示，還要想是用彈框提示好关划，還是用toast提示小染，提示之后，要不要給用戶一個解決方案贮折，通盤考慮之后在做決定裤翩。
除了網(wǎng)絡(luò)切換，網(wǎng)絡(luò)斷開的異常會遇到的更多调榄，是所有的app需要考慮的問題踊赠，那么網(wǎng)絡(luò)斷開的提示有幾種呢？
第一個就是toast每庆，直接彈出提示筐带，3s隨后就消失；彈出toast后不同的app做法不同缤灵，這個取決于APP的做法：
如果你是H5網(wǎng)頁的做法伦籍，那么彈出toast后，整個頁面就是空白的腮出，是沒辦法進(jìn)行操作的帖鸦，如下圖所示：
楚楚街怎么處理呢？
美的商城的做法：
它們都是H5頁面完成的胚嘲，所以沒辦法進(jìn)行數(shù)據(jù)展示富蓄，第一張比較好的是如果網(wǎng)絡(luò)設(shè)置OK，用戶可以很明確的點擊重新加載刷新慢逾；而第二個就會讓用戶有一些迷茫立倍，即使用戶下拉可以重新進(jìn)行刷新，但是這個行為是用戶的無意為之侣滩，在這之前口注，用戶不知道應(yīng)該怎么做，所以君珠，第一種方式比較好寝志。除了第一種方式還有一個更好的方式，就是給用戶提供設(shè)置網(wǎng)絡(luò)的入口策添，不需要用戶再退出應(yīng)用材部，找到設(shè)置，再去查看網(wǎng)絡(luò)情況唯竹，如下：
小米商城的處理方式：
這個時候點擊查看網(wǎng)絡(luò)設(shè)置乐导，那么就可以直接去到網(wǎng)絡(luò)設(shè)置，簡單方便浸颓。
如果是本地端來實現(xiàn)的物臂，那么因為有緩存，所以一般都會進(jìn)行緩存的顯示产上，而不是一篇空白棵磷，從視覺上來看會更友好一些，如下：
今日頭條的提示：
不過它僅僅是給個提示晋涣，其實還是沒有給出用戶接下來應(yīng)該怎么辦的指導(dǎo)仪媒，那么下面就給出了更友好的設(shè)計：
京東的做法：
給出的處理方式：
它不僅給用了提示，還給出怎么辦谢鹊，所以從產(chǎn)品體驗角度算吩，它更友好。
第二種直接給出網(wǎng)絡(luò)異常的彈出框撇贺，這個是除了toast的另外一種方式赌莺，它后面也會跟著兩種情況，H5網(wǎng)頁和native本地兩種實現(xiàn)方式松嘶。與上一個toast不同的區(qū)別就是他會阻止你的下一步操作艘狭，必須做出選擇才能往下走，所以在整個的感覺中翠订，網(wǎng)絡(luò)異常的處理是最高優(yōu)先級的巢音，那么兩種網(wǎng)絡(luò)異常設(shè)計的表現(xiàn)形式如下：
洋碼頭很是厲害，狂彈提示不讓進(jìn)：
樂視商城的彈出框：
第一張圖片是彈框方式尽超，但是它是把用戶完全阻隔在外面的官撼，根本進(jìn)不去，點擊確定之后似谁，只要是網(wǎng)絡(luò)斷掉還是一直彈出這個框傲绣，用戶想去了解里面根本不可能掠哥，同時也沒有給出處理方式。第二個比第一個更近了一步秃诵，可以讓用戶去設(shè)置網(wǎng)絡(luò)续搀，給出下一步的動作；如果不做處理的話菠净，還是能夠進(jìn)入app里面的禁舷，即使沒有網(wǎng)絡(luò)也可以對這個APP有個大致的了解，所以第二種會更好些毅往。
但是本地端的實現(xiàn)遇到網(wǎng)絡(luò)異常牵咙，是彈框好還是在上面給出一個提示好呢，這也是京東和樂視商城采取的不同的方式攀唯。個人認(rèn)為看你的目的和計劃怎么去引導(dǎo)用戶洁桌。如果是進(jìn)入后有內(nèi)容可以呈現(xiàn)，也想讓用戶進(jìn)來看革答，只不過網(wǎng)絡(luò)導(dǎo)致了影響觀看战坤，那么就采取京東的方式；但是像樂視商城残拐，進(jìn)入之后第一頁面根本沒有可以給用戶看的途茫，那么就彈出框比較合適，優(yōu)先讓用戶把網(wǎng)絡(luò)設(shè)置好溪食。另外也根據(jù)交互的難易度來考慮囊卜，比如如果是在智能電視上面，那么即使是本地端實現(xiàn)的错沃，也不能采取京東的方式栅组，因為電視需要遙控器一步一步操作，移到網(wǎng)絡(luò)設(shè)置的地方很復(fù)雜枢析，所以建議采取彈框的方式更合適玉掸。
關(guān)于網(wǎng)絡(luò)異常處理也是需要好好思考的事情，不同的情況下采取的方式不同醒叁。它需要從自己的目的司浪，用戶體驗，實現(xiàn)方式等多種維度去考慮把沼。個人見解肯定不完全對啊易，只是作為個人的一個思考。
