亚洲欧美日韩综合系列在线_91精品人妻一区二区_欧美大肥婆一级特大AA片_九色91视频免费观看_亚洲综合国产精品_av中文字幕在线不卡_久久精品色综合网_看黄色视频的软件_无卡无码高清中文字幕码2024_亚洲欧美日韩天堂网

【正文 3378字 10圖，預(yù)計(jì)閱讀 9 分鐘】

一、快速了解異常是什么？

異常在百度中的解釋是這樣的，異常，拼音：yì cháng，是一個(gè)漢語詞匯。釋義非正常的；不同于平常的。

在設(shè)計(jì)中異常指的是除了正常狀態(tài)下的之外的情況，舉個(gè)例子，假如你要設(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)～）。還應(yīng)該考慮如果下載中出現(xiàn)了斷網(wǎng)，或者是用用戶暫停下載等情況的時(shí)候應(yīng)該怎么處理呢？這就是異常情況，所以除了前面三種狀態(tài)，還需要提供繼續(xù)下載，下載失敗等狀態(tài)。下載完成后，現(xiàn)在的設(shè)計(jì)一般是會自動安裝的，此時(shí)顯示安裝中，如果不自動安裝還需要提供安裝操作，安裝完成后提供打開的操作。當(dāng)然這里面包含的異常狀態(tài)主要是暫停后的 繼續(xù)下載、下載失敗等。

下圖就是我做的下載按鈕，可以看到其實(shí)很多狀態(tài)如點(diǎn)擊下載、下載完成、安裝、打開等在視覺表現(xiàn)上是一樣，只是文本不同，即時(shí)是這樣，這些應(yīng)有的狀態(tài)無論是交互設(shè)計(jì)師還是視覺設(shè)計(jì)師都應(yīng)該給出的，不然程序員會不知道哪一種情況用什么形式的按鈕。其實(shí)在一些登錄、支付、提交等按鈕，還有一種 不可用 的狀態(tài)，用戶未輸入信息時(shí)，登錄按鈕置灰，只有當(dāng)用戶輸入相應(yīng)的信息后，按鈕才高亮。

二、異常情況的匯總

通過上面的例子，相信已經(jīng)充分了解到設(shè)計(jì)中的異常是什么，以及異常的處理方式，那么接下來總結(jié)一下設(shè)計(jì)中常見的異常情況。

異常情況處理其實(shí)分為兩種情況：

1. 界面中有明顯的提示，需要用戶了解此情況的，并且影響用戶進(jìn)行下一步操作的，主要包含以下7種情況：

• 與網(wǎng)絡(luò)環(huán)境等有關(guān)的：下載失敗、服務(wù)器出錯(cuò)、斷網(wǎng)，網(wǎng)速過慢、加載失敗、網(wǎng)絡(luò)連接失?。╳ifi密碼正確，連接不成功）；

• 空狀態(tài)：搜索結(jié)果為空、無瀏覽記錄、無收藏、無購買記錄、無訂單記錄、無下載記錄等；

• 表單類異常：密碼錯(cuò)誤、輸入字符太少，數(shù)量超額，賬號密碼等不符合相應(yīng)規(guī)則、賬號過期、必填項(xiàng)未填寫（提示并定位）、必填項(xiàng)的輸入字符為空等；

• 時(shí)效性：二維碼/驗(yàn)證碼的過期/失效處理，例如具有實(shí)效性的連接，二維碼等；

• 限定值：上傳文件超過限定大小、操作過于頻繁（刷新頻繁，點(diǎn)贊、抖一抖，戳一戳等，需給出友好提示）；

• 不可用：賬號不存在、賬號過期、選項(xiàng)不可選、按鈕置灰等；

• 其他：外接設(shè)備連接失?。ㄈ邕b控器、音響、手機(jī)等）、斷電/電量過低、安裝失??；

2. 用戶在操作中是感受不到這種異常，并且對用戶的操作有較小影響的。

主要是用戶切換任務(wù)引起的異常：如按home鍵突然退出/切換應(yīng)用、返回鍵退出、下載過程退出

以上就是在設(shè)計(jì)中常見的一些異常情況匯總，看到這里，可能很多朋友就要說了，這么多，我怎么記得住～，我個(gè)人的建議是，如果你熟悉上面的這些異常的話，其實(shí)在設(shè)計(jì)類似的模塊是就會考慮到相應(yīng)的情況；如果你不熟悉這些，你可以把文章描述的異常情況當(dāng)作一個(gè)檢查表，設(shè)計(jì)到相應(yīng)的模塊時(shí)，可以參考是否會出現(xiàn)上方的情況。

三、異常處理

接下來分析一些這些異常情況的處理方式，按異常方式來出來

與網(wǎng)絡(luò)環(huán)境等有關(guān)的：下載失敗、服務(wù)器出錯(cuò)、斷網(wǎng)，網(wǎng)速過慢、加載失敗、網(wǎng)絡(luò)連接失?。╳ifi密碼正確，連接不成功）

下載失?。?/strong>

一般需要給出明確的下載失敗提示，可以通過彈窗、Toast、列表等提示，如下圖所示，然后給出用戶下一步的操作提示，例如重試、重新下載、刪除等操作。

注：單張圖片來源于網(wǎng)絡(luò)

服務(wù)器出錯(cuò)

服務(wù)器出錯(cuò)的頁面常見的500、501、502、503、504、505等5開頭的頁面。其中這些錯(cuò)誤的解釋如下：

1. 500內(nèi)部服務(wù)錯(cuò)誤：顧名思義500錯(cuò)誤一般是服務(wù)器遇到意外情況，而無法完成請求；

2. 501 服務(wù)器不具備完成請求的功能；

3. 502 Bad Gateway錯(cuò)誤；

4. 503 服務(wù)器目前無法使用（由于超載或停機(jī)維護(hù)；

5. 504 Bad Gateway timeout 網(wǎng)關(guān)超時(shí)；

6. 505 服務(wù)器不支持請求中所用的 HTTP 協(xié)議版本；

服務(wù)器異常時(shí)，在網(wǎng)頁端的處理方式為提示+返回，在移動端的處理方式為提示+重試，下圖是一些普通的處理方式。

注：單張圖片來源于網(wǎng)絡(luò)

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

網(wǎng)絡(luò)異常：斷網(wǎng)、網(wǎng)速過慢、網(wǎng)絡(luò)連接失?。╳ifi密碼正確，連接不成功）

其實(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ò)異常。

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

其實(shí)空狀態(tài)很好理解，就是頁面沒有內(nèi)容時(shí)，空頁面一般會提示用戶當(dāng)前頁面的空狀態(tài)，同時(shí)也可以做適當(dāng)?shù)囊龑?dǎo)。例如在影視類App中，如果觀看記錄為空，則可以為用戶推薦影片，如熱播影片、猜您喜歡，其他人都在看等熱門推薦等供用戶選擇。不過如果無法確定你推薦的用戶是否喜歡，不建議做推薦。

注：單張圖片來源于網(wǎng)絡(luò)

表單類異常：密碼錯(cuò)誤、輸入字符太少，數(shù)量超額，賬號密碼等不符合規(guī)則、賬號過期、必選項(xiàng)未填寫（提示并定位）、必填項(xiàng)的輸入字符為空等

表單類異常建議查看我的上一篇文章（點(diǎn)擊可查看）如何設(shè)計(jì)輸入框？，如果設(shè)計(jì)輸入框，里面有比較詳細(xì)的討論。

時(shí)效性：二維碼/驗(yàn)證碼的過期/失效處理，例如具有實(shí)效性的連接，二維碼等

實(shí)效性比較多的體現(xiàn)在二維碼、付款碼、驗(yàn)證碼等有時(shí)間限定的情況下才有效情況下，通常失效之后需要重新刷新，手機(jī)的篩選操作通常是點(diǎn)擊或者是下拉刷新；PC端的通常好似點(diǎn)擊，TV端的是按【OK】鍵刷新。如下圖所示為QQ的掃碼登錄頁面和UC瀏覽器的手機(jī)登錄頁面。

限定值：上傳文件超過限定大小、操作過于頻繁（刷新頻繁，點(diǎn)贊、抖一抖，戳一戳等，需給出友好提示）

對于文件過大無法上傳、下載這種建議都是采取彈窗的方式告訴用戶當(dāng)前狀況，明確問題并且加上操作提示。如新媒體管家中的導(dǎo)入的word的文件不能操作10M的提示如下左圖所示。對于操作過于頻繁，比較常見于QQ中的抖動窗口，其實(shí)在一些電視頁面的手機(jī)截圖工具中，刷新太頻繁也會彈出Toast提示。

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

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

賬號過期

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

主要有Toast和彈窗兩種方式提示，這需要根據(jù)賬號過期對用戶的影響大小來決定用哪一種方式。如下方左圖所示，登錄賬號過期對用戶使用此應(yīng)用的影響不大，則可以采用Toast輕提示的方式處理；如下方右圖，如果不登錄賬號則無法使用此應(yīng)用的功能，則需要采用彈窗強(qiáng)提示的方式，提示用戶去登錄。

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

其他：外接設(shè)備連接失?。ㄈ邕b控器、音響、手機(jī)等）、斷電/電量過低、安裝失敗

外接設(shè)備連接失敗需要提示提示，如果知道連接失敗原因，建議給出原因。

斷電情況通常用于PC端和TV端，斷電后需要為用戶恢復(fù)文件。很多設(shè)計(jì)軟件都有這個(gè)功能，一旦軟件無響應(yīng)或者其他異常情況導(dǎo)致文件出問題，一般都會提供恢復(fù)文件。

安裝失敗后需要提供提示安裝失敗原因，如存儲空間不足、文件 已損壞的提示。

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

此類異常建議用戶再次打開時(shí)，回到上次用戶離開前的狀態(tài)。如果數(shù)據(jù)被清理，則回到上次保存的數(shù)據(jù)頁面中。

四、總結(jié)

文章主要總結(jié)了設(shè)計(jì)中常用的異常情況，并且給出了相應(yīng)的解決方案，最長用的規(guī)則就是給出異常提示+下一步操作提示，既明確了出錯(cuò)原因，又指引用戶下一步操作，用戶是相對容易接受的。異常是設(shè)計(jì)中的一部分，無論是交互設(shè)計(jì)師還是視覺設(shè)計(jì)師都應(yīng)該給出異常的表現(xiàn)形式或處理方式。

希望看完文章的你有一定的收獲，如果喜歡文章就點(diǎn)贊、轉(zhuǎn)發(fā)吧！