編者按：我們所熟知的「空狀態」大多是新打開某個APP或者某個APP剛剛開始加載的時候，實際情況下的「空狀態」還覆蓋有很多其他的情形。出自資深設計師 Rosie Hoggmascall 的這篇文章拿知名的在線協作工具 Slack 的成長和設計細節，詳細闡明了空狀態設計的幾個要點。

更多空狀態設計干貨：

以下是正文：

你是否見過Chrome的「孤獨霸王龍」？

或者是Windows系統的「藍屏死機」界面？

蘋果系統的「死機風火輪」圖標？

在自動保存功能普及前，這些空狀態意味著世界末日：文件丟失、系統重啟、畫面凍結。正如其名所示，這類界面會引發挫敗與恐懼情緒。同時，這類場景也被定義為空狀態（Empty States）。

空狀態指界面中可能呈現空白區域的顯示狀態，例如未輸入前的搜索框、未發送消息的聊天窗口、錯誤提示或新打開的文檔。這類技術層面的非顯示區域，常被產品設計忽視，卻對構建積極體驗至關重要，原因在于：

• 缺乏空狀態會導致用戶困惑（常誤判為系統錯誤）
• 能夠呈現系統狀態以增強用戶的控制感
• 可隱晦展示后續操作步驟與產品的使用方法

NNGroup研究表明：

完全空狀態會引發系統運行狀態疑慮。用戶會產生系列疑問：請求是否完成處理？內容是否仍在加載？是否出現錯誤？過濾參數是否設置錯誤？空狀態的核心目標是建立產品可靠性認知，展現系統控制力并指引后續操作。

探索這類用戶體驗設計的冷門領域的最佳案例當屬 Slack。我們將解析其四類空狀態如何優化引導流程、促進產品采用并降低使用困惑：

• 功能默認狀態 ?? 促進參與
• 首次使用狀態 ?? 引導激活
• 完成狀態 ?? 給予成就激勵和多巴胺刺激
• 錯誤狀態 ?? 承認問題并提供解決方案

在深入分析前，先回顧 Slack 從初創到獨角獸（2013-2025）的發展歷程：

Slack 2013至2025年的坎坷歷程

Slack是初創企業領域的標志性成功案例，僅用8個月便達成10億美元估值。其前身為2009年開發的多人線上游戲 Glitch，因復雜度與運行速度問題，一直未能成功。開發團隊發現游戲內通訊工具更有發展潛力。

由此 Slack 便誕生了。

2013 年發布后首年實現每周 5-10% 的增長，2014年即達到獨角獸公司的地位。2019年在我首次使用時，Slack日活用戶已突破 1000 萬。增長驅動因素有很多， 包括：遠程辦公趨勢、差異化品牌形象（替代傳統企業工具）、硅谷資本支持與產品導向增長策略（易用性與分享機制）。2021 年 Salesforce 以 277 億美元收購Slack后增速放緩，TechCrunch報告顯示年增長率從 2023Q3 的 46% 降至 2024Q4 的 16%。

截至2025年，Slack在150個國家擁有20萬付費客戶，覆蓋77%財富百強企業。

搜索框的空狀態 ??

我對 Slack 搜索框的動態搜索文案記憶猶新。首次輸入時出現「Surely that’s around here somewhere」(肯定就是在這附近了)，二次點擊的時候顯示「Search high and low」（周圍瞅瞅）。

它給人的感覺是精心制作，而非僅僅只是設計出來的，這套系統通過輪換趣味文案實現雙重效應：

• 可變獎勵機制 ?? 每次訪問獲得新鮮體驗（類似街機當中的隨機獎勵）
• 好奇心缺口營造 ?? 通過謎題與非常規體驗激發探索欲

該策略將平凡 UI 元素轉化為參與機會與記憶觸點，而這也是 Slack 在紅海市場脫穎而出的關鍵：為功能模塊注入個性與趣味。

首次使用是提供 ?? 引導狀態

最近，我第一次創建了自己的 Slack 工作區。我需要使用 Slack 連接，因此創建了「Rosie Hogggmascall」工作區來接受新客戶的邀請。

創建個人工作區時，精心設計的空狀態可以避免冷啟動困境：

請注意，他們沒有直接放置一個空白頁。相反，我看到的是活動（我自己加入）、模板、歡迎消息和輸入內容的方向。

Slack頻道內引導狀態（含加入動態、模板與操作指引）

系統為我自動創建了三個頻道，并為我提供以下功能：

• 被動式引導提示（非侵入式）
• 可視化引導，幫助我理解當前情形
• 核心價值重申文案
• 默認就有對話和溝通建議（「?? 大家好！」、「簽到！誰在線？」）

推薦操作包含「分享GIF」、「咖啡時間休息一下」、「個性化歡迎」等低門檻行為，實質上它們都是在引導關鍵激活動作（發送首條消息、創建頻道）。

甚至私信界面還存在一個空狀態：

私信界面也預設「?? 給自己留言」、「明天我應該...」等貼合實際使用場景的提示，消除面對空白頁面的思維阻滯：

這類設計通過預判摩擦點實現：

1. 降低認知負荷
2. 創建初始活躍氛圍
3. 提供結構化引導
4. 避免侵入式彈窗干擾
5. 輔助采取措施，先人一步

幫用戶抵達 ? 任務完成狀態

移動端「消息速覽」功能（類似Tinder滑動機制）用戶完成之后，用戶將獲得動態變更的鼓勵文案：

• ?? 全部清除
• ?? 搞定！已更新
• ?? 處理完畢，接下來想作什么？
• ?? 已閱讀所有內容，稍作休息吧！

Slack移動端完成狀態示例

這些區別于其他品牌的差異化文案，旨在強化品牌調性（相較競品Microsoft Teams更隨性）的同時，通過多巴胺獎勵機制，來強化用戶使用產品的習慣。

提示 ?? 錯誤狀態

斷網測試時，系統顯示骨架屏狀態（Skeleton State）：

Slack斷網加載狀態示意圖

該設計通過漸進加載效果，減輕界面跳轉的突兀感，營造后臺在努力加載的假象（Labour Illusion Effect）。具體錯誤提示包含：

加載您的工作區時遇到問題
我們此刻不確定到底是哪里出了問題，但我們確實有一些可能有幫助的建議提供給您：
- 重啟 Slack。有時這就能解決所有問題
- 檢查 Slack 服務，確保這不是 Slack 問題
- 嘗試查看我們針對連接問題建議的解決方案

當我搜不到東西的時候，我們看到的是：

什么都沒找到
- 您可能需要嘗試使用不同的關鍵字，檢查拼寫錯誤或調整過濾器。了解有關搜索的更多信息
- 結果不符合您的預期？給我們提供反饋吧

Slack搜索錯誤狀態示例

區別于陳舊的「糟糕」「出錯了」等表述，這類系統采用對話式語言并提供多出口路徑，將潛在挫折場景轉化為信任建立機會。

總結：空狀態的戰略價值

Slack案例給了我兩大啟示：

• 保持人性化：承認未知、注入品牌個性、規避陳詞濫調
• 保持在場感：避免絕對空白，避免讓用戶操作進入鬼打墻的空轉狀態

在具體設計落地上，我建議包含五步流程：

• 審查并關注產品旅程中的空白觸點
• 注入品牌調性相符的可變獎勵
• 預判用戶需求，降低認知負荷
• 通過空狀態引導關鍵激活動作
• 問題發生時，保持信息透明并提供明確解決路徑

請嘗試實踐并分享你的體驗 ??