「空白狀態」——動態信息頁面在無數據時的初始畫面,常被設計為「暫無內容」等廢話佔位符。實則是與新用戶對話、誘導首次行動、建立產品心智模型的黃金窗口 。Nathan Barry 在《Designing Web Applications》中提出空白狀態必須回答三個問題:What(什麼內容)、Why(為何提交)、How(如何提交)。
What:清楚告知「這裡會出現什麼」
❌ 「空白」「無數據」——用戶不知是缺照片、朋友還是旅行記錄
✅ 明確名稱 + 圖標 :Evernote/Instagram 用「標籤 / 朋友」+ 圖標秒懂
✅ 真實示例/樣板數據 :Evernote Food、Lift 直接展示範例內容,免去想像成本
明確內容類型標籤 + 圖標,零認知負擔
真實樣板數據:所見即所得,降低理解門檻
Why:給用戶「想提交」的理由
功能價值 :FreshBooks 告訴用戶「標簽讓你輕鬆找到信息、客戶往來更高效省時」
情感觸動 :Vine 用不開心表情圖激發分享衝動;Facebook 刪號頁用「朋友會想念你」+ 照片成功挽留
社會證明 :「你的朋友正等著看你的分享!」+ 好友頭像,利用社會壓力促進行為
FreshBooks:具體化收益場景
Vine:情緒化表達激發行為
Facebook:社會關係挽留,極高轉化
How:提供零門檻的提交入口
利用空白頁面充裕空間,放置醒目、居中、單一核心 CTA 按鈕
SoundCloud 橘紅大按鈕直達錄音,零猶豫
複雜操作拆解為分步引導,按需顯示在空白狀態中(而非一次性拋出說明文檔)
SoundCloud:核心動作一鍵直達
設計檢查清單
是否明確標註內容類型(名稱+圖標)?
是否提供真實樣板或示例內容?
是否傳遞清晰的用戶收益(功能/情感/社會)?
核心 CTA 是否醒目、單一、零干擾?
複雜功能是否拆解為情境化微引導?
文案語氣是否人性化、有溫度?
空白狀態往往是新用戶見到的最後一頁 ——若此時腦中仍是「空白」,他們大概率不會再回來。把這頁設計成「溫暖的嚮導」,而非「冷冰冰的佔位符」。