編輯導(dǎo)語：不穩(wěn)定的移動網(wǎng)絡(luò)，是非常影響用戶體驗的。當用戶處于弱網(wǎng)環(huán)境下，或者突然沒有網(wǎng)絡(luò)連接時，應(yīng)該怎么設(shè)計才能讓用戶體驗不被影響呢？本文作者給出了五個關(guān)于弱網(wǎng)和離線場景設(shè)計的建議，感興趣的小伙伴們一起來看一下吧。

產(chǎn)品設(shè)計時，產(chǎn)品經(jīng)理往往很少考慮當在弱網(wǎng)環(huán)境下（網(wǎng)絡(luò)連接慢時）或突然網(wǎng)絡(luò)沒有連接時（如進入電梯、地下室或開車進入隧道）與用戶怎么交互。

網(wǎng)絡(luò)問題常常被認為是暫時的問題，只需要給用戶一個錯誤提示。然而，網(wǎng)絡(luò)連接會直接影響用戶體驗，對移動應(yīng)用更是如此，因為移動網(wǎng)絡(luò)常常不穩(wěn)定。

我會討論關(guān)于弱網(wǎng)和離線場景設(shè)計的5個建議。

01 關(guān)鍵內(nèi)容，提前緩存

理想情況下，移動應(yīng)用應(yīng)該在用戶離線和在線時同樣工作。如果你的應(yīng)用不需要大量的數(shù)據(jù)，那么你應(yīng)該默認緩存所有的數(shù)據(jù)。有些需要實時更新數(shù)據(jù)（如社交應(yīng)用，地圖，音樂等等）的產(chǎn)品除外。

針對這種情況，建議有網(wǎng)絡(luò)時加載可用內(nèi)容，并提供讓用緩存的功能，如離線地圖，下載歌曲等，這將讓用戶在離線時也可正常使用。

提示：了解你的用戶如何使用你的應(yīng)用。這樣可以知道哪些內(nèi)容和功能需要提供用戶下載，并進行離線使用。比如地圖和音樂應(yīng)用，用戶應(yīng)該能下載歌曲、地圖，這樣他們就可以在沒有網(wǎng)絡(luò)的情況下使用，盡量使“保存為離線”在界面中容易被找到。

如果你設(shè)計的產(chǎn)品有時間敏感信息，如股票交易或貨幣兌換的應(yīng)用，你需要顯示應(yīng)用程序的最后更新時間。這將防止用戶做出錯誤的決定。

02 離線狀態(tài)，動態(tài)告知

如果你的應(yīng)用有一些只有在線時才能使用的功能，應(yīng)該提示用戶當前狀態(tài)是否為離線狀態(tài)，通常用toast提示 “你已離線”。

建議：要讓用戶知道他們在離線模式下可以做什么。

03 用戶操作，進度保存

在弱網(wǎng)或沒有網(wǎng)絡(luò)環(huán)境下，用戶已輸入的內(nèi)容沒有保存，是會讓用戶抓狂的。對于像填寫表格這樣的操作，應(yīng)該緩存用戶的進度，并可以讓用戶從停止的地方繼續(xù)開始。

建議：向用戶保證，他們的進度將被保存，他們輸入的數(shù)據(jù)不會被刪除。例如，無網(wǎng)情況下，當用戶輸入完，點擊 “發(fā)送”時，應(yīng)該有一條令人放心的信息：“當連接恢復(fù)時，信息將被發(fā)送”。

另外，一些涉及用戶隱私的信息可以不必緩存，如姓名、身份證、銀行卡號等，以免用戶誤解你在儲存他們的隱私另作他用。

04 頁面加載，框架優(yōu)先

如果加載內(nèi)容需要較長的時間，你可以先展示一個頁面框架，而不是顯示一個帶有無限加載旋鈕的空白屏幕。

頁面框架是你頁面的一個線框版本，在內(nèi)容等待加載時顯示。它在中間狀態(tài)下發(fā)揮作用，給系統(tǒng)幾秒鐘的時間，以便能加載內(nèi)容。讓用戶不會誤認為出了問題。

建議：嘗試在弱網(wǎng)環(huán)境使用你的產(chǎn)品。例如，F(xiàn)acebook舉辦了2G星期二，他們的移動開發(fā)團隊使用2G網(wǎng)絡(luò)來了解他們產(chǎn)品的體驗問題。

05 無網(wǎng)提示，刷新重試

為必須有網(wǎng)絡(luò)時的應(yīng)用提供無網(wǎng)說明頁面。當用戶在離線時，沒有功能可用時，建議用一個簡短無網(wǎng)描述外加一個 “刷新”按鈕，以便用戶在恢復(fù)連接后可以點擊。

由于應(yīng)用程序可以自動檢查連接，從功能的角度來看，這個按鈕并沒有提供多少價值。然而，它給用戶一種對系統(tǒng)的控制感，這種 “假按鈕”的方法類似于人行道上的 “過街”按鈕。

06 總結(jié)

移動產(chǎn)品設(shè)計中，弱網(wǎng)和離線環(huán)境是產(chǎn)品經(jīng)理不得不考慮的一個場景。

通過離線緩存、動態(tài)提示、保存進度、頁面懶加載及刷新重試增加產(chǎn)品體驗設(shè)計。

本文由 @殷元星? 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議