空狀態(tài)頁(yè)面設(shè)計(jì)，不是一張插畫(huà)和一句文案就可以完成的。本文給大家講講，提升空狀態(tài)設(shè)計(jì)價(jià)值的五種方式。

我們做體驗(yàn)設(shè)計(jì)的時(shí)候很容易忽視空狀態(tài)設(shè)計(jì)的價(jià)值與可能性，通常用一張插畫(huà)，一句文案就完成了所有空狀態(tài)頁(yè)面的設(shè)計(jì)。

空狀態(tài)設(shè)計(jì) ≠插畫(huà)+文案

但實(shí)際上空狀態(tài)的體驗(yàn)是可以有更多可能的，首先我們要了解空狀態(tài)是指在用戶體驗(yàn)產(chǎn)品流程中出現(xiàn)的除主流程狀態(tài)反饋外沒(méi)有其他數(shù)據(jù)展示的情況，而缺少數(shù)據(jù)或內(nèi)容的原因有很多種，例如搜索無(wú)結(jié)果、無(wú)網(wǎng)絡(luò)、默認(rèn)初始無(wú)數(shù)據(jù)狀態(tài)等。

對(duì)應(yīng)不同原因分場(chǎng)景展示對(duì)應(yīng)的內(nèi)容有助于提升用戶體驗(yàn)，同時(shí)提升業(yè)務(wù)轉(zhuǎn)化。

接下來(lái)我們來(lái)康康提升空狀態(tài)設(shè)計(jì)價(jià)值的的5個(gè)方式：

1. 行動(dòng)指令引導(dǎo)用戶進(jìn)入體驗(yàn)流程

在一款產(chǎn)品的新手用戶使用流程中，經(jīng)常出現(xiàn)各類(lèi)初始無(wú)數(shù)據(jù)的空狀態(tài)場(chǎng)景，比如空著的購(gòu)物車(chē)，空著的關(guān)注列表，空著的書(shū)架等等。這時(shí)的新用戶對(duì)產(chǎn)品沒(méi)有過(guò)多了解，需要我們引導(dǎo)告知用戶接下來(lái)該做什么，讓用戶快速的進(jìn)入到產(chǎn)品使用中，減少新用戶流失。比較常見(jiàn)的做法是使用帶有“行動(dòng)性指令”文案的操作按鈕。

行動(dòng)性指令是指給用戶明確行為操作的指令，如“去使用”、“去逛逛”、“贊一個(gè)”等等，這些明確的行動(dòng)指令會(huì)比其他文案更引導(dǎo)用戶點(diǎn)擊。

滴答清單：“試試這些事情”引導(dǎo)用戶完成第一筆記錄

除了常規(guī)的操作按鈕以外，我們也可以嘗試摒棄顯而易見(jiàn)的空狀態(tài)文案提示，嘗試帶有“行動(dòng)性指令“的輕交互動(dòng)效來(lái)進(jìn)行用戶引導(dǎo)。

?抖音：動(dòng)態(tài)氣泡引導(dǎo)用戶發(fā)布第一個(gè)視頻

2. 預(yù)顯示吸引用戶注意力

在很多特定產(chǎn)品中，某些功能的使用與否直接影響整體業(yè)務(wù)運(yùn)轉(zhuǎn)，例如社交產(chǎn)品的關(guān)注功能、社區(qū)論壇類(lèi)產(chǎn)品的發(fā)帖功能等。如果用戶對(duì)于這些功能不了解或者不敢興趣，就會(huì)造成很大問(wèn)題，但大部分這些功能在初始進(jìn)入的時(shí)候都是空數(shù)據(jù)狀態(tài)。

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

我們可以試試把有趣的內(nèi)容或者功能部分直觀的外放在空狀態(tài)頁(yè)面，增強(qiáng)對(duì)用戶的吸引度。

Instagram：顯示相關(guān)用戶信息，吸引用戶關(guān)注并開(kāi)啟產(chǎn)品使用

豆瓣：用戶可滑動(dòng)查看記錄功能與格式話題卡片，吸引用戶參與感興趣的話題從而完成自己的動(dòng)態(tài)信息發(fā)布

3. “猜你喜歡”提升業(yè)務(wù)轉(zhuǎn)化

前2點(diǎn)如果還有同學(xué)覺(jué)得不過(guò)癮，我們?cè)?strong>上一波價(jià)值。商業(yè)設(shè)計(jì)考慮的核心在于業(yè)務(wù)轉(zhuǎn)化，而不同產(chǎn)品都有自己對(duì)應(yīng)業(yè)務(wù)指標(biāo)，比如電商類(lèi)產(chǎn)品有商品瀏覽率、下單率等指標(biāo)；招聘類(lèi)產(chǎn)品有簡(jiǎn)歷投遞率、面試撮合率等指標(biāo)。

如果要讓設(shè)計(jì)真正賦能業(yè)務(wù)，在空狀態(tài)的設(shè)計(jì)中我們也可以考慮加入對(duì)業(yè)務(wù)轉(zhuǎn)化有影響的體驗(yàn)?zāi)K。這些通過(guò)算法精確匹配的推薦模塊可以有效激活用戶操作，使整體用戶路徑不會(huì)輕易終止，從而提升業(yè)務(wù)指標(biāo)。

淘寶：空購(gòu)車(chē)?yán)锏摹安履阆矚g”模塊（很常見(jiàn)了）

拉勾：投遞完一個(gè)簡(jiǎn)歷后會(huì)出現(xiàn)又一波“一鍵投遞”推薦

4. IP故事線打造品牌

上完體驗(yàn)商業(yè)價(jià)值觀之后，我們?cè)賮?lái)聊聊品牌視覺(jué)的價(jià)值。大部分設(shè)計(jì)師研究缺省頁(yè)的方向都在于插畫(huà)的樣式，沒(méi)有最好看，只有更好看。但比起好看的插畫(huà)樣式，一個(gè)可以推動(dòng)產(chǎn)品建立用戶品牌心智的插畫(huà)顯然更有商業(yè)價(jià)值，因?yàn)樗層脩舾菀子涀∫豢町a(chǎn)品，并對(duì)之產(chǎn)生一定情緒記憶。

那么我們要如何利用缺省頁(yè)插畫(huà)來(lái)營(yíng)造品牌感呢？

可以試試用IP來(lái)講故事，而故事的表演主會(huì)場(chǎng)就是空狀態(tài)頁(yè)面，讓每個(gè)獨(dú)立的空狀態(tài)頁(yè)插畫(huà)都是一個(gè)連續(xù)故事中一個(gè)畫(huà)面，激發(fā)用戶使用產(chǎn)品的好奇心，同時(shí)讓IP品牌的形象深入人心。

?多面-對(duì)標(biāo)職場(chǎng)新人的產(chǎn)品：IP-Domi與他的朋友們-職場(chǎng)新人們的小友誼故事

5. 全屏化創(chuàng)意帶給用戶驚喜

無(wú)論是阿里的五度模型還是Google的heart模型，都有一條基于用戶感官感受的標(biāo)準(zhǔn)就是“愉悅度”/“滿意度”，因此我們才總談交互體驗(yàn)設(shè)計(jì)如何給用戶帶來(lái)驚喜，因?yàn)轶@喜是情緒中最極致的愉悅與滿足。

如何在小小的缺省頁(yè)里也能給用戶帶來(lái)驚喜而不是平淡無(wú)奇呢？

我們可以試著在大屏/折疊屏的終端演變趨勢(shì)下，將空狀態(tài)頁(yè)的設(shè)計(jì)思路拓展到全屏化。

與普通的空狀態(tài)設(shè)計(jì)相比，全屏場(chǎng)景化不拘泥與小框的限制，把整個(gè)空狀態(tài)頁(yè)都當(dāng)做一個(gè)場(chǎng)景畫(huà)布布局內(nèi)容，配備細(xì)節(jié)創(chuàng)新有趣的文案，可以為用戶帶來(lái)足量驚喜與視覺(jué)沖擊。

?貓呼：暫無(wú)好友消息空狀態(tài)

?阿里家的“躺平”：暫時(shí)收藏空狀態(tài)

小結(jié)一下

“再小的細(xì)節(jié)也可以創(chuàng)造價(jià)值。”

其實(shí)在用戶體驗(yàn)設(shè)計(jì)的每一個(gè)細(xì)小環(huán)節(jié)，哪怕是空狀態(tài)這樣的小頁(yè)面，都是可能創(chuàng)造設(shè)計(jì)價(jià)值的。因此我們除了每日沉浸在日常業(yè)務(wù)需求的畫(huà)圖海中，也要學(xué)會(huì)抽離自己發(fā)現(xiàn)更多設(shè)計(jì)自驅(qū)提升的小點(diǎn)做一些推進(jìn)，養(yǎng)成關(guān)注細(xì)節(jié)、善于自驅(qū)的習(xí)慣會(huì)對(duì)在座的職業(yè)晉升及錢(qián)兜子都帶來(lái)巨大的力量~hiahia

作者：Nana，滴滴資深UX設(shè)計(jì)師，微信公眾號(hào)「Nana的設(shè)計(jì)錦囊」

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

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