此篇是海淘科技編者，為大家提供，app頁(yè)面設(shè)計(jì)中 “如何設(shè)計(jì)一個(gè)理想的「空狀態(tài)”文章。詳情請(qǐng)看下面。

重視空狀態(tài)，因?yàn)樗鼈儾皇怯脩趔w驗(yàn)的臨時(shí)或次要部分。

什么是“空狀態(tài)”？

頁(yè)面內(nèi)容為空時(shí)，我們把它稱為“空狀態(tài)”，也就是說(shuō)應(yīng)用程序沒(méi)有用戶內(nèi)容的那些時(shí)刻。即使指引只有一個(gè)步驟，也會(huì)讓用戶放心的使用。

目的

• 確保用戶首次使用不會(huì)刪除應(yīng)用
• 告知用戶如何完成核心任務(wù)
• 首次引導(dǎo)要吸引用戶，成功完成任務(wù)
• 新人使用期間，“空狀態(tài)”的價(jià)值

在使用一個(gè)新的東西或者功能時(shí)，我們要利用屏幕來(lái)教育吸引用戶，把一無(wú)所有的頁(yè)面，變得飽滿。

設(shè)置要發(fā)生的事情的期望。一般是文字+視覺(jué)的表達(dá)。

創(chuàng)建愉快的用戶體驗(yàn)：功能(解決用戶問(wèn)題)、可用(容易學(xué)習(xí)，易于使用)、愉快的(空狀態(tài)是創(chuàng)建愉快的絕好機(jī)會(huì)，個(gè)性化的設(shè)計(jì)點(diǎn))

如何設(shè)計(jì)一個(gè)理想的“空狀態(tài)”?(創(chuàng)造性/可能性)

1、避免死角

用戶在使用一個(gè)產(chǎn)品 完成一個(gè)從未用過(guò)的功能，不能讓用戶進(jìn)入死胡同，造成額外和不必要的錯(cuò)誤。沒(méi)有示例 – 只有一個(gè)死胡同。

通過(guò)引導(dǎo)用戶沿著箭頭將使其開(kāi)始的動(dòng)作，來(lái)減少摩擦。

2、保持“空狀態(tài)”視覺(jué)上是簡(jiǎn)單的

一個(gè)偉大的空狀態(tài)設(shè)計(jì)的美麗是它的簡(jiǎn)單。您應(yīng)該使用極簡(jiǎn)設(shè)計(jì)方法，以便將最重要的內(nèi)容放在最前面，并盡可能減少干擾。文案的精心描寫(xiě)與恰當(dāng)?shù)囊曈X(jué)結(jié)合。

3、要直觀

不要忘記，“空狀態(tài)”不僅僅是視覺(jué)美學(xué)。他們還應(yīng)該幫助用戶理解上下文。即使它只是一個(gè)臨時(shí)的步驟，您應(yīng)該為用戶最大化其傳遞價(jià)值，并提供如何將“空狀態(tài)”更改為“活動(dòng)狀態(tài)”的說(shuō)明。

要告訴用戶：當(dāng)前頁(yè)面是什么？改如何獲得？

4、鼓勵(lì)用戶執(zhí)行

說(shuō)服用戶盡快做某事，提現(xiàn)好處+引導(dǎo)操作

Facebook Messenger的安裝屏幕。當(dāng)用戶到達(dá)此屏幕時(shí)，他們會(huì)受到鼓勵(lì) – 屏幕讓用戶知道產(chǎn)品的優(yōu)點(diǎn)(用戶可以使用Messenger拍照或錄制視頻)，并告訴他們有多少Facebook的朋友已經(jīng)在使用該應(yīng)用程序?！鞍惭b”按鈕引導(dǎo)用戶進(jìn)行清除空狀態(tài)所需的下一步。用戶根本沒(méi)有其他選擇，只需觸摸安裝。

5、如果可能，提供個(gè)性化內(nèi)容

當(dāng)您為用戶個(gè)性化您的應(yīng)用時(shí)，您會(huì)更快地展示您的產(chǎn)品的價(jià)值。個(gè)性化的主要目標(biāo)是提供符合特定用戶需求或興趣的內(nèi)容，而不需要目標(biāo)用戶的努力。請(qǐng)考慮提供初始內(nèi)容，以便用戶立即瀏覽您的應(yīng)用。

例如，書(shū)閱讀應(yīng)用，首次打開(kāi)為用戶提供幾本書(shū)。讓用戶更快的了解你的軟件，體驗(yàn)看書(shū)的方式。

6、情感進(jìn)入

空狀態(tài)可以幫助您顯示您的業(yè)務(wù)或產(chǎn)品的人性化方面。積極的情緒刺激可以建立與用戶的互動(dòng)感。什么樣的感覺(jué)，你的空狀態(tài)傳達(dá)，取決于你的應(yīng)用程序的目的。要避免錯(cuò)誤的情感傳達(dá)，盡量避免和用戶情感沖突。下圖的情感視覺(jué)太過(guò)興奮，情感表達(dá)錯(cuò)誤。

下圖是關(guān)于加載錯(cuò)誤的“空狀態(tài)”，情感表達(dá)準(zhǔn)確。

7、介紹成功狀態(tài)

第一次用戶完成重要任務(wù)的時(shí)刻是您創(chuàng)建他們與您的產(chǎn)品之間積極情感聯(lián)系的絕佳機(jī)會(huì)。讓您的用戶知道，他們做得很好，承認(rèn)他們的進(jìn)步，慶祝成功與用戶。成功狀態(tài)是一個(gè)驚人的機(jī)會(huì)，祝賀用戶完成的工作，并提示他們新的互動(dòng)。例如，在蘋(píng)果市場(chǎng)中的應(yīng)用Writeupp，清除任務(wù)列表肯定是用戶的一個(gè)積極的成就。應(yīng)用程序提供祝賀，“做得好!”作為積極的加固。這種成功狀態(tài)令用戶滿意，并提供了繼續(xù)使用的后續(xù)步驟。

總結(jié)

你的“空狀態(tài)”不應(yīng)該是空的。不要讓用戶在第一次打開(kāi)應(yīng)用時(shí)面對(duì)空白屏幕。重視空狀態(tài)，因?yàn)樗鼈儾皇怯脩趔w驗(yàn)的臨時(shí)或次要部分。事實(shí)上，他們與其他設(shè)計(jì)組件一樣重要，當(dāng)他們剛剛注冊(cè)，讓用戶充滿了潛在的驅(qū)動(dòng)、參與和喜悅。

想看更多的app設(shè)計(jì)資訊，可直擊點(diǎn)擊跳轉(zhuǎn)，找app開(kāi)發(fā)服務(wù)、app設(shè)計(jì)服務(wù)可直接聯(lián)系海淘科技客服。