與網(wǎng)絡(luò)環(huán)境等有關(guān)的：下載失敗竟坛、服務(wù)器出錯闽巩、斷網(wǎng)钧舌，網(wǎng)速過慢、加載失敗涎跨、網(wǎng)絡(luò)連接失斖荻场（wifi 密碼正確，連接不成功）隅很；
空狀態(tài)：搜索結(jié)果為空撞牢、無瀏覽記錄、無收藏外构、無購買記錄普泡、無訂單記錄、無下載記錄等审编；
表單類異常：密碼錯誤撼班、輸入字符太少，數(shù)量超額垒酬，賬號密碼等不符合相應(yīng)規(guī)則砰嘁、賬號過期、必填項未填寫（提示并定位）勘究、必填項的輸入字符為空等矮湘；
時效性：二維碼/驗證碼的過期/失效處理，例如具有實效性的鏈接口糕，二維碼等缅阳；
限定值：上傳文件超過限定大小、操作過于頻繁（刷新頻繁景描，點贊十办、抖一抖，戳一戳等超棺，需給出友好提示）向族；
不可用：賬號不存在、賬號過期棠绘、選項不可選件相、按鈕置灰等；
其他：外接設(shè)備連接失斞醪浴（如遙控器夜矗、音響、手機等）让虐、斷電/電量過低紊撕、安裝失敗澄干；
2. 用戶在操作中是感受不到這種異常逛揩，并且對用戶的操作有較小影響的。
主要是用戶切換任務(wù)引起的異常：如按 home 鍵突然退出/切換應(yīng)用麸俘、返回鍵退出辩稽、下載過程退出等。
以上就是在設(shè)計中常見的一些異常情況匯總从媚，看到這里逞泄，可能很多朋友就要說了，這么多拜效，我怎么記得住喷众。我個人的建議是，如果你熟悉上面的這些異常的話紧憾，其實在設(shè)計類似的模塊時就會考慮到相應(yīng)的情況到千；如果你不熟悉這些，你可以把文章描述的異常情況當作一個檢查表赴穗，設(shè)計到相應(yīng)的模塊時憔四，可以參考是否會出現(xiàn)上方的情況。
三般眉、異常處理
接下來分析一下這些異常情況的處理方式了赵，按異常方式來處理。
與網(wǎng)絡(luò)環(huán)境等有關(guān)的：下載失敗甸赃、服務(wù)器出錯柿汛、斷網(wǎng)，網(wǎng)速過慢埠对、加載失敗络断、網(wǎng)絡(luò)連接失敗（wifi 密碼正確鸠窗，連接不成功）
1. 下載失敗
一般需要給出明確的下載失敗提示妓羊，可以通過彈窗、Toast稍计、列表等提示躁绸。如下圖所示，然后給出用戶下一步的操作提示臣嚣，例如重試净刮、重新下載、刪除等操作硅则。
△ 注：單張圖片來源于網(wǎng)絡(luò)
2. 服務(wù)器出錯
服務(wù)器出錯的頁面常見的500淹父、501、502怎虫、503暑认、504困介、505等5開頭的頁面。其中這些錯誤的解釋如下：
500 內(nèi)部服務(wù)錯誤：顧名思義500錯誤一般是服務(wù)器遇到意外情況蘸际，而無法完成請求座哩；
501 服務(wù)器不具備完成請求的功能；
502 Bad Gateway錯誤粮彤；
503 服務(wù)器目前無法使用（由于超載或停機維護）根穷；
504 Bad Gateway timeout 網(wǎng)關(guān)超時；
505 服務(wù)器不支持請求中所用的 HTTP 協(xié)議版本导坟。
服務(wù)器異常時屿良，在網(wǎng)頁端的處理方式為提示+返回，在移動端的處理方式為提示+重試惫周，下圖是一些普通的處理方式尘惧。
△ 注：單張圖片來源于網(wǎng)絡(luò)
近幾年，很多網(wǎng)站和應(yīng)用將這種異常頁面設(shè)計的相對美觀和有故事性一些递递，提升了整體的趣味性褥伴，減少用戶的焦慮。例如網(wǎng)絡(luò)被外星人劫走了之類的漾狼，相信大家也看過很多重慢。這里就不舉例子了。
3. 網(wǎng)絡(luò)異常
斷網(wǎng)逊躁、網(wǎng)速過慢似踱、網(wǎng)絡(luò)連接失敗（wifi 密碼正確稽煤，連接不成功）
其實都是屬于網(wǎng)絡(luò)異常的情況核芽，加載失敗有時是網(wǎng)絡(luò)速度慢造成的，有時可能是IIS（Internet Information Services 互聯(lián)網(wǎng)信息服務(wù)）空間不足酵熙。下圖是一些網(wǎng)絡(luò)異常情況下的處理方式轧简。
如果網(wǎng)絡(luò)異常之前應(yīng)用沒有緩存之前的頁面的內(nèi)容，則整體提示用戶網(wǎng)絡(luò)異常匾二，也可以提供一個操作指導(dǎo)用戶操作哮独；
如果網(wǎng)絡(luò)異常之前頁面已經(jīng)緩存則顯示之前的頁面，Toast 輕提示用戶網(wǎng)絡(luò)異常察藐。
4. 空狀態(tài)
搜索結(jié)果為空皮璧、無瀏覽記錄、無收藏分飞、無購買記錄悴务、無訂單記錄、無下載記錄等譬猫。
其實空狀態(tài)很好理解讯檐，就是頁面沒有內(nèi)容時羡疗，空頁面一般會提示用戶當前頁面的空狀態(tài)，同時也可以做適當?shù)囊龑?dǎo)别洪。例如在影視類
App
中顺囊，如果觀看記錄為空，則可以為用戶推薦影片蕉拢，如熱播影片、猜您喜歡诚亚，其他人都在看等熱門推薦供用戶選擇晕换。不過如果無法確定你推薦的用戶是否喜歡，不建議做推薦站宗。
△ 注：單張圖片來源于網(wǎng)絡(luò)
5. 表單類異常
密碼錯誤闸准、輸入字符太少，數(shù)量超額梢灭，賬號密碼等不符合規(guī)則夷家、賬號過期、必選項未填寫（提示并定位）敏释、必填項的輸入字符為空等库快。
6. 時效性
二維碼/驗證碼的過期/失效處理，例如具有實效性的鏈接钥顽，二維碼等义屏。
實效性比較多的體現(xiàn)在二維碼、付款碼蜂大、驗證碼等有時間限定的情況下才有效的情況闽铐，通常失效之后需要重新刷新，手機的篩選操作通常是點擊或者是下拉刷新奶浦；PC
端的通常好似點擊兄墅，TV 端的是按「OK」鍵刷新。如下圖所示為 QQ 的掃碼登錄頁面和 UC瀏覽器的手機登錄頁面澳叉。
7. 限定值
上傳文件超過限定大小隙咸、操作過于頻繁（刷新頻繁，點贊成洗、抖一抖扎瓶，戳一戳等，需給出友好提示）
對于文件過大無法上傳泌枪、下載這種建議都是采取彈窗的方式告訴用戶當前狀況概荷，明確問題并且加上操作提示。如新媒體管家中的導(dǎo)入的
word 的文件不能超過10M的提示如下左圖所示碌燕。對于操作過于頻繁误证，比較常見于 QQ
中的抖動窗口继薛，其實在一些電視頁面的手機截圖工具中，刷新太頻繁也會彈出 Toast 提示愈捅。
8. 不可用
賬號不存在遏考、賬號過期、選項不可選蓝谨、按鈕置灰等灌具。
賬號不存在用于登錄時，輸入的賬號不在已注冊的賬號中譬巫，則會提示此賬號不存在咖楣，是否立即注冊等，如下圖所示芦昔。
9. 賬號過期
APP 或網(wǎng)站中诱贿，登錄賬號后，如果太久不使用咕缎，則會有過期的期限珠十，設(shè)計師需要根據(jù) APP 的具體情況設(shè)置登錄過期的時間期限，此時需要提醒用戶重新登錄凭豪。
主要有 Toast
和彈窗兩種方式提示焙蹭，這需要根據(jù)賬號過期對用戶的影響大小來決定用哪一種方式。如下方左圖所示嫂伞，登錄賬號過期對用戶使用此應(yīng)用的影響不大壳嚎，則可以采用
Toast 輕提示的方式處理；如下方右圖末早，如果不登錄賬號則無法使用此應(yīng)用的功能烟馅，則需要采用彈窗強提示的方式，提示用戶去登錄然磷。
10. 選項不可選
主要包含當前的選項中有不可選的選項郑趁，還包括在不達到某種條件情況下，無法使用此功能的按鈕等姿搜。
11. 其他
外接設(shè)備連接失敼讶蟆（如遙控器、音響舅柜、手機等）梭纹、斷電/電量過低、安裝失敗致份。
外接設(shè)備連接失敗需要提示变抽，如果知道連接失敗原因，建議給出原因。
斷電情況通常用于 PC 端和 TV 端绍载，斷電后需要為用戶恢復(fù)文件诡宗。很多設(shè)計軟件都有這個功能，一旦軟件無響應(yīng)或者其他異常情況導(dǎo)致文件出問題击儡，一般都會提供恢復(fù)文件塔沃。
安裝失敗后需要提供提示安裝失敗原因，如存儲空間不足阳谍、文件已損壞的提示蛀柴。
12. 用戶切換任務(wù)引起的異常較多
如按 home 鍵突然退出/切換應(yīng)用、返回鍵退出矫夯、下載過程退出鸽疾。
此類異常建議用戶再次打開時，回到上次用戶離開前的狀態(tài)茧痒。如果數(shù)據(jù)被清理，則回到上次保存的數(shù)據(jù)頁面中融蹂。
四旺订、總結(jié)
文章主要總結(jié)了設(shè)計中常用的異常情況，并且給出了相應(yīng)的解決方案超燃，最長用的規(guī)則就是給出異常提示+下一步操作提示区拳，既明確了出錯原因，又指引用戶下一步操作意乓，用戶是相對容易接受的樱调。異常是設(shè)計中的一部分，無論是交互設(shè)計師還是視覺設(shè)計師都應(yīng)該給出異常的表現(xiàn)形式或處理方式届良。
