2023-12-05 · UI

Treat empty states as your quietest onboarding

The zero-data screen is where new users decide whether your product makes any sense.

Introduction

How to design empty screens with one clear next action, a taste of the filled-in state, and copy that answers why should I bother.

Field notes

A few patterns we kept seeing while puttering around UI problems:

  • The simple version survived every refactor; the clever version didn’t.
  • Documentation written during the work aged far better than documentation written after.
  • The second time a problem shows up, it is already a pattern — name it.

A checklist you can steal

  • The failure is reproducible with one command.
  • The fix has a test that fails without it.
  • Someone other than the author has run it on their machine.

Closing

Write the short version future-you will actually read. That is the whole trick.