最好的「空狀態(tài)」頁面設(shè)計，要讓用戶感受不到它的存在，像一個方向?qū)Ш絻x，有效引導(dǎo)用戶很順暢的繼續(xù)體驗流程，激活用戶對業(yè)務(wù)的轉(zhuǎn)化提升業(yè)務(wù)指標(biāo)。

對于空狀態(tài)頁面，我們做體驗設(shè)計的時候，很容易造成一種既定的心里預(yù)期就是：忽略空狀態(tài)的重要性，覺得它就是一個簡單的“什么都沒有”的提示，認(rèn)為它的價值也和它的名字一樣空無意義。

其實不然，在做設(shè)計的時候，空狀態(tài)的設(shè)計往往更能抓住用戶心理。

那么首先我們就要了解它是什么？什么時候會出現(xiàn)？對應(yīng)不同場景體驗中，如何賦予它更高的價值？

一、什么是空狀態(tài)？

空狀態(tài)是指：在用戶使用產(chǎn)品中出現(xiàn)的沒有數(shù)據(jù)時的頁面展示。

比如沒有關(guān)注的人、沒有發(fā)布任何內(nèi)容、沒有收藏和喜歡、購物車為空 、搜索結(jié)果為空、無網(wǎng)絡(luò)等等這些頁面就是所謂的“空狀態(tài)”

二、什么時候會出現(xiàn)空狀態(tài)？

• 初次使用（出現(xiàn)最多）：app第一次使用時 。（什么操作都沒有）
• 異常、錯誤等結(jié)果提示：進(jìn)程中某些錯誤、失敗，無法操作（如：搜索無結(jié)果，推薦熱門搜索、歷史搜索…）
• 用戶清除：清空數(shù)據(jù)后 （明確知道自己做了什么，重點是給予結(jié)果性的反饋即可。）

三、如何設(shè)計空狀態(tài)更有價值？

對于新手來說，認(rèn)為空狀態(tài)只是一個簡單的告知。用一個簡單的小圖標(biāo)加上說明文字就搞定了，用戶接受到信息之后，能做的事情好像就只有接受這個提示而已。

那用戶得到了這個告知，然后該干嘛呢？在這里就遇到了阻礙。

在這個空狀態(tài)的體驗中，只能無能為力的被動接受一個告知，心情好時，可能會返回再去看其他的功能；心情不好時，可能就直接點擊關(guān)閉離開，造成用戶的流失。

這種感覺就像是我選了一條路走，走到一條河的面前，你告訴我這個河太寬了你過不去，這條路從這里中斷，得回頭再去看看別的路。

好煩，是不是。

你想說，我都走了一半了，現(xiàn)在進(jìn)行不下去了，那么我前面走的那些路都白走了，除了回頭重新走的打路，就不能解決這些阻礙，讓我繼續(xù)前進(jìn)嗎？比如給我座橋、或者給我支船，讓我一條路順利的繼續(xù)走下去。

這個搭座橋建只船的行為，就是提升空狀態(tài)的價值，給它賦予更多能力的可能性。給用戶一條順暢連貫的使用體驗的同時，提升業(yè)務(wù)的轉(zhuǎn)化。

那我們應(yīng)該怎么來搭建這座橋，提升空頁面的價值，主要有5個方法：①使用操作指引；②使用系統(tǒng)推薦、猜你喜歡；③使用緩存；④情感化表達(dá)；⑤提供新的任務(wù)（驚喜、創(chuàng)新）。

1. 利用操作指引，教育用戶進(jìn)入新手使用流程（常適用于：第一次使用）

對于工具類、UGC類產(chǎn)品，新手用戶初次使用時，通常都會出現(xiàn)初始無數(shù)據(jù)的空狀態(tài)場景，比如空著的工作任務(wù)、空著的動態(tài)、空著的作品列表、空著的文章等等。

這種初始化狀態(tài)，沒有任何內(nèi)容，所以：需要用戶進(jìn)行某種操作才能產(chǎn)生內(nèi)容的界面。

而這時的新用戶是個小白，對產(chǎn)品沒有過多了解，需要我們教用戶接下來該做什么，讓用戶快速的進(jìn)入到產(chǎn)品創(chuàng)造生產(chǎn)中，減少新用戶流失。

解決方法：設(shè)計帶有“行動性指令”文案的操作按鈕、或者嘗試帶有“行動性指令“的交互動效，讓用戶創(chuàng)造內(nèi)容。

豆瓣：利用可滑動的卡片交互形式，吸引用戶參與感興趣的話題，促成動態(tài)內(nèi)容的發(fā)布。

釘釘：排列出可以做的任務(wù)主題，讓用戶可以“立即開始”。

小紅書：微動效氣泡引導(dǎo)用戶“發(fā)布你的第一篇筆記”。

2. 系統(tǒng)推薦（猜你喜歡）:留存用戶，引流、提升業(yè)務(wù)轉(zhuǎn)化（常適用于：第一次使用）

對于一些內(nèi)容信息瀏覽頁面來說，某些功能的使用與否直接影響整體業(yè)務(wù)運(yùn)轉(zhuǎn)，例如社交產(chǎn)品的關(guān)注功能、電商類產(chǎn)品的購物車、收藏功能等。這些功能在初始進(jìn)入的時候都是空數(shù)據(jù)狀態(tài)，然而商業(yè)產(chǎn)品對于這些數(shù)據(jù)通常都會是很重要的業(yè)務(wù)指標(biāo)，比如電商類產(chǎn)品的商品瀏覽量、下單率等；比如社交產(chǎn)品的關(guān)注人數(shù)、點播量、點贊量等指標(biāo)；再比如對信息進(jìn)行搜索，無法獲取數(shù)據(jù)時，產(chǎn)生的無結(jié)果空數(shù)據(jù)時，如何解決用戶當(dāng)時的心理需求？

那么該如何在“空”的狀態(tài)下抓住用戶的注意力，讓他們開始感興趣呢？

解決方法：利用系統(tǒng)推薦，把有趣的內(nèi)容或者功能部分直觀的展示在空狀態(tài)頁面，增加曝光率，吸引用戶。也可以通過智能匹配同類項展示，比如關(guān)鍵字相似搜索結(jié)果、熱門搜索等。

小米有品：空的購物車?yán)锏摹盀槟阃扑]”

陌陌：沒有關(guān)注時，為你推薦優(yōu)質(zhì)用戶及內(nèi)容，吸引觀看并關(guān)注

網(wǎng)易云音樂：沒有關(guān)注時，推薦你可能感興趣的人

多點：搜索無結(jié)果時，推薦“熱賣商品”

3. 使用緩存（適用于：錯誤提示無網(wǎng)絡(luò)）

無網(wǎng)絡(luò)是一種很特殊的空狀態(tài)，最投機(jī)取巧而且效果極好的處理方法，就是“使用緩存”，把之前加載好的頁面內(nèi)容存儲下來，再次進(jìn)入時先展示這部分內(nèi)容。

頭條：沒有網(wǎng)絡(luò)連接，可以看歷史緩存視頻

網(wǎng)易云音樂：無可用網(wǎng)絡(luò)，你可以播放已下載的音樂

4. 情感化設(shè)計（適用于：第一次使用、用戶清除、出現(xiàn)錯誤）

空界面在某些時候是無法避免其只是一種告知的簡單存在，那我們是否還有辦法讓它變得有價值？

有。解決方法：品牌視覺的價值。

大部分設(shè)計師通常最容易想到的就是插圖+文案的樣式，那我們完全可以在插圖上來想辦法，比起好看的插圖，利用品牌IP形象并賦予“個性”，更容易讓人產(chǎn)生記憶點，并對之產(chǎn)生一定情緒記憶。

用IP來講故事，每一個空狀態(tài)的場景都是故事的一個展現(xiàn)，聯(lián)結(jié)產(chǎn)品、服務(wù)的功能和獨特的個性，傳達(dá)產(chǎn)品品牌的價值觀，讓用戶產(chǎn)生愉悅感，更加能記住你的產(chǎn)品。

躺平：設(shè)計特別符合產(chǎn)品的IP形象，賦予性格和情緒來設(shè)計空狀態(tài)（超喜歡這個又懶又屌絲的小人兒人設(shè)，看看這完全就是宅家最真實的你…）

5. 驚喜，新的任務(wù)（常適用于：出現(xiàn)錯誤）

人是情緒化的動物，用戶體驗就是要讓用戶爽，爽就是要“愉悅、滿意”，因此我們才總談產(chǎn)品如何可以給用戶帶來驚喜，因為驚喜是情緒中最極致的愉悅與滿足。

如何在信息如此少的缺省頁里，給用戶帶來驚喜，發(fā)出驚奇的“咦”的一聲感慨呢？

解決方法：創(chuàng)造新的任務(wù)給用戶的負(fù)面情緒變?yōu)橐馔獾捏@喜，比如：小游戲、公益、好看好玩的視頻動畫、音樂……

內(nèi)容清空時，出現(xiàn)一個可以玩耍的交互小游戲，將用戶的負(fù)面情緒變成意外的驚喜。

頁面被刪除時，公益尋人啟事，提升頁面價值

小結(jié)一下

最好的「空狀態(tài)」頁面設(shè)計，要讓用戶感受不到它的存在，像一個方向?qū)Ш絻x，有效引導(dǎo)用戶很順暢的繼續(xù)體驗流程，激活用戶對業(yè)務(wù)的轉(zhuǎn)化提升業(yè)務(wù)指標(biāo)。

用戶體驗就是從細(xì)節(jié)上去優(yōu)化提升產(chǎn)品的使用感受，每一個細(xì)小環(huán)節(jié)，都可能創(chuàng)造設(shè)計價值。

作者：早鴨同學(xué)；公眾號：早鴨同學(xué)

本文由 @早鴨同學(xué) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議