Skip to main content
Language繁體中文
基礎知識4 分鐘閱讀2026 年 10 月

使用者體驗中的空狀態是什麼?

簡短回答

空狀態是指螢幕上尚未有任何內容可顯示時所顯示的狀態:新收件匣、空購物車、沒有結果的搜尋或被篩選器清除的清單。良好的空狀態可以解釋為什麼它是空的,並給出明確的下一步,例如創建第一個項目或更改搜尋。

核心要點

  • 類型:首次使用、使用者清除、無結果、錯誤或無法存取
  • 用簡單的話解釋為什麼螢幕是空的
  • 提供一項明確的行動來填補它
  • 保持插圖和動畫小而友好,永遠不要妨礙動作
  • 為每種類型的空狀態撰寫不同的副本

空螢幕很容易被忘記,因為設計人員通常使用樣本資料。在真實的產品中,每個新用戶都會首先遇到它們,因此它們比幾乎任何其他螢幕更能塑造第一印象。

有四種常見類型。首次使用空狀態出現在該人創建任何東西之前。使用者清除的狀態在完成或刪除所有內容後出現,例如空白的待辦事項清單。搜尋或篩選後出現無結果狀態。當資料根本無法顯示時,就會出現錯誤或無法存取狀態。

每種類型都需要不同的字詞。首次使用狀態應解釋螢幕的用途並邀請第一個操作:「還沒有項目。創建您的第一個項目。」無結果狀態應該可以幫助人們恢復:顯示他們搜尋的內容並提供清除過濾器的功能。清除狀態可能是一個小小的獎勵時刻。

視覺效果是可選的。小插圖或柔和的動畫可以讓螢幕感覺友好,動畫角色可以引導初次使用者。保持輕鬆,確保動作是最明顯的事情,並且不要依賴圖像來解釋狀態。

如果您想要一個處於空狀態的友好動畫角色,我們製作的 ExodeUI 有一個免費的互動式吉祥物庫,它們以 ExodeUI 檔案運行並對輸入做出反應。

常見問題

空狀態該包含什麼?

一個簡短的標題,用一句話解釋為什麼它是空的或螢幕的用途,以及一個明確的動作。插圖是可選的。

什麼是零狀態?

空狀態的另一個名稱,通常是在有人添加任何內容之前顯示的首次使用類型。

如何設計無結果狀態?

重複搜尋字詞,建議拼字修復或更廣泛的術語,並提供清除過濾器的功能。切勿給對方留下空白區域。

空狀態應該被動畫化嗎?

如果動畫很小,它們可以不會令人分心地循環並遵循簡化運動設定。動作比動畫更重要。

相關指南和範例

在空螢幕上新增一個友善的角色

從對遊標和點擊做出反應的免費互動式吉祥物中進行選擇,並將其放入您的應用程式或網站中。

瀏覽免費吉祥物
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →