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

Made with 💙 by Pablo Armenv2.1.12

Home
/Patterns
/66. Actionable Empty State

66. Actionable Empty State

DesktopOnboardingAwarenessWebEnglishLoaderEmpty State
Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
English
Pattern ID
66
UX Flows
Onboarding
Awareness
UI Components
Loader
Empty State
Version
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.
 

Need more inspiration?

Found this pattern useful?