優秀的產品要學會消除用戶的焦慮情緒。

大多數App都要與服務器進行數據的交換，用戶向服務器發出數據請求，服務器接收到請求之后向用戶展示上傳或下載相應的數據。

由于網絡原因，需要花費一定時間，才能完成這樣的交互。在等待的過程中，往往讓用戶產生了不同程度的焦慮感。我整理了一些案例來分析一下互聯網產品都是通過怎樣的方式來消除用戶的焦慮感。

一、異步處理（Asynchronous Processing）

什么是異步處理？

我們舉個例子：

在網絡不好的情況下，你在微信朋友圈給好友點了贊，微信并不會提示你網絡不好，操作失敗，而是提示你點贊成功了，其實它只是將你點贊的操作記錄了下來，等網絡一好就將點贊的行為上傳到服務器，從而完成點贊行為。這就是異步處理。

這就是讓產品自己去解決問題，而不是把問題拋給用戶。

再比如發布朋友圈時，你不用等所有文字和照片都上傳完畢，才顯示朋友圈，當你點擊發送后，App上顯示出你已發出的朋友圈，然而微信其實在后臺仍然在上傳數據，仔細看上圖在發布完朋友圈之后，會有一次內容的閃屏，那個時候才是將數據正式發布并展示給好友。

這樣的異步處理很好的減少了用戶的等待時間消除了用戶的焦慮感。

二、Skeleton Screen預加載

可能大家對于Skeleton Screen并不熟悉。它是一種將未加載出來的內容區域，用灰色的色塊填充的方式。所以整個頁面在加載過程中會給用戶很連貫的感覺。

國外的Facebook，國內的支付寶、微博、豆瓣都采用了這種加載形式。

這種形式一般用于內容框架固定的頁面，如果頁面可能會出現空數據的情況也不宜使用。支付寶的首頁，頁面結構固定，且內容不會為空（除非網絡異常導致加載失?。?，就很適合用Skeleton Screen的加載形式。

三、加載

1. loading動畫

加載動畫自不必多說，所有的產品都會采用這樣的方式來度過讓用戶較長的等待加載時間，從一開始比較簡單的進度條、菊花轉，延伸到現在結合自己品牌形象所制作的各種無限循環動畫效果。更有甚者現在出現了一些以有趣，創意為主的加載動畫。

2. 標題加載

一些將數據存儲在本地的App一般不會出現白屏加載的情況，所以會采用標題加載的形式，這種情況多在即時聊天工具中，比如微信、陌陌、釘釘等。

這個時候加載無需獲取用戶的視覺焦點，只要告知用戶頁面正在請求新數據，所以選擇在標題欄展示App正在加載是個不錯的選擇，加載成功則標題欄loading消失，若因為網絡錯誤未連接服務器，則在標題欄顯示未連接狀態。

3. 分段式加載

當新頁面的內容有好幾百條甚至更多時，如果一次性加載所有內容，會增加設備的負擔，而且加載內容過大，加載時間會過長，同時APP自身也可以因為運算成本太高而崩潰。為了解決這個問題，產生了一種叫分段加載的形式。即：先加載最新的幾十條數據，當用戶繼續向上滑動想瀏覽更多時，再加載幾十條。

分段加載要在PRD或者交互設計文檔里明確注明，一次性加載多少條內容，如果內容以圖片為主，建議加載20到30條左右，如果內容以文本為主，建議40到60條左右，這是本人的設計習慣，大家可以借鑒。我無聊的數了數今日頭條每次分段加載會加載60條新聞。

四、分步導航（Substep Navigation）

當用戶在填寫一些冗長的資料時，總是會有這樣的疑問：

• “我進行到哪一步了？”
• “怎么還沒結束，還有多少要填寫？”

而分步導航就很好的解決了這一問題。設計良好的分步導航清晰地指明了完成任務的路徑。研究表明，它給用戶以明確的概念，完成最終目標需要多少步，能夠顯著降低放棄的概率。從心理學角度來看，這頗具意義。如果你知道完成這個過程需要多少步，你就更容易完成它。

當然，創建優秀的分布導航并不是一件容易的事情，以后有機會我會詳細的展開描述，這里就不多加贅述了，最主要的是“調查用戶期望，并建立起合理的流程”。

五、異常界面與Toast

先前說過，App都是需要和服務器做出數據請求的，所以我們無法保證不出現異常情況。因此在出現異常情況時，所展示給用戶的異常頁面也就顯得尤為重要，這是降低用戶焦慮最主要和直接的手段。

頁面異常主要的類型有一下幾種情況：

當發生異常情況時，什么樣的頁面能夠幫助用戶降低焦慮感呢？

1. 明確告知用戶異常的類型

讓用戶明確知道是什么情況導致異常的發生。如微信在斷開網絡之后會明確告知用戶“網絡連接不可用”那么用戶會去檢查自己的WIFI或者數據連接情況。而右邊的界面則是告知了用戶發生了一些錯誤，然而用戶仍然不知道該怎樣去解決問題。

2. 給予用戶解決方案

當用戶發生錯誤時，情緒是比較挫敗和焦慮的。在優秀的異常頁面上，我們可以看到其異常不僅有提示，并且給予TOAST顯示當前的錯誤原因，可以檢查的設置。方便用戶去恢復當前出現的錯誤，在斷網情況下不僅僅需要給予用戶當前網絡提示，還需要給予用戶一個操作入口，能夠給予去修復當前狀態的行為操作。

總結

1. 不要為了極端情況而讓用戶花費時間在等待上。

2. 在暫時無法展示用戶想要的內容時，不要直接展示空白頁，可以用Skeleton Screen的預加載方式或者有趣的加載動畫來進行過度。

3. 對于冗長的信息內容應該進行歸類分步導航。

4. 發生異常，應該及時給予用戶解決方案，而不是讓用戶不知所措。

本文由 @endlishted 原創發布于人人都是產品經理。未經許可，禁止轉載。

題圖來自 unsplash