如何設(shè)計一個理想的「空狀態(tài)」?
重視空狀態(tài),因為它們不是用戶體驗的臨時或次要部分。
什么是“空狀態(tài)”?
頁面內(nèi)容為空時,我們把它稱為“空狀態(tài)”,也就是說應(yīng)用程序沒有用戶內(nèi)容的那些時刻。即使指引只有一個步驟,也會讓用戶放心的使用。
目的
- 確保用戶首次使用不會刪除應(yīng)用
- 告知用戶如何完成核心任務(wù)
- 首次引導(dǎo)要吸引用戶,成功完成任務(wù)
新人使用期間,“空狀態(tài)”的價值
- 在使用一個新的東西或者功能時,我們要利用屏幕來教育吸引用戶,把一無所有的頁面,變得飽滿。
- 設(shè)置要發(fā)生的事情的期望。一般是文字+視覺的表達。
創(chuàng)建愉快的用戶體驗:功能(解決用戶問題)、可用(容易學(xué)習(xí),易于使用)、愉快的(空狀態(tài)是創(chuàng)建愉快的絕好機會,個性化的設(shè)計點)
如何設(shè)計一個理想的“空狀態(tài)”?(創(chuàng)造性/可能性)
1、避免死角
用戶在使用一個產(chǎn)品 完成一個從未用過的功能,不能讓用戶進入死胡同,造成額外和不必要的錯誤。
沒有示例 – 只有一個死胡同。
通過引導(dǎo)用戶沿著箭頭將使其開始的動作,來減少摩擦。
2、保持“空狀態(tài)”視覺上是簡單的
一個偉大的空狀態(tài)設(shè)計的美麗是它的簡單。您應(yīng)該使用極簡設(shè)計方法,以便將最重要的內(nèi)容放在最前面,并盡可能減少干擾。文案的精心描寫與恰當(dāng)?shù)囊曈X結(jié)合。
3、要直觀
不要忘記,“空狀態(tài)”不僅僅是視覺美學(xué)。他們還應(yīng)該幫助用戶理解上下文。即使它只是一個臨時的步驟,您應(yīng)該為用戶最大化其傳遞價值,并提供如何將“空狀態(tài)”更改為“活動狀態(tài)”的說明。
要告訴用戶:當(dāng)前頁面是什么?改如何獲得?
4、鼓勵用戶執(zhí)行
說服用戶盡快做某事,提現(xiàn)好處+引導(dǎo)操作
Facebook Messenger的安裝屏幕。當(dāng)用戶到達此屏幕時,他們會受到鼓勵 – 屏幕讓用戶知道產(chǎn)品的優(yōu)點(用戶可以使用Messenger拍照或錄制視頻),并告訴他們有多少Facebook的朋友已經(jīng)在使用該應(yīng)用程序?!鞍惭b”按鈕引導(dǎo)用戶進行清除空狀態(tài)所需的下一步。用戶根本沒有其他選擇,只需觸摸安裝。
5、如果可能,提供個性化內(nèi)容
當(dāng)您為用戶個性化您的應(yīng)用時,您會更快地展示您的產(chǎn)品的價值。個性化的主要目標(biāo)是提供符合特定用戶需求或興趣的內(nèi)容,而不需要目標(biāo)用戶的努力。請考慮提供初始內(nèi)容,以便用戶立即瀏覽您的應(yīng)用。
例如,書閱讀應(yīng)用,首次打開為用戶提供幾本書。讓用戶更快的了解你的軟件,體驗看書的方式。
6、情感進入
空狀態(tài)可以幫助您顯示您的業(yè)務(wù)或產(chǎn)品的人性化方面。積極的情緒刺激可以建立與用戶的互動感。什么樣的感覺,你的空狀態(tài)傳達,取決于你的應(yīng)用程序的目的。
要避免錯誤的情感傳達,盡量避免和用戶情感沖突。下圖的情感視覺太過興奮,情感表達錯誤。
下圖是關(guān)于加載錯誤的“空狀態(tài)”,情感表達準確。
7、介紹成功狀態(tài)
第一次用戶完成重要任務(wù)的時刻是您創(chuàng)建他們與您的產(chǎn)品之間積極情感聯(lián)系的絕佳機會。讓您的用戶知道,他們做得很好,承認他們的進步,慶祝成功與用戶。
成功狀態(tài)是一個驚人的機會,祝賀用戶完成的工作,并提示他們新的互動。
例如,在蘋果市場中的應(yīng)用Writeupp,清除任務(wù)列表肯定是用戶的一個積極的成就。應(yīng)用程序提供祝賀,“做得好!”作為積極的加固。這種成功狀態(tài)令用戶滿意,并提供了繼續(xù)使用的后續(xù)步驟。
總結(jié)
你的“空狀態(tài)”不應(yīng)該是空的。不要讓用戶在第一次打開應(yīng)用時面對空白屏幕。重視空狀態(tài),因為它們不是用戶體驗的臨時或次要部分。事實上,他們與其他設(shè)計組件一樣重要,當(dāng)他們剛剛注冊,讓用戶充滿了潛在的驅(qū)動、參與和喜悅。
希望大家多多交流,有問題可以及時指出。
作者:包子凱,一個來自草原的野生交互設(shè)計師,原華為在線交易平臺交互設(shè)計師,從事過吉利汽車,中廣核的相關(guān)設(shè)計工作。
本文由 @包子凱 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
本文主要參考國外https://www.smashingmagazine.com 上一篇文章,非原創(chuàng),聲明一下!
文章缺少了一個點,就是品牌化的突出。這里補充下:
八,品牌價值的展示:空狀態(tài)的情況下,可以展現(xiàn)品牌內(nèi)容,突出品牌價值,給用戶留下更深刻的印象。
學(xué)習(xí)了,謝謝分享。
?? 互相學(xué)習(xí)