怎么樣做好空狀態(tài)設計
發(fā)布時間:2022-01-19 10:48 [ 我要自學網(wǎng)原創(chuàng) ] 發(fā)布人: hh71427-2 閱讀: 2385

雖然空狀態(tài)對用戶體驗很重要,但它常常被忽略。良好的空狀態(tài)設計能提升產(chǎn)品體驗,有效留存用戶,了解空狀態(tài)的概念以及如何使用它們,可以有效提高產(chǎn)品的特色和價值。

文章目錄:

如何做好空狀態(tài)設計?來看資深設計師的總結!


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


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

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

  • 搜索商品卻沒有找到的狀態(tài)
  • 查看商品時加載不出來或出錯的狀態(tài)
  • 購物車里沒有商品時的狀態(tài)
  • 地址管理頁面中收貨地址為空的狀態(tài)
  • 提交訂單后的狀態(tài)

良好的空狀態(tài)可以讓用戶知道正在發(fā)生的情況,發(fā)生的原因以及該怎么做。下面是兩個正面的空狀態(tài)設計示例:

如何做好空狀態(tài)設計?來看資深設計師的總結!

首次啟動產(chǎn)品時,Dropbox Paper為用戶提供了良好的空狀態(tài)設計,頁面上的提示按鈕能指引用戶完成下一步操作。

如何做好空狀態(tài)設計?來看資深設計師的總結!

當沒有搜索到結果時,頁面上提供了有用的參考信息,并讓用戶知道發(fā)生了什么。

以下是一些負面的空狀態(tài)設計:

如何做好空狀態(tài)設計?來看資深設計師的總結!

這個空狀態(tài)只提示了一些反饋信息,沒有為用戶提供明確引導或告訴用戶該怎么操作。

如何做好空狀態(tài)設計?來看資深設計師的總結!

在這個空狀態(tài)設計中,我們只看到一個幾乎空白的網(wǎng)頁上面有一個很棒的插圖,但是它沒有提供任何信息或指示,也不能引導用戶進行下一步。


空狀態(tài)的類型


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

  • 首次使用——新產(chǎn)品沒有內容可以顯示時,例如打開新注冊的印象筆記時會遇到這種情況。
  • 內容被清除——當用戶完成類似清空消息或收件箱等操作后,會出現(xiàn)一個空白的屏幕。
  • 出現(xiàn)錯誤——產(chǎn)品由于網(wǎng)絡問題造成離線時,會出現(xiàn)空狀態(tài)的使用。
  • 無結果——如果用戶進行搜索,但是查詢內容為空時會發(fā)生這種情況。

如何做好空狀態(tài)設計?來看資深設計師的總結!

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


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


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

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

  • 令人信服的體驗
  • 個人關注
  • 互相忠誠
  • 與眾不同
  • 協(xié)調
  • 創(chuàng)新

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

  • 用戶入門——除了增強用戶體驗外,還提供了建立深度信任和繼續(xù)使用產(chǎn)品的機會。
  • 品牌建設——提高知名度,提升公司形象,促進公司發(fā)展并增加品牌價值。
  • 個性化——可以是有趣的、嚴肅的、活潑的,創(chuàng)造一種個性又多元的感覺。

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


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


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

如何做好空狀態(tài)設計?來看資深設計師的總結!

既然精心設計的空狀態(tài)有明顯的積極結果,為什么它們容易被忽視:

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

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


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


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

1. 同理心

如何做好空狀態(tài)設計?來看資深設計師的總結!

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

2. 意象

如何做好空狀態(tài)設計?來看資深設計師的總結!

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

3. 有用的指導

如何做好空狀態(tài)設計?來看資深設計師的總結!

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

4. 入門內容

如何做好空狀態(tài)設計?來看資深設計師的總結!

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

5. 提供操作步驟

如何做好空狀態(tài)設計?來看資深設計師的總結!

?硕芍赋,「做出決定所需的時間會隨著選擇的數(shù)量和復雜性而增加。」當操作要求最多保持在一個或兩個時,用戶可能會更快地采取行動。

如何做好空狀態(tài)設計?來看資深設計師的總結!

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


結論


在UX設計中很容易忽略空狀態(tài),因為它們很少出現(xiàn),而且有時候不容易理解。但是我們往往低估了空狀態(tài)設計帶來的價值,因為它增強了用戶體驗,并且有助于創(chuàng)建更具凝聚力的產(chǎn)品。

文章評論
0 條評論 按熱度排序 按時間排序 /350
添加表情
遵守中華人民共和國的各項道德法規(guī),
承擔因您的行為而導致的法律責任,
本站有權保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設計 室內設計 室外設計 機械設計 工業(yè)自動化 影視動畫 程序開發(fā) 網(wǎng)頁設計 會計課程 興趣成長 AIGC