琪琪精品无码免费专区午夜,亚洲自拍一区,成人一区二区三区免费

設(shè)計(jì)中的異常是指正常狀態(tài)以外的情況。比如你要設(shè)計(jì)一個(gè)下載按鈕，下載按鈕需要有多少種狀態(tài)？

正常狀態(tài)下需要提供的下載按鈕的狀態(tài)應(yīng)該是：點(diǎn)擊下載（下載前）正在下載（或正在下載、59%下載等）下載完成如果你在設(shè)計(jì)中只提供這三種下載狀態(tài)：不夠（其實(shí)有些新手設(shè)計(jì)師只提供點(diǎn)擊下載的狀態(tài)）。

還要考慮如果下載過程中出現(xiàn)斷網(wǎng)，或者用戶暫停下載等情況怎么辦？

這是例外。

因此，除了前面三種狀態(tài)，還需要提供繼續(xù)下載、下載失敗等狀態(tài)。

下載完成后，一般會自動安裝當(dāng)前設(shè)計(jì)。此時(shí)會顯示正在安裝。如果未自動安裝，則需要進(jìn)行安裝操作。安裝完成后，提供打開操作。

當(dāng)然這里包含的異常狀態(tài)主要是暫停后繼續(xù)下載、下載失敗等。

下圖是我制作的下載按鈕。可以看到很多狀態(tài)，比如點(diǎn)擊下載、下載完成、安裝、打開等，視覺上是一樣的，只是文字不一樣。

即便如此，交互設(shè)計(jì)師和視覺設(shè)計(jì)師都應(yīng)該給出這些應(yīng)有的狀態(tài)，否則程序員將不知道在哪種情況下使用哪種形式的按鈕。主要包含以下 7 種情況：網(wǎng)絡(luò)環(huán)境相關(guān)：下載失敗、服務(wù)器錯(cuò)誤、網(wǎng)絡(luò)斷開、網(wǎng)速慢、加載失敗、網(wǎng)絡(luò)連接失?。╳ifi密碼正確、連接不成功）；空狀態(tài)：搜索結(jié)果為空，無瀏覽記錄，無收藏，無購買記錄，無訂單記錄，無下載記錄等；表單異常：密碼錯(cuò)誤、輸入字符太少、數(shù)量過多、賬號密碼等不符合相應(yīng)規(guī)則、賬號過期、必填項(xiàng)未填寫（提示定位）、必填項(xiàng)輸入字符為空等。時(shí)效性：二維碼/驗(yàn)證碼的過期/失效，如有效鏈接、二維碼等；限制值：上傳文件超過限制大小，操作過于頻繁（頻繁刷新，點(diǎn)贊，搖一搖，戳戳等，需要友情提醒）；不可用：賬戶不存在、賬戶過期、選項(xiàng)不可用、按鈕變灰等；其他：外接設(shè)備連接失?。ㄈ邕b控器、音響、手機(jī)等）、斷電/低電量、安裝失??； 2、用戶在操作過程中感覺不到這種異常，對用戶操作影響較小。

事實(shí)上，登錄、支付、提交等一些按鈕仍然處于“不可用”的狀態(tài)。當(dāng)用戶沒有輸入信息時(shí)，登錄按鈕是灰色的，只有在用戶輸入相應(yīng)信息后，該按鈕才會高亮顯示。 2. 異常情況總結(jié)通過上面的例子，相信大家已經(jīng)充分了解了設(shè)計(jì)中的異常是什么以及如何處理。下面總結(jié)一下設(shè)計(jì)中常見的異常情況。

異常處理其實(shí)分為兩種情況。兩種異常情況的處理1、界面有明顯提示，需要用戶了解情況，影響用戶下一步操作。

主要是用戶切換任務(wù)導(dǎo)致的異常：比如按home鍵突然退出/切換應(yīng)用，返回鍵退出，下載進(jìn)程退出等。

以上是設(shè)計(jì)中常見的一些異常情況的總結(jié)?？吹竭@里，很多朋友可能會說，這么多，我怎么記不住。

我個(gè)人的建議是：如果你熟悉以上異常，那么在設(shè)計(jì)類似模塊時(shí)，你會實(shí)際考慮相應(yīng)的情況；如果對這些不熟悉，可以將文章中描述的異常作為checklist，在設(shè)計(jì)相應(yīng)模塊時(shí)，可以參考是否會出現(xiàn)上述情況。 3、異常處理接下來分析這些異常情況的處理方法，以異常的方式進(jìn)行處理。

與網(wǎng)絡(luò)環(huán)境相關(guān)：下載失敗、服務(wù)器錯(cuò)誤、網(wǎng)絡(luò)斷開、網(wǎng)速慢、加載失敗、網(wǎng)絡(luò)連接失敗（wifi密碼正確、連接不成功） 1、下載失敗一般需要有明確的下載失敗提示，可以提示通過彈窗、Toast、列表等方式，如下圖提示用戶進(jìn)行下一步操作，如重試、重新下載、刪除等操作。

2.空狀態(tài)搜索結(jié)果為空，無瀏覽記錄，無收藏，無購買記錄，無訂單記錄，無下載記錄等。

其實(shí)空狀態(tài)很好理解，就是當(dāng)頁面沒有內(nèi)容時(shí)，空頁面一般會提醒用戶當(dāng)前頁面的空狀態(tài)，也可以提供適當(dāng)?shù)囊龑?dǎo)。

比如在影視app中，如果觀看記錄為空，可以為用戶推薦電影，比如熱門電影，猜你喜歡，以及其他熱門推薦，供用戶選擇。

但是，如果您不確定您推薦的用戶是否喜歡，則不建議進(jìn)行推薦。

3、表格類異常：密碼錯(cuò)誤、輸入字符太少、數(shù)量過多、賬號密碼等不符合規(guī)則、賬號過期、必填項(xiàng)未填寫（提示定位）、必填項(xiàng)輸入字符不正確空等

4. 對時(shí)間敏感的二維碼/驗(yàn)證碼的過期/失效處理，如有效鏈接、二維碼等。

有效性更多體現(xiàn)在二維碼、支付碼、驗(yàn)證碼等有時(shí)間限制才有效的情況。通常，它們失效后需要刷新。手機(jī)端的篩選操作一般是點(diǎn)擊或者下拉刷新； PC端一般是點(diǎn)一下，但是在TV端，按“OK”鍵刷新。

如下圖所示，顯示了QQ二維碼掃描登錄頁面和UC瀏覽器手機(jī)登錄頁面。

5.限制上傳文件超過限制大小，操作過于頻繁（頻繁刷新、點(diǎn)贊、搖一搖、戳戳等，需要友情提醒）

v>對于文件過大無法上傳、下載這種建議都是采取彈窗的方式告訴用戶當(dāng)前狀況，明確問題并且加上操作提示。如新媒體管家中的導(dǎo)入的 word 的文件不能超過10M的提示如下左圖所示。

對于操作過于頻繁，比較常見于 QQ 中的抖動窗口，其實(shí)在一些電視頁面的手機(jī)截圖工具中，刷新太頻繁也會彈出 Toast 提示。

6. 不可用賬號不存在、賬號過期、選項(xiàng)不可選、按鈕置灰等。

賬號不存在用于登錄時(shí)，輸入的賬號不在已注冊的賬號中，則會提示此賬號不存在，是否立即注冊等。

7. 賬號過期APP 或網(wǎng)站中，登錄賬號后，如果太久不使用，則會有過期的期限，設(shè)計(jì)師需要根據(jù) APP 的具體情況設(shè)置登錄過期的時(shí)間期限，此時(shí)需要提醒用戶重新登錄。

主要有 Toast 和彈窗兩種方式提示，這需要根據(jù)賬號過期對用戶的影響大小來決定用哪一種方式。

如下方左圖所示，登錄賬號過期對用戶使用此應(yīng)用的影響不大，則可以采用 Toast 輕提示的方式處理；如下方右圖，如果不登錄賬號則無法使用此應(yīng)用的功能，則需要采用彈窗強(qiáng)提示的方式，提示用戶去登錄。

8. 選項(xiàng)不可選主要包含當(dāng)前的選項(xiàng)中有不可選的選項(xiàng)，還包括在不達(dá)到某種條件情況下，無法使用此功能的按鈕等。

9. 其他外接設(shè)備連接失?。ㄈ邕b控器、音響、手機(jī)等）、斷電/電量過低、安裝失敗。外接設(shè)備連接失敗需要提示，如果知道連接失敗原因，建議給出原因。

斷電情況通常用于 PC 端和 TV 端，斷電后需要為用戶恢復(fù)文件。很多設(shè)計(jì)軟件都有這個(gè)功能，一旦軟件無響應(yīng)或者其他異常情況導(dǎo)致文件出問題，一般都會提供恢復(fù)文件。安裝失敗后需要提供提示安裝失敗原因，如存儲空間不足、文件已損壞的提示。

10. 用戶切換任務(wù)引起的異常較多如按 home 鍵突然退出/切換應(yīng)用、返回鍵退出、下載過程退出。

11. 服務(wù)器出錯(cuò)服務(wù)器出錯(cuò)的頁面常見的500、501、502、503、504、 505 等 5 開頭的頁面。其中這些錯(cuò)誤的解釋如下：500 內(nèi)部服務(wù)錯(cuò)誤：顧名思義 500 錯(cuò)誤一般是服務(wù)器遇到意外情況，而無法完成請求；501 服務(wù)器不具備完成請求的功能；502 Bad Gateway錯(cuò)誤；503 服務(wù)器目前無法使用（由于超載或停機(jī)維護(hù)）；504 Bad Gateway timeout 網(wǎng)關(guān)超時(shí)；505 服務(wù)器不支持請求中所用的 HTTP 協(xié)議版本。服務(wù)器異常時(shí)，在網(wǎng)頁端的處理方式為提示+返回，在移動端的處理方式為提示+重試，下圖是一些普通的處理方式。

近幾年，很多網(wǎng)站和應(yīng)用將這種異常頁面設(shè)計(jì)的相對美觀和有故事性一些，提升了整體的趣味性，減少用戶的焦慮。例如網(wǎng)絡(luò)被外星人劫走了之類的，相信大家也看過很多。這里就不舉例子了。

12. 網(wǎng)絡(luò)異常斷網(wǎng)、網(wǎng)速過慢、網(wǎng)絡(luò)連接失敗（wifi 密碼正確，連接不成功）

其實(shí)都是屬于網(wǎng)絡(luò)異常的情況，加載失敗有時(shí)是網(wǎng)絡(luò)速度慢造成的，有時(shí)可能是IIS（Internet Information Services 互聯(lián)網(wǎng)信息服務(wù)）空間不足。下圖是一些網(wǎng)絡(luò)異常情況下的處理方式。

如果網(wǎng)絡(luò)異常之前應(yīng)用沒有緩存之前的頁面的內(nèi)容，則整體提示用戶網(wǎng)絡(luò)異常，也可以提供一個(gè)操作指導(dǎo)用戶操作；

如果網(wǎng)絡(luò)異常之前頁面已經(jīng)緩存則顯示之前的頁面，Toast 輕提示用戶網(wǎng)絡(luò)異常，此類異常建議用戶再次打開時(shí)，回到上次用戶離開前的狀態(tài)。如果數(shù)據(jù)被清理，則回到上次保存的數(shù)據(jù)頁面中。四、總結(jié)文章主要總結(jié)了設(shè)計(jì)中常用的異常情況，并且給出了相應(yīng)的解決方案，最長用的規(guī)則就是給出異常提示+下一步操作提示，既明確了出錯(cuò)原因，又指引用戶下一步操作，用戶是相對容易接受的。

本文章來源推來客：北京網(wǎng)站設(shè)計(jì)公司

我們專注高端建站，小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗(yàn)，每一個(gè)項(xiàng)目承諾做到滿意為止，多一次對比，一定讓您多一份收獲！