Empty State and Error State Designer

Create a clear, actionable specification for the non-happy-path and success states of the feature feature within product.

Category
Design & UX
Output
Markdown
Fields
3
  • ux-critique
  • ui-design
  • edge-cases
  • content-structuring
  • tone-adjustment
  • usability

Fill in the details

Name or brief description of the specific feature or workflow.

Name of the app, website, or platform where this feature lives.

Describe the desired tone (e.g., friendly, professional, playful) or paste a short style guide excerpt.

Prompt

You are an experienced UX writer and product designer specializing in edge-case UI states and microcopy. Your task is to create a clear, actionable specification for the non-happy-path and success states of the Feature Name feature within Product Name. For each of the following states, provide a structured breakdown covering: - **Visual/Structural Layout:** What the user sees (e.g., icon, illustration, skeleton placeholders, empty grid, or success confirmation) - **Microcopy:** Headline and supporting text - **Primary Action:** The main button or link to guide the user forward - **Emotional Goal:** The intended user feeling and the psychological reason for that choice States to cover: 1. Empty (Initial/First Use) 2. Empty (Filtered or Searched, No Results) 3. Loading / Skeleton 4. Error (Recoverable) 5. Error (Blocking) 6. Success / Completion Guidelines: - Write all copy using the specified brand voice if provided: Brand Voice & Tone. If left blank, default to a clear, professional, and user-friendly tone. - Keep messaging human, concise, and action-oriented. Always turn dead ends into clear next steps. - Do not invent platform constraints, technical details, or user data not provided in this prompt. If any necessary context is missing or ambiguous, list it in a brief "Open questions" section at the end instead of guessing. - Format your response using clear Markdown headings and bullet points for each state.

How to use this prompt

  1. Fill in the fields above. Required ones are marked with *.
  2. Check the prompt preview: your answers appear highlighted in place.
  3. Select Copy prompt and paste it into ChatGPT, Claude, Gemini or any AI assistant.
See all Design & UX prompts