藍(lán)藍(lán)設(shè)計( m.cqzjtgb.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點這里

空狀態(tài)，或稱零數(shù)據(jù)狀態(tài)，很多時候不太招設(shè)計師的待見。我們基本都是在主要流程界面的設(shè)計工作完成之后才會回過頭來考慮完善一下，因為從表現(xiàn)上來看，空狀態(tài)給人的感覺就是臨時性的，有些微不足道。不要被空狀態(tài)的名字所迷惑，實際上，這個狀態(tài)在引導(dǎo)性、愉悅性和保留用戶等方面的潛質(zhì)對于產(chǎn)品體驗在細(xì)節(jié)當(dāng)中的成敗有著不可忽視的作用。

空狀態(tài)通常會在初次使用、完成或清空內(nèi)容、軟件出錯等情境下出現(xiàn)。從產(chǎn)品體驗的角度來，空狀態(tài)大體可以由以下三類情況觸發(fā)：

• 產(chǎn)品初體驗
• 成功完成目標(biāo)任務(wù)
• 出錯、失敗

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

• 用戶參與度和忠誠度得以提升并保持穩(wěn)定
• 用戶暫時或永久性的放棄這款產(chǎn)品

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

初體驗

我們設(shè)計出一系列美輪美奐的UI稿，里面的范例內(nèi)容和圖片可能都是精挑細(xì)選過的。但對于實際產(chǎn)品，最首要的一點，恐怕是確保用戶在什么內(nèi)容都還沒有的情況下能停留足夠長的時間，并通過足夠多的操作行為來體驗?zāi)愕脑O(shè)計。

用戶的天性是變化莫測的，尤其是在與產(chǎn)品初次互動的短暫時間內(nèi)。

最近，Quettra收集并分析了一億兩千五百萬移動設(shè)備用戶的App留存率狀況，研究結(jié)果有些令人擔(dān)心。

平均下來，App在被下載之后的頭3天時間里，日活躍用戶（DAU）數(shù)量下降了77個百分點。30天內(nèi)，下降比例達(dá)到80%。

如此低的存留率是怎樣造成的？粗制濫造、沒有實際使用必要的App太多了嗎？這確實是原因之一，但不是全部。

“用戶會嘗試多個同類App，然后在接下來的3到7天內(nèi)決定其中的哪些不合適。對于「像樣的」App，一旦用戶決定保留超過7天，那么將會比較長久的存留下去。成功的關(guān)鍵在于怎樣使產(chǎn)品在這3到7天當(dāng)中保持與用戶的良好互動?！?Ankit Jain – Quettra

雖然是針對移動App的研究數(shù)據(jù)，但在桌面客戶端和Web方面，結(jié)果也是類似的。

不妨問自己一個問題：如果我們知道用戶在接下來的一周時間里隨時都可能找到什么理由而放棄我們的產(chǎn)品，那么在這段初體驗周期當(dāng)中，我們有沒有可能通過空狀態(tài)體驗的優(yōu)化來提升用戶的參與感以及脆弱的忠誠度，將互動體驗推往好的方向，最終熬過這段危險期呢？

空狀態(tài)的設(shè)計

不妨先將注意力集中在產(chǎn)品初次體驗流程當(dāng)中的空狀態(tài)上，因為這個環(huán)節(jié)相對特殊，某種程度上屬于用戶引導(dǎo)機(jī)制的一部分。在這個場景下，空狀態(tài)界面應(yīng)該實現(xiàn)以下幾點目標(biāo)：

1. 用戶教育與產(chǎn)品說明

在初體驗流程中，空狀態(tài)的首要目標(biāo)就是教育引導(dǎo)用戶，幫助他們快速了解首要功能和操作方式，避免一上手就產(chǎn)生迷茫無助的負(fù)面情緒。

通過初次體驗流程當(dāng)中的空狀態(tài)界面告知用戶會發(fā)生什么，幫助他們建立預(yù)期。當(dāng)然，很多時候你的App引導(dǎo)頁就是用來做這個的，但現(xiàn)實是用戶通常會不耐煩的跳過引導(dǎo)頁，即便有心去看也難以在真正進(jìn)入App環(huán)境之前記得各種特色功能和操作。所以，強(qiáng)烈建議各位將初次使用的空狀態(tài)視為產(chǎn)品初體驗當(dāng)中的一個重要組成部分來看待。

好的空狀態(tài)設(shè)計可以體現(xiàn)出以下幾個方面的信息：

• 是什么：對界面中的功能或信息進(jìn)行描述。
• 在哪里：告訴用戶他現(xiàn)在位于體驗流程的起點或其他特定的位置。
• 何時：暗示用戶內(nèi)容的循環(huán)機(jī)制，讓他們知道怎樣的行為會產(chǎn)生內(nèi)容。

通?？梢酝ㄟ^兩種方式傳達(dá)這些信息，要么是言簡意賅的文案，要么是通過示例內(nèi)容告知用戶這里產(chǎn)生了數(shù)據(jù)之后會是怎樣的形式，為其建立更直觀的預(yù)期。不管哪種方式，都要提供必要的引導(dǎo)信息，讓用戶知道要達(dá)成這樣的內(nèi)容狀態(tài)需要以怎樣的操作為始。

2. 差異化與正面情緒

教育引導(dǎo)只是推動產(chǎn)品與用戶進(jìn)行溝通的方式之一，用戶做出要不要花費時間去探索一下產(chǎn)品的決定只是一瞬間的事，初次體驗流程當(dāng)中的任何一點細(xì)節(jié)都會影響到用戶那缺乏耐心而且并非那么理性的決策。

良好的第一印象是由多方面因素構(gòu)成的，可用性只是其中的一部分。在產(chǎn)品的個性化、情感化等方面，嘗試考慮：

• 能否在空狀態(tài)下呈現(xiàn)一些形式新穎、超出預(yù)期但仍與產(chǎn)品概念相關(guān)的內(nèi)容？
• 能否通過恰當(dāng)?shù)男问讲┯脩粢恍Γ?
• 能否通過恰當(dāng)?shù)男问絺鬟_(dá)出品牌定位、格調(diào)、特質(zhì)？

正如我們在前文中看到的研究報告所述，App時代，遍地是免費的產(chǎn)品或是低價的優(yōu)質(zhì)產(chǎn)品，用戶往往會在若干同類產(chǎn)品中快速探索和比較。怎樣確保自己的App能脫穎而出呢？雖然聽上去是小事一樁，但如果真能做到在初體驗空狀態(tài)下展示一些不同的東西，那么其實是在告訴用戶，你的App帶來的整個產(chǎn)品體驗是與眾不同的。

不妨花些時間看看競品或其他同類產(chǎn)品在這方面是怎么做的，試著在這些方面做的比他們更出色些：

• 品牌：通過恰當(dāng)?shù)姆绞綇?qiáng)化品牌元素的呈現(xiàn)。
• 差異：通過有意義的方式展示設(shè)計創(chuàng)意，體現(xiàn)專業(yè)和幽默色彩，創(chuàng)造正面情緒環(huán)境。
• 人性：展現(xiàn)你家產(chǎn)品或業(yè)務(wù)的人性化、個性化。

在愉悅性這個方面，你的目標(biāo)就是以恰當(dāng)?shù)姆绞揭l(fā)用戶的正面情緒，使用戶在最短的時間內(nèi)感受到產(chǎn)品的差異化。

3. 操作引導(dǎo)

我們已經(jīng)了解了第一印象的重要性，特別是在用戶那短暫且非理性的評估時間當(dāng)中。但能否達(dá)到真正的成功，還是要看你能不能通過空狀態(tài)引發(fā)用戶填充空白的欲望，引導(dǎo)他們進(jìn)入實際的操作流程。

可以將空狀態(tài)界面設(shè)想成某種landing page，在保持最小化設(shè)計原則的同時，構(gòu)造場景氛圍，通過必要的文字說明功能特色，然后使用一目了然的視覺元素引導(dǎo)用戶進(jìn)入使用流程。

具有強(qiáng)引導(dǎo)性的空狀態(tài)界面可以包含以下三方面的組成要素：

• 激發(fā)：使用具有激發(fā)性的語言或圖形元素，例如“讓我們開始吧！”等等。所謂的激發(fā)性要符合產(chǎn)品的目標(biāo)用戶特質(zhì)，而不是隨意喊出一套慫恿之詞。
• 說服：言簡意賅的闡述價值主張，讓用戶知道與產(chǎn)品進(jìn)行互動之后將得到怎樣的收益。
• 引導(dǎo)：一目了然的提供功能入口，使用顯而易見的CTA（Call To Action）元素，或是通過某種視覺元素將用戶的注意力引導(dǎo)到CTA元素。如果沒有特別的需求，那么只在這里提供一個最核心的功能入口，不要讓用戶花費時間去思考和選擇。CTA元素要具有良好的交互性，包括外觀和點擊區(qū)域等等都要考慮到。

“很多時候，人們放棄一款產(chǎn)品的原因其實都是我們可控的，例如他們無法一目了然的看出與你的App產(chǎn)生互動之后能給他們帶來什么好處?！?– Patrick Mckenzie

小結(jié)

我們?nèi)粘５亩鄶?shù)設(shè)計工作都集中在那些充滿了各種數(shù)據(jù)內(nèi)容與功能，需要仔細(xì)權(quán)衡布局的界面上，這也是界面設(shè)計最具挑戰(zhàn)性、最令人興奮的地方。但是想想看，對于很多類型的產(chǎn)品來說，在界面與用戶之間實際上還隔著一層空狀態(tài) – 能否讓這個狀態(tài)更好的起到承接作用，讓用戶真正進(jìn)入體驗流程？這件事是值得我們投入更多時間精力去關(guān)注的。