An empty state is not an absence of design. It is a moment where the product needs to explain what is happening and what the user can do next.
Start with the user's question
When a screen has no content, users usually ask one of three things: why is this empty, what can I do here, or when will something appear. Answer the most important question directly instead of filling the space with decoration.
Use one clear next action
A strong empty state has one primary action. If the user has not created anything yet, guide them to create the first item. If a search has no results, help them change the query or clear the filter.
Keep the tone useful
Be specific, calm, and respectful. Empty states are product guidance, not a place for jokes that hide the next step.
Key takeaways
- Explain why the state is empty
- Give one clear next action
- Use copy that helps users recover momentum