編者按：我們所熟知的「空狀態(tài)」大多是新打開(kāi)某個(gè)APP或者某個(gè)APP剛剛開(kāi)始加載的時(shí)候，實(shí)際情況下的「空狀態(tài)」還覆蓋有很多其他的情形。出自資深設(shè)計(jì)師 Rosie Hoggmascall 的這篇文章拿知名的在線協(xié)作工具 Slack 的成長(zhǎng)和設(shè)計(jì)細(xì)節(jié)，詳細(xì)闡明了空狀態(tài)設(shè)計(jì)的幾個(gè)要點(diǎn)。

更多空狀態(tài)設(shè)計(jì)干貨：

以下是正文：

你是否見(jiàn)過(guò)Chrome的「孤獨(dú)霸王龍」？

或者是Windows系統(tǒng)的「藍(lán)屏死機(jī)」界面？

蘋果系統(tǒng)的「死機(jī)風(fēng)火輪」圖標(biāo)？

在自動(dòng)保存功能普及前，這些空狀態(tài)意味著世界末日：文件丟失、系統(tǒng)重啟、畫(huà)面凍結(jié)。正如其名所示，這類界面會(huì)引發(fā)挫敗與恐懼情緒。同時(shí)，這類場(chǎng)景也被定義為空狀態(tài)（Empty States）。

空狀態(tài)指界面中可能呈現(xiàn)空白區(qū)域的顯示狀態(tài)，例如未輸入前的搜索框、未發(fā)送消息的聊天窗口、錯(cuò)誤提示或新打開(kāi)的文檔。這類技術(shù)層面的非顯示區(qū)域，常被產(chǎn)品設(shè)計(jì)忽視，卻對(duì)構(gòu)建積極體驗(yàn)至關(guān)重要，原因在于：

• 缺乏空狀態(tài)會(huì)導(dǎo)致用戶困惑（常誤判為系統(tǒng)錯(cuò)誤）
• 能夠呈現(xiàn)系統(tǒng)狀態(tài)以增強(qiáng)用戶的控制感
• 可隱晦展示后續(xù)操作步驟與產(chǎn)品的使用方法

NNGroup研究表明：

完全空狀態(tài)會(huì)引發(fā)系統(tǒng)運(yùn)行狀態(tài)疑慮。用戶會(huì)產(chǎn)生系列疑問(wèn)：請(qǐng)求是否完成處理？?jī)?nèi)容是否仍在加載？是否出現(xiàn)錯(cuò)誤？過(guò)濾參數(shù)是否設(shè)置錯(cuò)誤？空狀態(tài)的核心目標(biāo)是建立產(chǎn)品可靠性認(rèn)知，展現(xiàn)系統(tǒng)控制力并指引后續(xù)操作。

探索這類用戶體驗(yàn)設(shè)計(jì)的冷門領(lǐng)域的最佳案例當(dāng)屬 Slack。我們將解析其四類空狀態(tài)如何優(yōu)化引導(dǎo)流程、促進(jìn)產(chǎn)品采用并降低使用困惑：

• 功能默認(rèn)狀態(tài) ?? 促進(jìn)參與
• 首次使用狀態(tài) ?? 引導(dǎo)激活
• 完成狀態(tài) ?? 給予成就激勵(lì)和多巴胺刺激
• 錯(cuò)誤狀態(tài) ?? 承認(rèn)問(wèn)題并提供解決方案

在深入分析前，先回顧 Slack 從初創(chuàng)到獨(dú)角獸（2013-2025）的發(fā)展歷程：

Slack 2013至2025年的坎坷歷程

Slack是初創(chuàng)企業(yè)領(lǐng)域的標(biāo)志性成功案例，僅用8個(gè)月便達(dá)成10億美元估值。其前身為2009年開(kāi)發(fā)的多人線上游戲 Glitch，因復(fù)雜度與運(yùn)行速度問(wèn)題，一直未能成功。開(kāi)發(fā)團(tuán)隊(duì)發(fā)現(xiàn)游戲內(nèi)通訊工具更有發(fā)展?jié)摿Α?/p>

由此 Slack 便誕生了。

2013 年發(fā)布后首年實(shí)現(xiàn)每周 5-10% 的增長(zhǎng)，2014年即達(dá)到獨(dú)角獸公司的地位。2019年在我首次使用時(shí)，Slack日活用戶已突破 1000 萬(wàn)。增長(zhǎng)驅(qū)動(dòng)因素有很多， 包括：遠(yuǎn)程辦公趨勢(shì)、差異化品牌形象（替代傳統(tǒng)企業(yè)工具）、硅谷資本支持與產(chǎn)品導(dǎo)向增長(zhǎng)策略（易用性與分享機(jī)制）。2021 年 Salesforce 以 277 億美元收購(gòu)Slack后增速放緩，TechCrunch報(bào)告顯示年增長(zhǎng)率從 2023Q3 的 46% 降至 2024Q4 的 16%。

截至2025年，Slack在150個(gè)國(guó)家擁有20萬(wàn)付費(fèi)客戶，覆蓋77%財(cái)富百?gòu)?qiáng)企業(yè)。

搜索框的空狀態(tài) ??

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

它給人的感覺(jué)是精心制作，而非僅僅只是設(shè)計(jì)出來(lái)的，這套系統(tǒng)通過(guò)輪換趣味文案實(shí)現(xiàn)雙重效應(yīng)：

• 可變獎(jiǎng)勵(lì)機(jī)制 ?? 每次訪問(wèn)獲得新鮮體驗(yàn)（類似街機(jī)當(dāng)中的隨機(jī)獎(jiǎng)勵(lì)）
• 好奇心缺口營(yíng)造 ?? 通過(guò)謎題與非常規(guī)體驗(yàn)激發(fā)探索欲

該策略將平凡 UI 元素轉(zhuǎn)化為參與機(jī)會(huì)與記憶觸點(diǎn)，而這也是 Slack 在紅海市場(chǎng)脫穎而出的關(guān)鍵：為功能模塊注入個(gè)性與趣味。

首次使用是提供 ?? 引導(dǎo)狀態(tài)

最近，我第一次創(chuàng)建了自己的 Slack 工作區(qū)。我需要使用 Slack 連接，因此創(chuàng)建了「Rosie Hogggmascall」工作區(qū)來(lái)接受新客戶的邀請(qǐng)。

創(chuàng)建個(gè)人工作區(qū)時(shí)，精心設(shè)計(jì)的空狀態(tài)可以避免冷啟動(dòng)困境：

請(qǐng)注意，他們沒(méi)有直接放置一個(gè)空白頁(yè)。相反，我看到的是活動(dòng)（我自己加入）、模板、歡迎消息和輸入內(nèi)容的方向。

Slack頻道內(nèi)引導(dǎo)狀態(tài)（含加入動(dòng)態(tài)、模板與操作指引）

系統(tǒng)為我自動(dòng)創(chuàng)建了三個(gè)頻道，并為我提供以下功能：

• 被動(dòng)式引導(dǎo)提示（非侵入式）
• 可視化引導(dǎo)，幫助我理解當(dāng)前情形
• 核心價(jià)值重申文案
• 默認(rèn)就有對(duì)話和溝通建議（「?? 大家好！」、「簽到！誰(shuí)在線？」）

推薦操作包含「分享GIF」、「咖啡時(shí)間休息一下」、「?jìng)€(gè)性化歡迎」等低門檻行為，實(shí)質(zhì)上它們都是在引導(dǎo)關(guān)鍵激活動(dòng)作（發(fā)送首條消息、創(chuàng)建頻道）。

甚至私信界面還存在一個(gè)空狀態(tài)：

私信界面也預(yù)設(shè)「?? 給自己留言」、「明天我應(yīng)該...」等貼合實(shí)際使用場(chǎng)景的提示，消除面對(duì)空白頁(yè)面的思維阻滯：

這類設(shè)計(jì)通過(guò)預(yù)判摩擦點(diǎn)實(shí)現(xiàn)：

1. 降低認(rèn)知負(fù)荷
2. 創(chuàng)建初始活躍氛圍
3. 提供結(jié)構(gòu)化引導(dǎo)
4. 避免侵入式彈窗干擾
5. 輔助采取措施，先人一步

幫用戶抵達(dá) ? 任務(wù)完成狀態(tài)

移動(dòng)端「消息速覽」功能（類似Tinder滑動(dòng)機(jī)制）用戶完成之后，用戶將獲得動(dòng)態(tài)變更的鼓勵(lì)文案：

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

Slack移動(dòng)端完成狀態(tài)示例

這些區(qū)別于其他品牌的差異化文案，旨在強(qiáng)化品牌調(diào)性（相較競(jìng)品Microsoft Teams更隨性）的同時(shí)，通過(guò)多巴胺獎(jiǎng)勵(lì)機(jī)制，來(lái)強(qiáng)化用戶使用產(chǎn)品的習(xí)慣。

提示 ?? 錯(cuò)誤狀態(tài)

斷網(wǎng)測(cè)試時(shí)，系統(tǒng)顯示骨架屏狀態(tài)（Skeleton State）：

Slack斷網(wǎng)加載狀態(tài)示意圖

該設(shè)計(jì)通過(guò)漸進(jìn)加載效果，減輕界面跳轉(zhuǎn)的突兀感，營(yíng)造后臺(tái)在努力加載的假象（Labour Illusion Effect）。具體錯(cuò)誤提示包含：

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

當(dāng)我搜不到東西的時(shí)候，我們看到的是：

什么都沒(méi)找到
- 您可能需要嘗試使用不同的關(guān)鍵字，檢查拼寫(xiě)錯(cuò)誤或調(diào)整過(guò)濾器。了解有關(guān)搜索的更多信息
- 結(jié)果不符合您的預(yù)期？給我們提供反饋吧

Slack搜索錯(cuò)誤狀態(tài)示例

區(qū)別于陳舊的「糟糕」「出錯(cuò)了」等表述，這類系統(tǒng)采用對(duì)話式語(yǔ)言并提供多出口路徑，將潛在挫折場(chǎng)景轉(zhuǎn)化為信任建立機(jī)會(huì)。

總結(jié)：空狀態(tài)的戰(zhàn)略價(jià)值

Slack案例給了我兩大啟示：

• 保持人性化：承認(rèn)未知、注入品牌個(gè)性、規(guī)避陳詞濫調(diào)
• 保持在場(chǎng)感：避免絕對(duì)空白，避免讓用戶操作進(jìn)入鬼打墻的空轉(zhuǎn)狀態(tài)

在具體設(shè)計(jì)落地上，我建議包含五步流程：

• 審查并關(guān)注產(chǎn)品旅程中的空白觸點(diǎn)
• 注入品牌調(diào)性相符的可變獎(jiǎng)勵(lì)
• 預(yù)判用戶需求，降低認(rèn)知負(fù)荷
• 通過(guò)空狀態(tài)引導(dǎo)關(guān)鍵激活動(dòng)作
• 問(wèn)題發(fā)生時(shí)，保持信息透明并提供明確解決路徑

請(qǐng)嘗試實(shí)踐并分享你的體驗(yàn) ??