空白頁面(Empty State)常被忽視,卻是用戶體驗關鍵觸點。優秀空白頁面應解決三問:何物(這頁講什麼)、何地(用戶在哪、能幹嘛)、何時(什麼情況下會出現有效數據)。三大策略助你化腐朽為神奇。

回收站空頁面:「回收站裡的東西將在 60 天後被刪除。」——何物、何地、何時一目了然。

共享鏈接空頁面:「你分享的東西會出現在這裡。」——引導用戶理解功能入口。
首印象不僅關可用性,更關產品調性。自問:能讓用戶耳目一新?能引發發自內心的微笑?能傳達產品溫暖人性一面?

Bitbucket 代碼提交記錄為空時:擬人化小桶子幽怨說「我這裡沒有任何提交記錄,顯得毫無用處,我感到很難過。」——解決問題的入口同步呈現。

收藏夾空頁面:仙人掌立沙漠中說「這兒像沙漠!你沒有任何收藏的東西」+ 行動按鈕引導收藏。

任務列表空頁面:潛水員在鯊魚旁說「你還沒準備好,指揮官。回去再訓練一下吧。」——游戲化語氣化解焦慮。

項目頁面空狀態:小人盯著右上角藍色按鈕「唔……那個藍色按鈕肯定很重要」——視覺引導極致簡單。
取悅三要素:
✅ 品牌化:強化品牌元素
✅ 亮點:創意/幽默感
✅ 共鳴:展示產品溫暖人性一面

關注列表空頁面:「你還沒關注任何人。關注他人可查看他們收集的故事,關注越多 Flipboard 服務越好!」+ 行動按鈕。

Airbnb 歷史行程空頁面:「當你結束一次旅行,你會在這看到它。」+ 探索按鈕。
引導三步法:
1. 動機:展示激勵語言(如「現在就開始!」)
2. 勸說:反覆呈現利益點,不只落地頁
3. 直接:一開始就給唯一最優路徑,提供行動按鈕/引導,避免新用戶做選擇題,若需創建內容提供模板
最棒的設計最具挑戰——要求信息呈現與操作精巧平衡。一個糟糕的空白狀態可能阻斷用戶探索精妙界面。這些頁面,不值得你投入更多時間與關注嗎?
註:更多精彩教程請關注三聯 Photoshop 教程欄目,三聯 PS 群:182958314 歡迎加入。