UIUX 學習筆記

Empty State 嘅四種類型

2026年5月28日 · 1 分鐘閱讀
三種空白狀態 mockup 對比圖

大多數 empty state 喺道歉。好嘅 empty state,係請你做下一件事。

Prompt · v0 生成 onboarding empty state

Generate an empty state component for a project dashboard. Use a soft illustration, single primary CTA, friendly tone — no apologies, just an invitation to the next action.

四種類型

  1. First-use ── 用戶第一次見到呢個畫面,佢需要起手指引。
  2. Cleared ── 用戶完成晒任務,要慶祝 + 提示下一步。
  3. Filtered ── 用戶 filter 過頭,要解釋點解空白 + 提示放寬條件。
  4. Error ── 真係出咗事,要清楚原因 + 重試。