管對用戶體驗很重要，但空狀態經常被忽略。知道它們是什么以及如何使用它們，應用于UX最佳實踐，可以產生很多好處。

 

什么是空狀態？

UX設計師有很多機會來創造愉悅而有意義的體驗。一種經常被忽略的機會是“空狀態”或空白屏幕。空狀態是用戶體驗產品時無法顯示的時刻。

以下是一些常見的空狀態情況的示例：

A. 一個新的Dropbox屏幕，其中未創建任何文件或文件夾。

B. 在待辦事項列表管理器中完成所有任務后的結果屏幕。

C. 不支持命令時，在Slack中顯示錯誤屏幕。

D. 啟動一個新的社交帳戶，并且沒有任何連接。

E. 在Gmail中搜索內容，但沒有結果。

這些介于中間的時刻提供了改善用戶體驗并因此擴大商機的機會。對于UX設計人員而言，抓住一切機會來改善用戶體驗并為業務增加更多價值是一件好事。

一個有用的空狀態將使用戶知道發生了什么，為什么發生以及如何處理。這是良好的空狀態UX設計的兩個示例：

在首次啟動產品時，Dropbox Paper為用戶提供了良好的空狀態界面。號召性用語按鈕可幫助您繼續使用，而不必擔心下一步該怎么做。

搜索查詢不返回任何結果時，空狀態界面設計的一個很好的例子。該界面提供有用的參考，并讓用戶知道發生了什么。

 

以下是一些機會錯誤的空狀態設計示例：

這是一個空狀態的界面，可以提供一些反饋，但是卻錯過了向用戶提供任何其他指導或要采取措施的機會。

 

在這種空狀態的界面中，我們只是看到一個幾乎空白的網頁。圖像本身很棒，但是它不會引導用戶沿任何特定路徑點擊，也不會通知或指示用戶。

 

空狀態的類型

這是四種常見的空狀態：

A. 首次使用–在沒有其他內容可以顯示時，例如新的Evernote或Dropbox帳戶，發生在新產品或服務上。

B. 用戶已清除–在用戶完成諸如清除其收件箱或任務列表之類的操作且結果為空白屏幕時發生。

C. 錯誤–發生錯誤時或由于網絡問題而導致手機脫機等問題時，會發生這些錯誤。

D. 無結果/無數據–在無內容顯示時發生。如果有人執行搜索并且查詢為空或沒有可用數據顯示（例如，在篩選沒有數據的日期范圍時），就會發生這種情況。

隨著空狀態設計受到越來越多的關注，UX設計人員發現，從業務和用戶體驗的角度來看，利用它們都有有益的結果。

 

使用設計良好的空狀態的好處

設計周到且有用的空白狀態屏幕可以幫助提高產品參與度，使用戶滿意并減少用戶流失。

Scott McKain在他的《客戶真正想要什么》一書中提出了出色的客戶體驗的六個指導原則。

a. 引人入勝的體驗

b. 個人重點

c. 相互忠誠

d. 差異化

e. 協調

f. 革新

當將這些原則應用于空狀態設計時，它們可能對企業非常有益-例如，提高產品滿意度和降低放棄率。

以下三個方面也可以從良好的空狀態設計中受益：

A. 用戶入門–除了增強的用戶體驗之外，還提供了建立信任和繼續使用產品的機會。

B. 品牌建設–產生知名度并提升公司形象，以建立更多的品牌資產。

C. 個性化–在各種使用狀態下都有趣或充滿活力；營造一種個人風格的感覺。

設計良好的空狀態的好處不可低估。它們不僅為引人注目的客戶體驗做出了貢獻，而且隨著客戶滿意和參與的機會窗口越來越短，它們可以說是非常好的體驗。

 

如何用目的填充空白屏幕

以下是一些UX最佳實踐，可確保將空白屏幕設計為有用的信息。

共情。UX設計師即使在產品的最黑暗角落也能創造出更好的體驗，這一切都增加了驚喜。對于空屏幕，同理心的消息傳遞增加了多樣性，并創建了一種更具吸引力的個性化體驗。

Gusto是用個性化和一些有趣的個性填充空白狀態屏幕的一個很好的例子。

 

意象。有一種設計原則稱為親生物效應。從自然角度看，這是一種減少壓力和提高注意力的狀態。添加一些風景圖像（例如，空狀態錯誤屏幕的背景）可以帶來更愉悅的用戶體驗。

圍繞親生物效應設計的空狀態屏幕可通過減輕壓力和幫助參與而對用戶體驗產生積極影響。

 

正確的指導。根據產品類型的不同，可以使用空狀態來指導用戶。一個很好的例子是項目管理應用程序。使用新帳戶后，尚無任何項目在進行中，這為幫助用戶快速入門提供了潛在的絕佳機會，從而減少了放棄的機會。這是一個例子：

Evernote在引導用戶使用其空狀態頁面設計方面做得很好。

 

入門內容。有很多屏幕空白的時間足夠使用戶感到沮喪和離開。對于某些產品，提供良好的入門內容有助于他們直觀地了解正在發生的事情以及下一步可以做什么。

這是帶有啟動程序內容的空白狀態屏幕的示例：

它為用戶提供了基礎，并減少了產品混淆和遺棄的機會。

 

提供一個行動步驟。對于某些產品，我們不需要提供指導或在屏幕上填滿任何內容，因為這沒有任何意義。在這種情況下，設計人員可以簡單地提供一個動作步驟。

但是，最好將動作減到最少。?？硕芍赋觯骸白龀鰶Q定所需的時間隨著選擇的數量和復雜性而增加?！?因此，當號召性用語最多保持一兩個時，用戶可能會更快地采取行動。這是一個很好的例子：

它告訴用戶采取措施，但仍將其保持在最低水平。

 

另一個很好的例子是Instagram。當人們不熟悉該平臺時，他們還沒有關注任何人（也沒有人關注他們）。專注于Instagram的所有出色功能很容易，但是，一個良好的空白狀態屏幕可以為他們提供“添加要關注的人”的選項。

當首次使用該平臺時，Instagram用戶會以一種快速便捷的方式來尋找人。

 

結論

在UX設計中很容易忽略空白狀態（或空白屏幕），因為它們很少發生并且并不總是很容易理解。但是，將它們包含進來的好處被低估了，因為它們可以增強用戶體驗并幫助創建更具凝聚力的產品。

文章來源：站酷 作者：對啊設計君

藍藍設計( www.syprn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務