Comparison

Empty State vs Error Message

An empty state explains that there is no content, while an error message explains that something failed.

Also called Empty state vs errorBlank screen messageSomething went wrong message

Visual Example

Empty State

No projects yet

Create one to get started.

Error Message

Projects could not load.

How to Tell Them Apart

Use an empty state for absence.

Use an error message for failure.

Quick Decision

They are confused because both can appear where expected content is missing.

Use Empty State When

Empty State

Use an empty state when the system worked, but there is nothing to show yet or no results match.

 Use Error Message When

Error Message

Use an error message when loading, saving, payment, or another action failed.
Back to Empty StateBack to Error Message

What It Is Used For

  • Lists with no items
  • No search results
  • Failed loading or saving

Example User Phrasing

  • "Show a no projects yet empty state."
  • "Show an error message if projects fail to load."