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

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

空狀態(tài)設計 ≠插畫+文案

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

對應不同原因分場景展示對應的內容有助于提升用戶體驗，同時提升業(yè)務轉化。

接下來我們來康康提升空狀態(tài)設計價值的的5個方式：

1. 行動指令引導用戶進入體驗流程

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

行動性指令是指給用戶明確行為操作的指令，如“去使用”、“去逛逛”、“贊一個”等等，這些明確的行動指令會比其他文案更引導用戶點擊。

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

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

?抖音：動態(tài)氣泡引導用戶發(fā)布第一個視頻

2. 預顯示吸引用戶注意力

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

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

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

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

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

3. “猜你喜歡”提升業(yè)務轉化

前2點如果還有同學覺得不過癮，我們再上一波價值。商業(yè)設計考慮的核心在于業(yè)務轉化，而不同產(chǎn)品都有自己對應業(yè)務指標，比如電商類產(chǎn)品有商品瀏覽率、下單率等指標；招聘類產(chǎn)品有簡歷投遞率、面試撮合率等指標。

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

淘寶：空購車里的“猜你喜歡”模塊（很常見了）

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

4. IP故事線打造品牌

上完體驗商業(yè)價值觀之后，我們再來聊聊品牌視覺的價值。大部分設計師研究缺省頁的方向都在于插畫的樣式，沒有最好看，只有更好看。但比起好看的插畫樣式，一個可以推動產(chǎn)品建立用戶品牌心智的插畫顯然更有商業(yè)價值，因為它讓用戶更容易記住一款產(chǎn)品，并對之產(chǎn)生一定情緒記憶。

那么我們要如何利用缺省頁插畫來營造品牌感呢？

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

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

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

無論是阿里的五度模型還是Google的heart模型，都有一條基于用戶感官感受的標準就是“愉悅度”/“滿意度”，因此我們才總談交互體驗設計如何給用戶帶來驚喜，因為驚喜是情緒中最極致的愉悅與滿足。

如何在小小的缺省頁里也能給用戶帶來驚喜而不是平淡無奇呢？

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

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

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

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

小結一下

“再小的細節(jié)也可以創(chuàng)造價值?！?/p>

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

作者：Nana，滴滴資深UX設計師，微信公眾號「Nana的設計錦囊」

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

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