UI設(shè)計中的空狀態(tài)設(shè)計指南

　　雖然空狀態(tài)對用戶體驗很重要，但它常常被忽略。良好的空狀態(tài)設(shè)計能提升產(chǎn)品體驗，有效留存用戶，了解空狀態(tài)的概念以及如何使用它們，可以有效提高產(chǎn)品的特色和價值。今天AAA教育郭老師就針對UI設(shè)計中的空狀態(tài)設(shè)計進行簡單的說明。
 

　　什么是空狀態(tài)?
 

　　在產(chǎn)品設(shè)計過程中，設(shè)計師有很多機會創(chuàng)造愉悅和有意義的體驗，其中一個經(jīng)常被忽視的體驗就是空狀態(tài)?？諣顟B(tài)是用戶在使用產(chǎn)品時某個界面無法顯示的時刻，即沒有其他元素。
 

　　以網(wǎng)購為例，回想一下常見的空狀態(tài)情況：
 

　　搜索商品卻沒有找到的狀態(tài)
 

　　查看商品時加載不出來或出錯的狀態(tài)
 

　　購物車?yán)餂]有商品時的狀態(tài)
 

　　地址管理頁面中收貨地址為空的狀態(tài)
 

　　提交訂單后的狀態(tài)
 

　　空狀態(tài)的類型
 

　　這是四種常見的空狀態(tài)類型：
 

　　首次使用——新產(chǎn)品沒有內(nèi)容可以顯示時，例如打開新注冊的印象筆記時會遇到這種情況。
 

　　內(nèi)容被清除——當(dāng)用戶完成類似清空消息或收件箱等操作后，會出現(xiàn)一個空白的屏幕。
 

　　出現(xiàn)錯誤——產(chǎn)品由于網(wǎng)絡(luò)問題造成離線時，會出現(xiàn)空狀態(tài)的使用。
 

　　無結(jié)果——如果用戶進行搜索，但是查詢內(nèi)容為空時會發(fā)生這種情況。

 

　　曾在谷歌擔(dān)任總監(jiān)的Ankit Jain提到，用戶可能會嘗試使用很多APP，但在最初的3-7天內(nèi)決定要「停止使用」哪些應(yīng)用。對于使用體驗好的APP，大多數(shù)用戶保留7天甚至更長的時間，所以成功的關(guān)鍵是在前3-7天內(nèi)盡可能的吸引用戶。
 

　　設(shè)計空狀態(tài)的優(yōu)勢
 

　　經(jīng)過深思熟慮而設(shè)計的空狀態(tài)可以幫助提高產(chǎn)品參與度，使用戶滿意并減少流失。
 

　　在《用戶真正需要什么》一書中，知名企業(yè)管理專家斯科特·麥克凱恩提出了為用戶設(shè)計個性化的卓越體驗的六條指導(dǎo)原則。他寫道，用戶想要：
 

　　令人信服的體驗
 

　　個人關(guān)注
 

　　互相忠誠
 

　　與眾不同
 

　　協(xié)調(diào)
 

　　創(chuàng)新
 

　　這些原則應(yīng)用到空狀態(tài)設(shè)計中能提高產(chǎn)品滿意度，為企業(yè)帶來益處。以下三個方面也能從好的空狀態(tài)設(shè)計中獲益：
 

　　用戶入門——除了增強用戶體驗外，還提供了建立深度信任和繼續(xù)使用產(chǎn)品的機會。
 

　　品牌建設(shè)——提高知名度，提升公司形象，促進公司發(fā)展并增加品牌價值。
 

　　個性化——可以是有趣的、嚴(yán)肅的、活潑的，創(chuàng)造一種個性又多元的感覺。
 

　　設(shè)計良好的空狀態(tài)不僅有助于提供令人信服的體驗，讓用戶能更多地參與到產(chǎn)品中并讓人滿意。
 

　　空狀態(tài)被忽視的原因
 

　　忽略空狀態(tài)時會發(fā)生什么?沒有指導(dǎo)的空白頁面會造成混亂、不確定和失望，這可能導(dǎo)致較高的放棄率并降低產(chǎn)品的整體滿意度。

 

　　既然精心設(shè)計的空狀態(tài)有明顯的積極結(jié)果，為什么它們?nèi)菀妆缓鲆暎?br />  

　　首先，設(shè)計師往往將精力集中在設(shè)計中更可見的部分，通常很少考慮空狀態(tài)出現(xiàn)的情況，因此常常被忽略;其次只有2-5%的用戶能遇到空狀態(tài)，所以通常不把它們視為優(yōu)先事項;
 

　　最后，人們并不能總是很好地理解空狀態(tài)的發(fā)生以及如何處理，所以它們退居二線，轉(zhuǎn)而使用更流行的頁面。
 

　　如何有目的地進行空狀態(tài)設(shè)計?
 

　　通過下面這些方法，可以確?？掌聊坏脑O(shè)計是有用有效的，反饋豐富全面。
 

　　1. 同理心

 

　　增加驚喜、愉悅、情感和個性是在產(chǎn)品設(shè)計過程中創(chuàng)造更好體驗的方式。對于空白頁，同理心增加了多樣性，并創(chuàng)造了一個更吸引人的個性化體驗。
 

　　2. 意象

 

　　形象化的描述一種減少壓力并提高注意力的狀態(tài)。例如在在錯誤頁面的空狀態(tài)背景上添加一些風(fēng)景插圖可以帶來更愉悅的用戶體驗。
 

　　3. 有用的指導(dǎo)

 

　　根據(jù)產(chǎn)品的類型，可以使用空狀態(tài)來指導(dǎo)用戶。有了新的賬戶后，引導(dǎo)用戶快速開始，從而減少了放棄的機會。
 

　　4. 入門內(nèi)容

 

　　對于某些產(chǎn)品，提供良好的入門內(nèi)容有助于他們直觀地看到正在發(fā)生的事情以及下一步可以做什么。
 

　　5. 提供操作步驟

 

　　?？硕芍赋觯缸龀鰶Q定所需的時間會隨著選擇的數(shù)量和復(fù)雜性而增加?！巩?dāng)操作要求最多保持在一個或兩個時，用戶可能會更快地采取行動。

 

　　當(dāng)人們剛接觸Instagram這個平臺時，他們還沒有關(guān)注任何人，一個好的空狀態(tài)設(shè)計可以為他們提供「添加關(guān)注的人」選項。
 

　　結(jié)論
 

　　在設(shè)計中很容易忽略空狀態(tài)，因為它們很少出現(xiàn)，而且有時候不容易理解。但是我們往往低估了空狀態(tài)設(shè)計帶來的價值，因為它增強了用戶體驗，并且有助于創(chuàng)建更具凝聚力的產(chǎn)品。因此，您現(xiàn)在已經(jīng)了解了與UI設(shè)計師的工作相關(guān)的主要技能。如果您想了解更多信息，請訪問AAA教育，包含有關(guān)在該領(lǐng)域工作的更多相關(guān)文章。