如何設計一個理想的「空狀態」?

4 評論 15706 瀏覽 143 收藏 7 分鐘

重視空狀態,因為它們不是用戶體驗的臨時或次要部分。

什么是“空狀態”?

頁面內容為空時,我們把它稱為“空狀態”,也就是說應用程序沒有用戶內容的那些時刻。即使指引只有一個步驟,也會讓用戶放心的使用。

目的

  1. 確保用戶首次使用不會刪除應用
  2. 告知用戶如何完成核心任務
  3. 首次引導要吸引用戶,成功完成任務

新人使用期間,“空狀態”的價值

  1. 在使用一個新的東西或者功能時,我們要利用屏幕來教育吸引用戶,把一無所有的頁面,變得飽滿。
  2. 設置要發生的事情的期望。一般是文字+視覺的表達。

創建愉快的用戶體驗:功能(解決用戶問題)、可用(容易學習,易于使用)、愉快的(空狀態是創建愉快的絕好機會,個性化的設計點)

如何設計一個理想的“空狀態”?(創造性/可能性)

1、避免死角

用戶在使用一個產品 完成一個從未用過的功能,不能讓用戶進入死胡同,造成額外和不必要的錯誤。

沒有示例 – 只有一個死胡同。

通過引導用戶沿著箭頭將使其開始的動作,來減少摩擦。

2、保持“空狀態”視覺上是簡單的

一個偉大的空狀態設計的美麗是它的簡單。您應該使用極簡設計方法,以便將最重要的內容放在最前面,并盡可能減少干擾。文案的精心描寫與恰當的視覺結合。

3、要直觀

不要忘記,“空狀態”不僅僅是視覺美學。他們還應該幫助用戶理解上下文。即使它只是一個臨時的步驟,您應該為用戶最大化其傳遞價值,并提供如何將“空狀態”更改為“活動狀態”的說明。

要告訴用戶:當前頁面是什么?改如何獲得?

4、鼓勵用戶執行

說服用戶盡快做某事,提現好處+引導操作

Facebook Messenger的安裝屏幕。當用戶到達此屏幕時,他們會受到鼓勵 – 屏幕讓用戶知道產品的優點(用戶可以使用Messenger拍照或錄制視頻),并告訴他們有多少Facebook的朋友已經在使用該應用程序。“安裝”按鈕引導用戶進行清除空狀態所需的下一步。用戶根本沒有其他選擇,只需觸摸安裝。

5、如果可能,提供個性化內容

當您為用戶個性化您的應用時,您會更快地展示您的產品的價值。個性化的主要目標是提供符合特定用戶需求或興趣的內容,而不需要目標用戶的努力。請考慮提供初始內容,以便用戶立即瀏覽您的應用。

例如,書閱讀應用,首次打開為用戶提供幾本書。讓用戶更快的了解你的軟件,體驗看書的方式。

6、情感進入

空狀態可以幫助您顯示您的業務或產品的人性化方面。積極的情緒刺激可以建立與用戶的互動感。什么樣的感覺,你的空狀態傳達,取決于你的應用程序的目的。

要避免錯誤的情感傳達,盡量避免和用戶情感沖突。下圖的情感視覺太過興奮,情感表達錯誤。

下圖是關于加載錯誤的“空狀態”,情感表達準確。

7、介紹成功狀態

第一次用戶完成重要任務的時刻是您創建他們與您的產品之間積極情感聯系的絕佳機會。讓您的用戶知道,他們做得很好,承認他們的進步,慶祝成功與用戶。

成功狀態是一個驚人的機會,祝賀用戶完成的工作,并提示他們新的互動。

例如,在蘋果市場中的應用Writeupp,清除任務列表肯定是用戶的一個積極的成就。應用程序提供祝賀,“做得好!”作為積極的加固。這種成功狀態令用戶滿意,并提供了繼續使用的后續步驟。

總結

你的“空狀態”不應該是空的。不要讓用戶在第一次打開應用時面對空白屏幕。重視空狀態,因為它們不是用戶體驗的臨時或次要部分。事實上,他們與其他設計組件一樣重要,當他們剛剛注冊,讓用戶充滿了潛在的驅動、參與和喜悅。

希望大家多多交流,有問題可以及時指出。

 

作者:包子凱,一個來自草原的野生交互設計師,原華為在線交易平臺交互設計師,從事過吉利汽車,中廣核的相關設計工作。

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

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 本文主要參考國外https://www.smashingmagazine.com 上一篇文章,非原創,聲明一下!

    來自廣東 回復
  2. 文章缺少了一個點,就是品牌化的突出。這里補充下:
    八,品牌價值的展示:空狀態的情況下,可以展現品牌內容,突出品牌價值,給用戶留下更深刻的印象。

    來自廣東 回復
  3. 學習了,謝謝分享。

    回復
  4. ?? 互相學習

    來自廣東 回復