有時(shí)候設(shè)計(jì)師乃至所有參與移動(dòng)APP開(kāi)發(fā)的人員，在和APP膠著之后往往陷入了一種假想的繁忙之中，卻忘記了初始的空狀態(tài)，空狀態(tài)至關(guān)重要，空狀態(tài)決定了用戶(hù)的第一印象。

APP設(shè)計(jì)專(zhuān)業(yè)術(shù)語(yǔ)解讀之：什么是空狀態(tài)

空狀態(tài)，或稱(chēng)零數(shù)據(jù)狀態(tài)。

“空狀態(tài)”是指移動(dòng)應(yīng)用界面在沒(méi)有內(nèi)容或數(shù)據(jù)時(shí)呈現(xiàn)出的狀態(tài)。長(zhǎng)久以來(lái)，空狀態(tài)界面一直是被忽視的，因?yàn)樵O(shè)計(jì)師們通常會(huì)將全部精力集中在怎樣更好的呈現(xiàn)內(nèi)容和數(shù)據(jù)上，只有開(kāi)發(fā)人員才會(huì)比較頻繁的與這類(lèi)相對(duì)“意外”的狀態(tài)打交道。

如下圖就是比較簡(jiǎn)單的APP產(chǎn)品空狀態(tài)界面原型設(shè)計(jì)。

從這一點(diǎn)可以看出，產(chǎn)品經(jīng)理也是必須重視APP空狀態(tài)界面設(shè)計(jì)。

也正是因?yàn)檫@樣的原因，空狀態(tài)界面留給用戶(hù)的印象大體上就是晦澀難懂的文案以及缺乏視覺(jué)設(shè)計(jì)風(fēng)格。

要想打造完美的整體體驗(yàn)，作為設(shè)計(jì)師，我們不能放過(guò)任何一個(gè)用戶(hù)有可能接觸到的界面狀態(tài)。

我們基本都是在主要流程界面的設(shè)計(jì)工作完成之后才會(huì)回過(guò)頭來(lái)考慮完善一下，因?yàn)閺谋憩F(xiàn)上來(lái)看，空狀態(tài)給人的感覺(jué)就是臨時(shí)性的，有些微不足道。不要被空狀態(tài)的名字所迷惑，實(shí)際上，這個(gè)狀態(tài)在引導(dǎo)性、愉悅性和保留用戶(hù)等方面的潛質(zhì)對(duì)于產(chǎn)品體驗(yàn)在細(xì)節(jié)當(dāng)中的成敗有著不可忽視的作用。

?

空狀態(tài)通常會(huì)在初次使用、完成或清空內(nèi)容、軟件出錯(cuò)等情境下出現(xiàn)。

從產(chǎn)品體驗(yàn)的角度來(lái)，空狀態(tài)大體可以由以下三類(lèi)情況觸發(fā)：

A、產(chǎn)品初體驗(yàn)

B、成功完成目標(biāo)任務(wù)

C、出錯(cuò)、失敗

你的App在這三類(lèi)情況下的表現(xiàn)可以將用戶(hù)與產(chǎn)品的關(guān)系推向兩個(gè)方向：

用戶(hù)參與度和忠誠(chéng)度得以提升并保持穩(wěn)定

用戶(hù)暫時(shí)或永久性的放棄這款產(chǎn)品

目前很多人都喜歡第一個(gè)方向，但多數(shù)產(chǎn)品卻是在走著第二條路，這其中的決定性要素之一，就是你在空狀態(tài)這個(gè)貌似不起眼的地方花費(fèi)心思的多少。

25學(xué)堂的也可以告訴大家，空狀態(tài)界面設(shè)計(jì)也是一種提高APP留存率和轉(zhuǎn)化率的一個(gè)因子。

因?yàn)檫@個(gè)環(huán)節(jié)相對(duì)特殊，某種程度上屬于用戶(hù)引導(dǎo)機(jī)制的一部分。

1、初次使用APP ??

APP在初次加載時(shí)留給用戶(hù)的第一印象是非常重要的。你的一部分用戶(hù)也許已經(jīng)通過(guò)其他同類(lèi)產(chǎn)品建立起了心智模型及預(yù)期，他們會(huì)非常敏感的從一開(kāi)始就將你的應(yīng)用與他們已經(jīng)熟悉的那些進(jìn)行對(duì)比；而另外一些用戶(hù)可能完全沒(méi)有同類(lèi)產(chǎn)品的使用經(jīng)驗(yàn)，他們就像一張空白的花布，等待著驚喜或失望。無(wú)論哪種情況，差勁的第一印象所造成的損害都是很難彌補(bǔ)的。

所以，APP剛剛推出的時(shí)候，必須重視一些出現(xiàn)空狀態(tài)的情況的設(shè)計(jì)。盡量減少用戶(hù)對(duì)使用APP的抵觸心理。就好比我們網(wǎng)站的404錯(cuò)誤頁(yè)面。或者沒(méi)有網(wǎng)絡(luò)的情況下如何使用等。

2、沒(méi)有數(shù)據(jù)的顯示和用戶(hù)清空數(shù)據(jù)之后的顯示界面

這樣的情況，很多種創(chuàng)意的APP設(shè)計(jì)。比如郵件APP設(shè)計(jì)。

Gmail則在這種最基本的做法之上又進(jìn)了一步，他們的設(shè)計(jì)師在空收件箱頁(yè)面中放了一個(gè)微笑著的太陽(yáng)，通過(guò)對(duì)人類(lèi)情緒的模仿，為產(chǎn)品賦予了人格，使用戶(hù)從情感上感受到愉悅。而且他們?cè)谖陌傅奶幚砩弦埠苜N心：“你當(dāng)前沒(méi)有郵件要處理了，開(kāi)心的享受這一天叭！”

如果是另外一種情況，比如界面是空白的，里面啥提示和文字都沒(méi)有。這個(gè)時(shí)候用戶(hù)心理沒(méi)有得到積極的回饋。會(huì)很心慌。也很容易產(chǎn)生疑慮：我是否已經(jīng)真的清空了收件箱，還是我的網(wǎng)絡(luò)連接有問(wèn)題？或是別的什么狀況導(dǎo)致我看不到收件箱里的其他郵件？任何一點(diǎn)疑慮都會(huì)導(dǎo)致認(rèn)知上的負(fù)擔(dān)，進(jìn)而影響產(chǎn)品的整體體驗(yàn)。

3、出錯(cuò)的時(shí)候出現(xiàn)

這種情況很多見(jiàn)。也是我們APP設(shè)計(jì)師要主動(dòng)去這樣的APP空狀態(tài)界面。

“出錯(cuò)”多數(shù)是由網(wǎng)絡(luò)連接的中斷引起的?？梢栽囍谶@種情況下提供一些更有用的或是更具親和力的內(nèi)容，而不是一堆丑陋的出錯(cuò)信息。讓用戶(hù)在非常規(guī)用例中看到你的設(shè)計(jì)，他們就會(huì)感知到當(dāng)前的狀況是在可預(yù)計(jì)范圍之內(nèi)的，從而放松下來(lái)。

留意那些用戶(hù)無(wú)法獲取任何內(nèi)容的狀態(tài)，給用戶(hù)某種形式的反饋。我們進(jìn)一步將本文內(nèi)容抽象為三條簡(jiǎn)單的設(shè)計(jì)原則：

1、沒(méi)有數(shù)據(jù)時(shí)，引導(dǎo)用戶(hù)創(chuàng)建內(nèi)容。

2、思考目標(biāo)用戶(hù)在使用產(chǎn)品時(shí)的心理與目標(biāo)。

他們是否會(huì)頻繁的清空數(shù)據(jù)？如果是的話，進(jìn)行相應(yīng)的設(shè)計(jì)；你甚至可以準(zhǔn)備一些不同的空狀態(tài)內(nèi)容來(lái)隨機(jī)展示。

3、發(fā)生錯(cuò)誤時(shí)，不要讓用戶(hù)進(jìn)一步焦慮。

通過(guò)你的設(shè)計(jì)弱化用戶(hù)心中的負(fù)面感受，降低他們對(duì)壞狀況的感知。

后續(xù)，25學(xué)堂繼續(xù)跟大家分享一些比較優(yōu)秀的APP空狀態(tài)界面設(shè)計(jì)欣賞。這樣學(xué)習(xí)更加直觀。

記住：空狀態(tài)的UI設(shè)計(jì)是一個(gè)細(xì)節(jié)的設(shè)計(jì)，足夠優(yōu)秀的空狀態(tài)設(shè)計(jì)可以提高用戶(hù)的體驗(yàn)度，所以不要因?yàn)榭諣顟B(tài)屬于小細(xì)節(jié)而忽視它的作用。