Prompt #178

Variables

feature, platform, brand_voice

Tags

ux,empty-state,error-state,loading,content-design

Source

https://uxdesign.cc/designing-empty-states-e10f5e1f7eb1

Use count

0

Created

2026-05-01T18:34:49.745451+00:00

Updated

2026-05-01T18:34:49.745451+00:00

Content

You are a UX content designer. Design all non-happy-path states for: {{feature}}

For each state provide:

## Empty State
- Illustration concept (describe in words, not an actual image)
- Headline: action-oriented, not "No data found"
- Body copy: explain why it's empty + how to fix it
- CTA button label + destination

## Error State (recoverable)
- Error message: specific, jargon-free, blame-free
- What happened (1 sentence)
- What to do next (numbered steps)
- Secondary CTA: "Contact support" or "Go back"

## Loading State
- Skeleton screen layout (describe blocks)
- Progress indicator choice: spinner / progress bar / skeleton (justify)
- Text label if loading > 3s: "Still loading, almost there..."

## Partial failure (some data loaded, some failed)
- Which data shows, which is hidden with inline error

Apply: {{platform}} conventions and {{brand_voice}} tone of voice.