海南網(wǎng)站設(shè)計(jì)—異常情況和處理方式有哪些？
海南創(chuàng)想未來(lái)文化傳媒有限公司是從事一站式網(wǎng)站開(kāi)發(fā)和網(wǎng)站建設(shè)的優(yōu)秀企業(yè)。我們擁有先進(jìn)的技術(shù)、超前的意識(shí)、自身豐富的網(wǎng)站開(kāi)發(fā)實(shí)施經(jīng)驗(yàn)，為用戶(hù)設(shè)計(jì)完整網(wǎng)站開(kāi)發(fā)方案、提供最佳網(wǎng)絡(luò)技術(shù)支持服務(wù)。為了幫助海南企業(yè)能夠依靠網(wǎng)絡(luò)創(chuàng)造更多的經(jīng)濟(jì)利益。
在設(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)，或者是用戶(hù)暫停下載等情況的時(shí)候應(yīng)該怎么處理呢？
這就是異常情況。
所以除了前面三種狀態(tài)，還需要提供繼續(xù)下載，下載失敗等狀態(tài)。
下載完成后，現(xiàn)在的設(shè)計(jì)一般是會(huì)自動(dòng)安裝的，此時(shí)顯示安裝中，如果不自動(dòng)安裝還需要提供安裝操作，安裝完成后提供打開(kāi)的操作。
當(dāng)然這里面包含的異常狀態(tài)主要是暫停后的繼續(xù)下載、下載失敗等。
下圖就是我做的下載按鈕，可以看到其實(shí)很多狀態(tài)如點(diǎn)擊下載、下載完成、安裝、打開(kāi)等在視覺(jué)表現(xiàn)上是一樣，只是文本不同。
即使是這樣，這些應(yīng)有的狀態(tài)無(wú)論是交互設(shè)計(jì)師還是視覺(jué)設(shè)計(jì)師都應(yīng)該給出的，不然程序員會(huì)不知道哪一種情況用什么形式的按鈕。
主要包含以下 7 種情況：與網(wǎng)絡(luò)環(huán)境等有關(guān)的：下載失敗、服務(wù)器出錯(cuò)、斷網(wǎng)，網(wǎng)速過(guò)慢、加載失敗、網(wǎng)絡(luò)連接失?。╳ifi 密碼正確，連接不成功）；空狀態(tài)：搜索結(jié)果為空、無(wú)瀏覽記錄、無(wú)收藏、無(wú)購(gòu)買(mǎi)記錄、無(wú)訂單記錄、無(wú)下載記錄等；表單類(lèi)異常：密碼錯(cuò)誤、輸入字符太少，數(shù)量超額，賬號(hào)密碼等不符合相應(yīng)規(guī)則、賬號(hào)過(guò)期、必填項(xiàng)未填寫(xiě)（提示并定位）、必填項(xiàng)的輸入字符為空等；時(shí)效性：二維碼/驗(yàn)證碼的過(guò)期/失效處理，例如具有實(shí)效性的鏈接，二維碼等；限定值：上傳文件超過(guò)限定大小、操作過(guò)于頻繁（刷新頻繁，點(diǎn)贊、抖一抖，戳一戳等，需給出友好提示）；不可用：賬號(hào)不存在、賬號(hào)過(guò)期、選項(xiàng)不可選、按鈕置灰等；其他：外接設(shè)備連接失敗（如遙控器、音響、手機(jī)等）、斷電/電量過(guò)低、安裝失??；2. 用戶(hù)在操作中是感受不到這種異常，并且對(duì)用戶(hù)的操作有較小影響的。
其實(shí)在一些登錄、支付、提交等按鈕，還有一種「不可用」的狀態(tài)，用戶(hù)未輸入信息時(shí)，登錄按鈕置灰，只有當(dāng)用戶(hù)輸入相應(yīng)的信息后，按鈕才高亮。二、異常情況的匯總通過(guò)上面的例子，相信已經(jīng)充分了解到設(shè)計(jì)中的異常是什么，以及異常的處理方式，那么接下來(lái)總結(jié)一下設(shè)計(jì)中常見(jiàn)的異常情況。
異常情況處理其實(shí)分為兩種情況。兩種異常情況處理1. 界面中有明顯的提示，需要用戶(hù)了解此情況的，并且影響用戶(hù)進(jìn)行下一步操作的。
主要是用戶(hù)切換任務(wù)引起的異常：如按 home 鍵突然退出/切換應(yīng)用、返回鍵退出、下載過(guò)程退出等。
以上就是在設(shè)計(jì)中常見(jiàn)的一些異常情況匯總，看到這里，可能很多朋友就要說(shuō)了，這么多，我怎么記得住。
我個(gè)人的建議是：如果你熟悉上面的這些異常的話(huà)，其實(shí)在設(shè)計(jì)類(lèi)似的模塊時(shí)就會(huì)考慮到相應(yīng)的情況；如果你不熟悉這些，你可以把文章描述的異常情況當(dāng)作一個(gè)檢查表，設(shè)計(jì)到相應(yīng)的模塊時(shí)，可以參考是否會(huì)出現(xiàn)上方的情況。三、異常處理接下來(lái)分析一下這些異常情況的處理方式，按異常方式來(lái)處理。
與網(wǎng)絡(luò)環(huán)境等有關(guān)的：下載失敗、服務(wù)器出錯(cuò)、斷網(wǎng)，網(wǎng)速過(guò)慢、加載失敗、網(wǎng)絡(luò)連接失?。╳ifi 密碼正確，連接不成功）1. 下載失敗一般需要給出明確的下載失敗提示，可以通過(guò)彈窗、Toast、列表等提示。如下圖所示，然后給出用戶(hù)下一步的操作提示，例如重試、重新下載、刪除等操作。
2. 空狀態(tài)搜索結(jié)果為空、無(wú)瀏覽記錄、無(wú)收藏、無(wú)購(gòu)買(mǎi)記錄、無(wú)訂單記錄、無(wú)下載記錄等。
其實(shí)空狀態(tài)很好理解，就是頁(yè)面沒(méi)有內(nèi)容時(shí)，空頁(yè)面一般會(huì)提示用戶(hù)當(dāng)前頁(yè)面的空狀態(tài)，同時(shí)也可以做適當(dāng)?shù)囊龑?dǎo)。
例如在影視類(lèi) App 中，如果觀看記錄為空，則可以為用戶(hù)推薦影片，如熱播影片、猜您喜歡，其他人都在看等熱門(mén)推薦供用戶(hù)選擇。
不過(guò)如果無(wú)法確定你推薦的用戶(hù)是否喜歡，不建議做推薦。
3. 表單類(lèi)異常密碼錯(cuò)誤、輸入字符太少，數(shù)量超額，賬號(hào)密碼等不符合規(guī)則、賬號(hào)過(guò)期、必選項(xiàng)未填寫(xiě)（提示并定位）、必填項(xiàng)的輸入字符為空等。
4. 時(shí)效性二維碼/驗(yàn)證碼的過(guò)期/失效處理，例如具有實(shí)效性的鏈接，二維碼等。
實(shí)效性比較多的體現(xiàn)在二維碼、付款碼、驗(yàn)證碼等有時(shí)間限定的情況下才有效的情況，通常失效之后需要重新刷新，手機(jī)的篩選操作通常是點(diǎn)擊或者是下拉刷新；PC 端的通常好似點(diǎn)擊，TV 端的是按「OK」鍵刷新。
如下圖所示為 QQ 的掃碼登錄頁(yè)面和 UC瀏覽器的手機(jī)登錄頁(yè)面。
5. 限定值上傳文件超過(guò)限定大小、操作過(guò)于頻繁（刷新頻繁，點(diǎn)贊、抖一抖，戳一戳等，需給出友好提示）
對(duì)于文件過(guò)大無(wú)法上傳、下載這種建議都是采取彈窗的方式告訴用戶(hù)當(dāng)前狀況，明確問(wèn)題并且加上操作提示。如新媒體管家中的導(dǎo)入的 word 的文件不能超過(guò)10M的提示如下左圖所示。
對(duì)于操作過(guò)于頻繁，比較常見(jiàn)于 QQ 中的抖動(dòng)窗口，其實(shí)在一些電視頁(yè)面的手機(jī)截圖工具中，刷新太頻繁也會(huì)彈出 Toast 提示。
6. 不可用賬號(hào)不存在、賬號(hào)過(guò)期、選項(xiàng)不可選、按鈕置灰等。
賬號(hào)不存在用于登錄時(shí)，輸入的賬號(hào)不在已注冊(cè)的賬號(hào)中，則會(huì)提示此賬號(hào)不存在，是否立即注冊(cè)等。
7. 賬號(hào)過(guò)期APP 或網(wǎng)站中，登錄賬號(hào)后，如果太久不使用，則會(huì)有過(guò)期的期限，設(shè)計(jì)師需要根據(jù) APP 的具體情況設(shè)置登錄過(guò)期的時(shí)間期限，此時(shí)需要提醒用戶(hù)重新登錄。
主要有 Toast 和彈窗兩種方式提示，這需要根據(jù)賬號(hào)過(guò)期對(duì)用戶(hù)的影響大小來(lái)決定用哪一種方式。
如下方左圖所示，登錄賬號(hào)過(guò)期對(duì)用戶(hù)使用此應(yīng)用的影響不大，則可以采用 Toast 輕提示的方式處理；如下方右圖，如果不登錄賬號(hào)則無(wú)法使用此應(yīng)用的功能，則需要采用彈窗強(qiáng)提示的方式，提示用戶(hù)去登錄。
8. 選項(xiàng)不可選主要包含當(dāng)前的選項(xiàng)中有不可選的選項(xiàng)，還包括在不達(dá)到某種條件情況下，無(wú)法使用此功能的按鈕等。
9. 其他外接設(shè)備連接失?。ㄈ邕b控器、音響、手機(jī)等）、斷電/電量過(guò)低、安裝失敗。外接設(shè)備連接失敗需要提示，如果知道連接失敗原因，建議給出原因。
斷電情況通常用于 PC 端和 TV 端，斷電后需要為用戶(hù)恢復(fù)文件。很多設(shè)計(jì)軟件都有這個(gè)功能，一旦軟件無(wú)響應(yīng)或者其他異常情況導(dǎo)致文件出問(wèn)題，一般都會(huì)提供恢復(fù)文件。安裝失敗后需要提供提示安裝失敗原因，如存儲(chǔ)空間不足、文件已損壞的提示。
10. 用戶(hù)切換任務(wù)引起的異常較多如按 home 鍵突然退出/切換應(yīng)用、返回鍵退出、下載過(guò)程退出。
11. 服務(wù)器出錯(cuò)服務(wù)器出錯(cuò)的頁(yè)面常見(jiàn)的500、501、502、503、504、 505 等 5 開(kāi)頭的頁(yè)面。其中這些錯(cuò)誤的解釋如下：500 內(nèi)部服務(wù)錯(cuò)誤：顧名思義 500 錯(cuò)誤一般是服務(wù)器遇到意外情況，而無(wú)法完成請(qǐng)求；501 服務(wù)器不具備完成請(qǐng)求的功能；502 Bad Gateway錯(cuò)誤；503 服務(wù)器目前無(wú)法使用（由于超載或停機(jī)維護(hù)）；504 Bad Gateway timeout 網(wǎng)關(guān)超時(shí)；505 服務(wù)器不支持請(qǐng)求中所用的 HTTP 協(xié)議版本。服務(wù)器異常時(shí)，在網(wǎng)頁(yè)端的處理方式為提示+返回，在移動(dòng)端的處理方式為提示+重試，下圖是一些普通的處理方式。
近幾年，很多網(wǎng)站和應(yīng)用將這種異常頁(yè)面設(shè)計(jì)的相對(duì)美觀和有故事性一些，提升了整體的趣味性，減少用戶(hù)的焦慮。例如網(wǎng)絡(luò)被外星人劫走了之類(lèi)的，相信大家也看過(guò)很多。這里就不舉例子了。
12. 網(wǎng)絡(luò)異常斷網(wǎng)、網(wǎng)速過(guò)慢、網(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)用沒(méi)有緩存之前的頁(yè)面的內(nèi)容，則整體提示用戶(hù)網(wǎng)絡(luò)異常，也可以提供一個(gè)操作指導(dǎo)用戶(hù)操作；
如果網(wǎng)絡(luò)異常之前頁(yè)面已經(jīng)緩存則顯示之前的頁(yè)面，Toast 輕提示用戶(hù)網(wǎng)絡(luò)異常，此類(lèi)異常建議用戶(hù)再次打開(kāi)時(shí)，回到上次用戶(hù)離開(kāi)前的狀態(tài)。如果數(shù)據(jù)被清理，則回到上次保存的數(shù)據(jù)頁(yè)面中。四、總結(jié)文章主要總結(jié)了設(shè)計(jì)中常用的異常情況，并且給出了相應(yīng)的解決方案，最長(zhǎng)用的規(guī)則就是給出異常提示+下一步操作提示，既明確了出錯(cuò)原因，又指引用戶(hù)下一步操作，用戶(hù)是相對(duì)容易接受的。
正常狀態(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)，或者是用戶(hù)暫停下載等情況的時(shí)候應(yīng)該怎么處理呢？
這就是異常情況。
所以除了前面三種狀態(tài)，還需要提供繼續(xù)下載，下載失敗等狀態(tài)。
下載完成后，現(xiàn)在的設(shè)計(jì)一般是會(huì)自動(dòng)安裝的，此時(shí)顯示安裝中，如果不自動(dòng)安裝還需要提供安裝操作，安裝完成后提供打開(kāi)的操作。
當(dāng)然這里面包含的異常狀態(tài)主要是暫停后的繼續(xù)下載、下載失敗等。
下圖就是我做的下載按鈕，可以看到其實(shí)很多狀態(tài)如點(diǎn)擊下載、下載完成、安裝、打開(kāi)等在視覺(jué)表現(xiàn)上是一樣，只是文本不同。
即使是這樣，這些應(yīng)有的狀態(tài)無(wú)論是交互設(shè)計(jì)師還是視覺(jué)設(shè)計(jì)師都應(yīng)該給出的，不然程序員會(huì)不知道哪一種情況用什么形式的按鈕。
主要包含以下 7 種情況：與網(wǎng)絡(luò)環(huán)境等有關(guān)的：下載失敗、服務(wù)器出錯(cuò)、斷網(wǎng)，網(wǎng)速過(guò)慢、加載失敗、網(wǎng)絡(luò)連接失?。╳ifi 密碼正確，連接不成功）；空狀態(tài)：搜索結(jié)果為空、無(wú)瀏覽記錄、無(wú)收藏、無(wú)購(gòu)買(mǎi)記錄、無(wú)訂單記錄、無(wú)下載記錄等；表單類(lèi)異常：密碼錯(cuò)誤、輸入字符太少，數(shù)量超額，賬號(hào)密碼等不符合相應(yīng)規(guī)則、賬號(hào)過(guò)期、必填項(xiàng)未填寫(xiě)（提示并定位）、必填項(xiàng)的輸入字符為空等；時(shí)效性：二維碼/驗(yàn)證碼的過(guò)期/失效處理，例如具有實(shí)效性的鏈接，二維碼等；限定值：上傳文件超過(guò)限定大小、操作過(guò)于頻繁（刷新頻繁，點(diǎn)贊、抖一抖，戳一戳等，需給出友好提示）；不可用：賬號(hào)不存在、賬號(hào)過(guò)期、選項(xiàng)不可選、按鈕置灰等；其他：外接設(shè)備連接失敗（如遙控器、音響、手機(jī)等）、斷電/電量過(guò)低、安裝失??；2. 用戶(hù)在操作中是感受不到這種異常，并且對(duì)用戶(hù)的操作有較小影響的。
其實(shí)在一些登錄、支付、提交等按鈕，還有一種「不可用」的狀態(tài)，用戶(hù)未輸入信息時(shí)，登錄按鈕置灰，只有當(dāng)用戶(hù)輸入相應(yīng)的信息后，按鈕才高亮。二、異常情況的匯總通過(guò)上面的例子，相信已經(jīng)充分了解到設(shè)計(jì)中的異常是什么，以及異常的處理方式，那么接下來(lái)總結(jié)一下設(shè)計(jì)中常見(jiàn)的異常情況。
異常情況處理其實(shí)分為兩種情況。兩種異常情況處理1. 界面中有明顯的提示，需要用戶(hù)了解此情況的，并且影響用戶(hù)進(jìn)行下一步操作的。
主要是用戶(hù)切換任務(wù)引起的異常：如按 home 鍵突然退出/切換應(yīng)用、返回鍵退出、下載過(guò)程退出等。
以上就是在設(shè)計(jì)中常見(jiàn)的一些異常情況匯總，看到這里，可能很多朋友就要說(shuō)了，這么多，我怎么記得住。
我個(gè)人的建議是：如果你熟悉上面的這些異常的話(huà)，其實(shí)在設(shè)計(jì)類(lèi)似的模塊時(shí)就會(huì)考慮到相應(yīng)的情況；如果你不熟悉這些，你可以把文章描述的異常情況當(dāng)作一個(gè)檢查表，設(shè)計(jì)到相應(yīng)的模塊時(shí)，可以參考是否會(huì)出現(xiàn)上方的情況。三、異常處理接下來(lái)分析一下這些異常情況的處理方式，按異常方式來(lái)處理。
與網(wǎng)絡(luò)環(huán)境等有關(guān)的：下載失敗、服務(wù)器出錯(cuò)、斷網(wǎng)，網(wǎng)速過(guò)慢、加載失敗、網(wǎng)絡(luò)連接失?。╳ifi 密碼正確，連接不成功）1. 下載失敗一般需要給出明確的下載失敗提示，可以通過(guò)彈窗、Toast、列表等提示。如下圖所示，然后給出用戶(hù)下一步的操作提示，例如重試、重新下載、刪除等操作。
2. 空狀態(tài)搜索結(jié)果為空、無(wú)瀏覽記錄、無(wú)收藏、無(wú)購(gòu)買(mǎi)記錄、無(wú)訂單記錄、無(wú)下載記錄等。
其實(shí)空狀態(tài)很好理解，就是頁(yè)面沒(méi)有內(nèi)容時(shí)，空頁(yè)面一般會(huì)提示用戶(hù)當(dāng)前頁(yè)面的空狀態(tài)，同時(shí)也可以做適當(dāng)?shù)囊龑?dǎo)。
例如在影視類(lèi) App 中，如果觀看記錄為空，則可以為用戶(hù)推薦影片，如熱播影片、猜您喜歡，其他人都在看等熱門(mén)推薦供用戶(hù)選擇。
不過(guò)如果無(wú)法確定你推薦的用戶(hù)是否喜歡，不建議做推薦。
3. 表單類(lèi)異常密碼錯(cuò)誤、輸入字符太少，數(shù)量超額，賬號(hào)密碼等不符合規(guī)則、賬號(hào)過(guò)期、必選項(xiàng)未填寫(xiě)（提示并定位）、必填項(xiàng)的輸入字符為空等。
4. 時(shí)效性二維碼/驗(yàn)證碼的過(guò)期/失效處理，例如具有實(shí)效性的鏈接，二維碼等。
實(shí)效性比較多的體現(xiàn)在二維碼、付款碼、驗(yàn)證碼等有時(shí)間限定的情況下才有效的情況，通常失效之后需要重新刷新，手機(jī)的篩選操作通常是點(diǎn)擊或者是下拉刷新；PC 端的通常好似點(diǎn)擊，TV 端的是按「OK」鍵刷新。
如下圖所示為 QQ 的掃碼登錄頁(yè)面和 UC瀏覽器的手機(jī)登錄頁(yè)面。
5. 限定值上傳文件超過(guò)限定大小、操作過(guò)于頻繁（刷新頻繁，點(diǎn)贊、抖一抖，戳一戳等，需給出友好提示）
對(duì)于文件過(guò)大無(wú)法上傳、下載這種建議都是采取彈窗的方式告訴用戶(hù)當(dāng)前狀況，明確問(wèn)題并且加上操作提示。如新媒體管家中的導(dǎo)入的 word 的文件不能超過(guò)10M的提示如下左圖所示。
對(duì)于操作過(guò)于頻繁，比較常見(jiàn)于 QQ 中的抖動(dòng)窗口，其實(shí)在一些電視頁(yè)面的手機(jī)截圖工具中，刷新太頻繁也會(huì)彈出 Toast 提示。
6. 不可用賬號(hào)不存在、賬號(hào)過(guò)期、選項(xiàng)不可選、按鈕置灰等。
賬號(hào)不存在用于登錄時(shí)，輸入的賬號(hào)不在已注冊(cè)的賬號(hào)中，則會(huì)提示此賬號(hào)不存在，是否立即注冊(cè)等。
7. 賬號(hào)過(guò)期APP 或網(wǎng)站中，登錄賬號(hào)后，如果太久不使用，則會(huì)有過(guò)期的期限，設(shè)計(jì)師需要根據(jù) APP 的具體情況設(shè)置登錄過(guò)期的時(shí)間期限，此時(shí)需要提醒用戶(hù)重新登錄。
主要有 Toast 和彈窗兩種方式提示，這需要根據(jù)賬號(hào)過(guò)期對(duì)用戶(hù)的影響大小來(lái)決定用哪一種方式。
如下方左圖所示，登錄賬號(hào)過(guò)期對(duì)用戶(hù)使用此應(yīng)用的影響不大，則可以采用 Toast 輕提示的方式處理；如下方右圖，如果不登錄賬號(hào)則無(wú)法使用此應(yīng)用的功能，則需要采用彈窗強(qiáng)提示的方式，提示用戶(hù)去登錄。
8. 選項(xiàng)不可選主要包含當(dāng)前的選項(xiàng)中有不可選的選項(xiàng)，還包括在不達(dá)到某種條件情況下，無(wú)法使用此功能的按鈕等。
9. 其他外接設(shè)備連接失?。ㄈ邕b控器、音響、手機(jī)等）、斷電/電量過(guò)低、安裝失敗。外接設(shè)備連接失敗需要提示，如果知道連接失敗原因，建議給出原因。
斷電情況通常用于 PC 端和 TV 端，斷電后需要為用戶(hù)恢復(fù)文件。很多設(shè)計(jì)軟件都有這個(gè)功能，一旦軟件無(wú)響應(yīng)或者其他異常情況導(dǎo)致文件出問(wèn)題，一般都會(huì)提供恢復(fù)文件。安裝失敗后需要提供提示安裝失敗原因，如存儲(chǔ)空間不足、文件已損壞的提示。
10. 用戶(hù)切換任務(wù)引起的異常較多如按 home 鍵突然退出/切換應(yīng)用、返回鍵退出、下載過(guò)程退出。
11. 服務(wù)器出錯(cuò)服務(wù)器出錯(cuò)的頁(yè)面常見(jiàn)的500、501、502、503、504、 505 等 5 開(kāi)頭的頁(yè)面。其中這些錯(cuò)誤的解釋如下：500 內(nèi)部服務(wù)錯(cuò)誤：顧名思義 500 錯(cuò)誤一般是服務(wù)器遇到意外情況，而無(wú)法完成請(qǐng)求；501 服務(wù)器不具備完成請(qǐng)求的功能；502 Bad Gateway錯(cuò)誤；503 服務(wù)器目前無(wú)法使用（由于超載或停機(jī)維護(hù)）；504 Bad Gateway timeout 網(wǎng)關(guān)超時(shí)；505 服務(wù)器不支持請(qǐng)求中所用的 HTTP 協(xié)議版本。服務(wù)器異常時(shí)，在網(wǎng)頁(yè)端的處理方式為提示+返回，在移動(dòng)端的處理方式為提示+重試，下圖是一些普通的處理方式。
近幾年，很多網(wǎng)站和應(yīng)用將這種異常頁(yè)面設(shè)計(jì)的相對(duì)美觀和有故事性一些，提升了整體的趣味性，減少用戶(hù)的焦慮。例如網(wǎng)絡(luò)被外星人劫走了之類(lèi)的，相信大家也看過(guò)很多。這里就不舉例子了。
12. 網(wǎng)絡(luò)異常斷網(wǎng)、網(wǎng)速過(guò)慢、網(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)用沒(méi)有緩存之前的頁(yè)面的內(nèi)容，則整體提示用戶(hù)網(wǎng)絡(luò)異常，也可以提供一個(gè)操作指導(dǎo)用戶(hù)操作；
如果網(wǎng)絡(luò)異常之前頁(yè)面已經(jīng)緩存則顯示之前的頁(yè)面，Toast 輕提示用戶(hù)網(wǎng)絡(luò)異常，此類(lèi)異常建議用戶(hù)再次打開(kāi)時(shí)，回到上次用戶(hù)離開(kāi)前的狀態(tài)。如果數(shù)據(jù)被清理，則回到上次保存的數(shù)據(jù)頁(yè)面中。四、總結(jié)文章主要總結(jié)了設(shè)計(jì)中常用的異常情況，并且給出了相應(yīng)的解決方案，最長(zhǎng)用的規(guī)則就是給出異常提示+下一步操作提示，既明確了出錯(cuò)原因，又指引用戶(hù)下一步操作，用戶(hù)是相對(duì)容易接受的。
上一篇：企業(yè)網(wǎng)站建設(shè)策劃需要注意哪些事情？
下一篇： 企業(yè)網(wǎng)站建設(shè)—如何而利用微交互來(lái)增強(qiáng)用戶(hù)體驗(yàn)？
推薦文章
推薦文章
- ?？诰W(wǎng)站開(kāi)發(fā)：讓玩具官網(wǎng)成為孩子的夢(mèng)想天地 06-06
- 定制網(wǎng)站開(kāi)發(fā)：助力工業(yè)企業(yè)的騰飛之翼 06-06
- 公司網(wǎng)站建設(shè)：服飾企業(yè)的時(shí)尚 “助推器” 06-06
- 物流網(wǎng)站設(shè)計(jì)：打造高效、專(zhuān)業(yè)的企業(yè)展示平臺(tái) 06-05
- 材料行業(yè)網(wǎng)站設(shè)計(jì)指南：構(gòu)建高效、專(zhuān)業(yè)的企業(yè)展示平臺(tái) 06-05
- 家居行業(yè)網(wǎng)站建設(shè)指南：打造吸引力十足的產(chǎn)品展示平臺(tái) 06-05
- 綠色生態(tài)官網(wǎng)：如何助力企業(yè)可持續(xù)發(fā)展目標(biāo)？ 06-03
- 國(guó)外官網(wǎng)風(fēng)格解析：如何打造國(guó)際化品牌官網(wǎng)？ 06-03
- 國(guó)際化網(wǎng)站建站：如何打造符合全球市場(chǎng)需求的品牌官網(wǎng)？ 06-03
- 科技網(wǎng)站設(shè)計(jì)：打造高科技感與專(zhuān)業(yè)形象的數(shù)字門(mén)戶(hù) 05-30
- 智能網(wǎng)站建設(shè)
官網(wǎng) · 承載企業(yè)網(wǎng)絡(luò)品牌持續(xù)性發(fā)展
品牌官網(wǎng)建設(shè) 響應(yīng)式網(wǎng)站開(kāi)發(fā) 外貿(mào)網(wǎng)站建設(shè) 手機(jī)網(wǎng)站開(kāi)發(fā) 小程序開(kāi)發(fā) APP開(kāi)發(fā)- 智能網(wǎng)站建設(shè)
官網(wǎng) · 承載企業(yè)網(wǎng)絡(luò)品牌持續(xù)性發(fā)展
競(jìng)價(jià)代運(yùn)營(yíng)服務(wù) 搜索引擎排名 新媒體代運(yùn)營(yíng)服務(wù) 品牌營(yíng)銷(xiāo)策劃- 智能網(wǎng)站建設(shè)
官網(wǎng) · 承載企業(yè)網(wǎng)絡(luò)品牌持續(xù)性發(fā)展
全網(wǎng)營(yíng)銷(xiāo)推廣方案 電商系統(tǒng)解決方案 直播購(gòu)物電商方案 陪跑式營(yíng)銷(xiāo)方案
