在用戶界面中,產品內的購物車為空、某界面出錯或不存在以及斷網等狀況時,都可以成為空狀態。表面上看,空狀態給人的感覺是臨時性的且微不足道的,但實際上,空狀態在界面操作的引導性、用戶體驗的愉悅性,以及保留用戶等方面有著不可忽視的作用。
空狀態存在的意義是,讓用戶知道這個界面目前是空的還是失敗的,避免用戶進行無意義的等待;將一無所有的界面變得飽滿,告知用戶接下來可以做什麼,並提供一些快捷的操作方式。空狀態的分類有以下幾種:
系統推薦性空狀態
既然空狀態影響用戶體驗,那麼最直接的想法當然是在空白界面中填充一些東西,這樣就不是空狀態了。既然沒有東西,那麼我們就推薦一些東西給用戶,這樣界面就不會顯得很空了。
操作指引型空狀態
有些場景下,可以通過系統推薦項來填補空界面。例如,在電商類的應用中,「我的關注」等功能,可以推薦一些熱門商品來填補空白還可以提高產品的曝光率。而有些時候,比如分享類的應用,不能憑空出現未發布的內容,這就需要在空白界面中引導用戶產生內容。
情感表達性空狀態
當空頁面是用戶操作的結果時,我們只能提醒用戶這就是空狀態。我們會在這裡加入一些生動形象的插畫,或者將文案寫得更委婉,從而彌補空白潔面帶來的失落感。
空狀態的設計需要注意的是要避免死角。空狀態不僅會出現在某個界面為空時,還會出現在界面當中的某一個板塊為空時,或者斷網、或者已發布的內容被刪除時,都需要讓用戶了解當前到底發生了什麼。好的做法是,當完成一個界面設計時要確認一遍,這個界面哪裡會沒有數據,斷網、弱網的情況下如何顯示,在用戶使用一個產品並完成一個從未用過的功能時,不能讓用戶進入死胡同,造成額外的損失。
此外需要注意的是,並不是每一個空狀態都需要精心設計。例如當一個界面有很多個板塊,其中某一個板塊或多個板塊為空時,就不需要每一個板塊都配以圖案了。因為用戶還可以瀏覽其他內容,並不想被一個空的版塊佔據太多空間。可以有以下幾種處理方案:既然沒有內容,整個板塊就不再顯示了;給當前版塊推薦相關的內容;如果處於特殊原因不能隱藏整個板塊或者沒有推薦的內容,就給其一段提示性的文字,儘可能的不影響用戶閱讀其他信息。
本人是做UI設計工作的,特借貴平臺輸出一些內容為大家分享,旨在共同學習和進步。以上部分分享內容來自《規律與邏輯》。如有部分侵權請告知,將會立即刪除。