更新時間：2025-06-09 15:20:17
網(wǎng)站建設
574設計中的異常是指正常狀態(tài)以外的情況。比如你要設計一個下載按鈕，下載按鈕需要有多少種狀態(tài)？
正常狀態(tài)下需要提供的下載按鈕的狀態(tài)應該是： 點擊下載（下載前） 正在下載（或正在下載、59%下載等） 下載完成如果你在設計中只提供這三種下載狀態(tài)： 不夠（其實有些新手設計師只提供點擊下載的狀態(tài)）。
還要考慮如果下載過程中出現(xiàn)斷網(wǎng)，或者用戶暫停下載等情況怎么辦？
這是例外。
因此，除了前面三種狀態(tài)，還需要提供繼續(xù)下載、下載失敗等狀態(tài)。
下載完成后，一般會自動安裝當前設計。此時會顯示正在安裝。如果未自動安裝，則需要進行安裝操作。安裝完成后，提供打開操作。
當然這里包含的異常狀態(tài)主要是暫停后繼續(xù)下載、下載失敗等。
下圖是我制作的下載按鈕。可以看到很多狀態(tài)，比如點擊下載、下載完成、安裝、打開等，視覺上是一樣的，只是文字不一樣。
即便如此，交互設計師和視覺設計師都應該給出這些應有的狀態(tài)，否則程序員將不知道在哪種情況下使用哪種形式的按鈕。主要包含以下 7 種情況：網(wǎng)絡環(huán)境相關：下載失敗、服務器錯誤、網(wǎng)絡斷開、網(wǎng)速慢、加載失敗、網(wǎng)絡連接失敗（wifi密碼正確、連接不成功）；空狀態(tài)：搜索結(jié)果為空，無瀏覽記錄，無收藏，無購買記錄，無訂單記錄，無下載記錄等；表單異常：密碼錯誤、輸入字符太少、數(shù)量過多、賬號密碼等不符合相應規(guī)則、賬號過期、必填項未填寫（提示定位）、必填項輸入字符為空等。時效性：二維碼/驗證碼的過期/失效，如有效鏈接、二維碼等；限制值：上傳文件超過限制大小，操作過于頻繁（頻繁刷新，點贊，搖一搖，戳戳等，需要友情提醒）；不可用：賬戶不存在、賬戶過期、選項不可用、按鈕變灰等；其他：外接設備連接失敗（如遙控器、音響、手機等）、斷電/低電量、安裝失敗； 2、用戶在操作過程中感覺不到這種異常，對用戶操作影響較小。
事實上，登錄、支付、提交等一些按鈕仍然處于“不可用”的狀態(tài)。當用戶沒有輸入信息時，登錄按鈕是灰色的，只有在用戶輸入相應信息后，該按鈕才會高亮顯示。 2. 異常情況總結(jié)通過上面的例子，相信大家已經(jīng)充分了解了設計中的異常是什么以及如何處理。下面總結(jié)一下設計中常見的異常情況。
異常處理其實分為兩種情況。兩種異常情況的處理1、界面有明顯提示，需要用戶了解情況，影響用戶下一步操作。
主要是用戶切換任務導致的異常：比如按home鍵突然退出/切換應用，返回鍵退出，下載進程退出等。
以上是設計中常見的一些異常情況的總結(jié)。看到這里，很多朋友可能會說，這么多，我怎么記不住。
我個人的建議是：如果你熟悉以上異常，那么在設計類似模塊時，你會實際考慮相應的情況；如果對這些不熟悉，可以將文章中描述的異常作為checklist，在設計相應模塊時，可以參考是否會出現(xiàn)上述情況。 3、異常處理接下來分析這些異常情況的處理方法，以異常的方式進行處理。
與網(wǎng)絡環(huán)境相關：下載失敗、服務器錯誤、網(wǎng)絡斷開、網(wǎng)速慢、加載失敗、網(wǎng)絡連接失敗（wifi密碼正確、連接不成功） 1、下載失敗一般需要有明確的下載失敗提示，可以提示通過彈窗、Toast、列表等方式，如下圖提示用戶進行下一步操作，如重試、重新下載、刪除等操作。
2.空狀態(tài)搜索結(jié)果為空，無瀏覽記錄，無收藏，無購買記錄，無訂單記錄，無下載記錄等。
其實空狀態(tài)很好理解，就是當頁面沒有內(nèi)容時，空頁面一般會提醒用戶當前頁面的空狀態(tài)，也可以提供適當?shù)囊龑А?
比如在影視app中，如果觀看記錄為空，可以為用戶推薦電影，比如熱門電影，猜你喜歡，以及其他熱門推薦，供用戶選擇。
但是，如果您不確定您推薦的用戶是否喜歡，則不建議進行推薦。
3、表格類異常：密碼錯誤、輸入字符太少、數(shù)量過多、賬號密碼等不符合規(guī)則、賬號過期、必填項未填寫（提示定位）、必填項輸入字符不正確空等
4. 對時間敏感的二維碼/驗證碼的過期/失效處理，如有效鏈接、二維碼等。
有效性更多體現(xiàn)在二維碼、支付碼、驗證碼等有時間限制才有效的情況。通常，它們失效后需要刷新。手機端的篩選操作一般是點擊或者下拉刷新； PC端一般是點一下，但是在TV端，按“OK”鍵刷新。
如下圖所示，顯示了QQ二維碼掃描登錄頁面和UC瀏覽器手機登錄頁面。
5.限制上傳文件超過限制大小，操作過于頻繁（頻繁刷新、點贊、搖一搖、戳戳等，需要友情提醒）
v>對于文件過大無法上傳、下載這種建議都是采取彈窗的方式告訴用戶當前狀況，明確問題并且加上操作提示。如新媒體管家中的導入的 word 的文件不能超過10M的提示如下左圖所示。我們專注高端建站，小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗，每一個項目承諾做到滿意為止，多一次對比，一定讓您多一份收獲！
