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

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

空狀態設計 ≠插畫+文案

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

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

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

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

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

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

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

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

?抖音：動態氣泡引導用戶發布第一個視頻

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

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

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

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

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

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

3. “猜你喜歡”提升業務轉化

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

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

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

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

4. IP故事線打造品牌

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

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

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

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

5. 全屏化創意帶給用戶驚喜

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

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

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

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

?貓呼：暫無好友消息空狀態

?阿里家的“躺平”：暫時收藏空狀態

小結一下

“再小的細節也可以創造價值?！?/p>

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

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

本文由 @NaNa 原創發布于人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基于CC0協議