Design Principle
An empty state is not illustration filler; it is the first step into the workflow.
Principle
An empty state is not illustration filler; it is the first step into the workflow.
Design action
Preserve the real list or panel structure; provide a reason, one primary action, and one secondary action or learning link, avoiding pure decorative art.
Examples
Positive example: Projects, resources, search results, notifications, or dashboards are empty. Counterexample: Only 'No data' is shown.
Apply when
Projects, resources, search results, notifications, or dashboards are empty. Users need to judge state, scope, risk, or next action quickly.
Source notes
Source note: Synthesized from Apple HIG, Material Design, NN/g usability principles, and layout/hierarchy practices in mature design systems.
Agent Directive
Preserve the real list or panel structure; provide a reason, one primary action, and one secondary action or learning link, avoiding pure decorative art.