高手常用這5個方法,快速提升空狀態設計價值!

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

空狀態設計 ≠插畫+文案

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

對應不同原因分場景展示對應的內容有助於提升用戶體驗,同時提升業務轉化。接下來我們來看看提升空狀態設計價值的 5 個方式:

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

在一款產品的新手用戶使用流程中,經常出現各類初始無數據的空狀態場景,比如空著的購物車,空著的關注列表,空著的書架等等。

這時的新用戶對產品沒有過多瞭解,需要我們引導告知用戶接下來該做什麼,讓用戶快速地進入到產品使用中,減少新用戶流失。比較常見的做法是使用帶有「行動性指令」文案的操作按鈕。


如何在新用戶引導流程中用好空狀態界面?

當新用戶打開你的APP的時候,最初的幾個界面將會直接影響用戶對你的網站的預期。為了確保用戶不會在第一次打開之後就卸載APP,你應該用好最初的空狀態頁面,通過引導,幫助用戶完成關...


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

高手常用這5個方法,快速提升空狀態設計價值!

△ 滴答清單:「試試這些事情」引導用戶完成第一筆記錄

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

高手常用這5個方法,快速提升空狀態設計價值!

△ 抖音:動態氣泡引導用戶發佈第一個視頻

預顯示吸引用戶注意力

在很多特定產品中,某些功能的使用與否直接影響整體業務運轉,例如社交產品的關注功能、社區論壇類產品的發帖功能等。如果用戶對於這些功能不瞭解或者不感興趣就會造成很大問題。

但大部分這些功能在初始進入的時候都是空數據狀態,那麼該如何在「空」的狀態下抓住用戶的注意力,讓他們開始感興趣呢?我們可以試試把有趣的內容或者功能部分直觀地外放在空狀態頁面,增強對用戶的吸引度。

高手常用這5個方法,快速提升空狀態設計價值!

△ Instagram:顯示相關用戶信息,吸引用戶關注並開啟產品使用

高手常用這5個方法,快速提升空狀態設計價值!

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

「猜你喜歡」提升業務轉化

前 2 點如果還有同學覺得不過癮,我們再上一波價值。

商業設計考慮的核心在於業務轉化,而不同產品都有自己對應業務指標,比如電商類產品有商品瀏覽率、下單率等指標;招聘類產品有簡歷投遞率、面試撮合率等指標。

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

高手常用這5個方法,快速提升空狀態設計價值!

△ 淘寶:空購車裡的「猜你喜歡」模塊(很常見了)

高手常用這5個方法,快速提升空狀態設計價值!

△ 拉勾:投遞完一個簡歷後會出現又一波「一鍵投遞」推薦

IP故事線打造品牌

上完體驗商業價值觀之後,我們再來聊聊品牌視覺的價值。

大部分設計師研究缺省頁的方向都在於插畫的樣式,沒有最好看,只有更好看。但比起好看的插畫樣式,一個可以推動產品建立用戶品牌心智的插畫顯然更有商業價值,因為它讓用戶更容易記住一款產品,並對之產生一定情緒記憶。

那麼我們要如何利用缺省頁插畫來營造品牌感呢?可以試試用 IP 來講故事,而故事的表演主會場就是空狀態頁面,讓每個獨立的空狀態頁插畫都是一個連續故事中一個畫面,激發用戶使用產品的好奇心,同時讓 IP 品牌的形象深入人心。

高手常用這5個方法,快速提升空狀態設計價值!

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

全屏化創意帶給用戶驚喜

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

那如何在小小的缺省頁裡也能給用戶帶來驚喜而不是平淡無奇呢?我們可以試著在大屏/摺疊屏的終端演變趨勢下,將空狀態頁的設計思路拓展到全屏化。

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

高手常用這5個方法,快速提升空狀態設計價值!

△ 貓呼:暫無好友消息空狀態

高手常用這5個方法,快速提升空狀態設計價值!

△ 阿里家的「躺平」:暫時收藏空狀態

小結一下

再小的細節也可以創造價值

其實在用戶體驗設計的每一個細小環節,哪怕是空狀態這樣的小頁面,都是可能創造設計價值的。

因此我們除了每日沉浸在日常業務需求的畫圖海中,也要學會抽離自己發現更多設計自驅提升的小點做一些推進,養成關注細節、善於自驅的習慣會對在座的職業晉升及錢兜子都帶來巨大的力量~


分享到:


相關文章: