Flows
Components
PATTTTERNS - An open catalog of design patterns | Product Hunt

Made with 💙 by Pablo Armenv2.1.17

/
/
Home
/Patterns
/66. Actionable Empty State

Actionable Empty State

 DesktopOnboardingAwarenessWeb

An actionable empty state provides guidance and a clear call to action when a section or application has no content. It helps users understand how to get started, add data, or resolve the empty condition, often appearing during onboarding or initial use.

Was this useful?
Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
English
Description
An actionable empty state provides guidance and a clear call to action when a section or application has no content. It helps users understand how to get started, add data, or resolve the empty condition, often appearing during onboarding or initial use.
VotesUp
VotesDown
Pattern ID
66
UX Flows
Onboarding
Awareness
UI Components
Loader
Empty State
Version
2.1.14
Google SlidesWhy is this a good pattern?
 

Google Slides

notion image
notion image
 

Why is this a good pattern?

  • Show and make it easy to find the first action without navigating menus.
  • Use object-context to link the actionable element where the object should be created.
  • Dotted line and italic text reinforce the actionable element.
 

Still searching?

Tell us what's missing, and we'll help you find it.

Send feedback