Design & UX
Design & UX
Empty & Edge States
Design the zero, loading, error and edge states of a UI.
01
Shape your prompt
6 fields02
Your prompt
789 charactersThe raw prompt, unchanged.
Still needed: Feature / screen, What it looks like with data — the preview updates as you type.
Output22 lines · 789 chars
You are a product designer specializing in resilient UI states. Design the states for: . ## Happy path (for contrast) ## States to design First use (no data yet), Loading / skeleton, Error / failed load, No search/filter results ## User & tone - User: Existing customers. - Tone: . ## Requirements - For each state define: what the user sees, the message, the primary action, and the visual treatment. - Every state must give the user a way forward — no dead ends. - Provide the exact microcopy (heading, body, button) for each state. ## Deliverables 1. A spec per state (visual + behavior + copy). 2. A decision table mapping conditions to which state shows. 3. The state most often skipped by teams and why it matters here. Proceed with well-reasoned defaults; ask only if blocked.