網絡狀態提示

APP不單單需要功能性，可用性，穩定性，還需要讓用戶感到愉快

在app泛濫的時代里細節不可忽視

當我們在使用APP的時候，偶爾會碰到網絡狀態不好的情況

大致討論后得出下圖的幾種狀態

不了解 談何設計

來來來我們一起聊聊“網”

圖中的幾種狀態對開發者來說在處理相關情況時判斷條件會有所不同

對設計師來說是自由發揮頁

通常這種提示狀態頁上級不會給到設計師詳細的需求信息

來個設計給朕把這個頁做一下

But……對用戶來說就一種狀態“沒網”

當網絡出現問題時APP如何應對？

現今通用的斷網提示有三種：

① 彈出框提示 ② 背景圖刷新提示 ③ 頂部提示

（這三種斷網處理方法也經常混合使用，達到產品想要傳達的效果）

所以在接到設計任務時，設計來需要了解所設計的界面將用于什么狀態下

正所謂對癥下藥

壹

適用于彈框提示

當用戶沒開數據、WiFi或該APP網絡限權時

打開APP此時應該強行提示網絡狀態信息引導用戶去設置

貳

適合用于跳轉其他頁面的情況/背景圖刷新提示

在網絡數據或WiFi打開狀態下 用戶所處環境網絡信號不穩定時

例如：正在使用APP購買東西突然網絡不穩定中斷用戶當前行為時

叁

適用于頂部提示引導

app自身緩存內容空間大時

如：電商、聊天軟件

總結

一個好的網絡狀態提示可以

☆ 幫助和教育

☆ 避免用戶消極情緒（驚慌、煩感、急躁……）

☆ 使用戶快速行動

一個好的設計師在該狀態提示界面設計上要做到

◆ 一個解釋 當前網絡狀態 （避免用戶驚慌）

◆ 一個方向 用戶明白如何去解決這個問題

【 當前頁面請求服務器 】

如果點擊保存，網絡請求超時，這時候彈出另一個頁面就遮擋住了之前的信息，對于用戶是一個不好的體驗，這種情況下更適合采用背景圖刷新提示，用戶可以很快捷高效的進行刷新界面______再一次的保存操作。

【 不同的產品，面對的不同的情況 】

比如對于新聞類的、咨詢類的，這類APP一般都會有緩存，比如緩存好一個列表頁，下一次進入APP即使沒有網絡，也不會碰到什么內容都沒有的情況而是加載之前緩存的列表。以及之前閱讀的文章也會緩存下來，下次再閱讀不需要再次請求服務器。再舉一個例子就是我們大家都很熟悉的微信朋友圈，沒有網絡的情況下也是可以查看之前加載過的內容。如果特意去查看一下微信占用的空間，你會發現緩存占了很大的一塊，這里面就包括朋友圈內曾經加載過的內容以及圖片等。這類產品在出現網絡請求超時的情況就不需要跳轉另一個頁面，多此一舉還影響用戶體驗。 （他們大多采用頂部提示的方式告知用戶當前網絡狀態）

做的越少動靜越小，對用戶的體驗影響越小越好

這樣對于用戶也是一種心理暗示——這都不是事，不要慌。所以最好的做法是能讓用戶在出現異常情況下可以很輕易的再次重試，使得用戶能夠淡化對于異常情況的敏感以及反應過激。

在人才輩出的時代想做UI設計師不會交互怎嘛行