← Back to Thinking

Why SaaS Empty States Lose Users Before They Begin

An empty state is the screen a user sees when your product has no data to show yet. It appears at first login, right after setup, and any time a section has nothing in it. It is also the exact moment a new user decides whether your product is worth staying for. Most SaaS teams treat it as a blank screen with a label. That is why so many users leave before they ever see the product work.

The activation research is direct on this: 80% of users who churn do so before completing their first meaningful action. Empty states sit at that decision point. They are not a small UX detail. They are the product's first real test.


The Empty State Gets Designed Last — or Not at All

Product teams design for the happy path. Wireframes show dashboards full of data, pipelines moving with deals, activity feeds with content. Those are the screens that get reviewed, iterated on, and shipped with care. The empty versions of those same screens get a comment in Figma that says "handle empty state" and nothing else.

By the time a developer implements the empty state, there are no design specs for it. So the developer does the sensible thing: they write "No data yet" or "Nothing here" and move on. That text now lives in your product indefinitely, greeting every new user who arrives expecting to understand what your product can do for them.

This is not a developer failure. The spec was never written. The empty state was never treated as a screen that needed designing. It was treated as a gap to fill, and gaps get filled with placeholders.

Designing the populated state without designing the empty state is like building a front door and forgetting the entrance.

Three Moments When Empty States Kill Activation

Empty states do not all behave the same way. They appear at different points in the user journey, and each has a different stakes level.

First login

A user signs up, completes any required setup, and lands on the main dashboard. It is blank. There is no content, no sample data, no indication of what the screen is supposed to contain. The user's immediate question is: did something go wrong, or is this just how the product starts?

That question triggers anxiety, not curiosity. Users at first login have the least context and the least patience. A blank screen at this moment does not feel like an invitation. It feels like the product is not ready for them.

After setup with no real data yet

Some products require users to connect accounts, import data, or invite team members before the product has anything to show. When that process is complete and the user arrives at an empty dashboard, it feels like the setup did not work. Even if everything is correct, a blank screen signals failure.

This is the hardest empty state to design because the user has already invested effort. They have completed tasks. They expect to see a result. An empty screen after all that effort breaks the activation loop right before the first value moment would have arrived.

After clearing or archiving content

Long-term users who delete projects, archive data, or move between accounts can end up back at an empty state. This version is often the most neglected. It is treated as a rare edge case, so it gets no design at all. The problem is that this user knows your product well and has just performed a deliberate action. A blank screen with no next step tells them the product has nothing to say to someone who does what they just did.


What a Blank Screen Communicates

I worked on LifeLoop, a platform connecting residents, families, and staff in senior living communities. Each user type saw a different version of the product after logging in, and each type could arrive at an empty state for completely different reasons.

A staff member seeing an empty activity calendar needed to create events. A family member seeing no activity feed just needed to wait for staff to post. The same blank screen, the same visual emptiness, but opposite required actions and completely different emotional contexts. For the family member, a blank feed feels like their loved one is not being looked after. For the staff member, it is a task to complete.

A single "No content yet" message cannot serve both. Designing the right empty state meant understanding not just what would populate the screen, but who was looking at it and what it meant to them specifically. That is an entirely design problem, not an engineering one.

This same principle applies to any SaaS product with multiple user roles. When teams skip empty state design, they produce a screen that is technically correct and contextually meaningless for anyone who lands on it.

Left: a blank screen with a label. Right: explanation, a preview of what the populated state looks like, and one primary action. The difference is a design decision, not an engineering one.

What an Empty State Actually Needs to Do

A well-designed empty state has three jobs. Not one, not five. Three.

  1. Explain why it is empty. Users should not have to guess whether something broke or whether they missed a setup step. A single sentence that says "Your projects will appear here once you create one" removes the anxiety that a blank screen creates.
  2. Show what it will look like when full. A ghost preview, a screenshot, or even a description of what the populated state contains gives users a reason to complete the action. They need to understand what they are working toward before they will invest the effort to get there.
  3. Give one clear action that makes it not empty. Not three. Not a help article link and a tour button and a "get started" link. One. The user has no context for choosing between multiple options. A single primary action reduces the decision to a yes or no.

The structure is simple but it only works if the explanation, preview, and action are specific to the screen and the user type. A generic "Get started" button on every empty state in the product is still a blank screen with a button on it.


The Sample Data Question

One approach to empty states is to populate them with sample data so the product never looks truly blank. Notion does this with template pages. HubSpot does it with demo pipeline data. The logic is that users can understand what the product does by seeing it in a realistic state.

The trade-off is real. Sample data solves the blank screen problem but creates a cleanup problem. Before users can start real work, they have to identify what is demo content and delete it. For users who are not technically confident, that feels like extra work they did not sign up for.

A middle approach that works well: ghost or greyed-out content that is clearly labelled as an example, not real data. Users can see what the product looks like when populated without needing to take any action to remove it. The first time they create real content, the ghost content disappears. This is a design decision that takes one sprint to implement and measurably improves activation. Most teams never make it because empty states are not on the roadmap.

The same problem that breaks SaaS onboarding breaks empty states: teams design for the user who already knows what to do, not for the user who just arrived. Empty states are the sharpest version of that failure because they appear at the moment when the user knows the least and the product communicates the least.

If you are not sure whether your empty states are losing users, a SaaS UX audit will surface exactly where in the first-session flow users are stopping and what they see when they do.

Frequently Asked Questions

An empty state is the screen a user sees when a product has no data to display yet. It appears at first login, after setup before any real work has been added, or after a user clears their content. It is one of the most consequential screens in any SaaS product because it appears at the moment a new user is deciding whether the product is worth staying for.

Empty states appear at the highest-friction moment in the user journey: before the product has delivered any value. A blank screen with no explanation or direction triggers anxiety and abandonment. A well-designed empty state explains why it is empty, shows what the screen will look like once populated, and gives the user one clear action to take. Those three things directly determine whether a user reaches their first meaningful outcome.

An empty state should show three things: an explanation of why the screen is empty so users do not think something went wrong, a preview or description of what the space will look like once it has real content, and a single primary call to action that creates the first piece of content or connects the first data source. Avoid multiple competing actions. The user just arrived and has no context for choosing between them.

Design the empty state at the same time as the populated state, not as an afterthought. Tailor it to the user's role and context. A new user who has not yet created anything needs different guidance than a user whose content has been archived. Use a short headline that names the screen, one sentence explaining what it will contain, a visual hint of the populated state, and one primary action. Keep the design consistent with the surrounding product so it does not feel like an error page.

An empty state means the product is working correctly but there is no data to display yet. An error state means something went wrong. The design distinction matters because the emotional context is different. An empty state should feel like an invitation. An error state should feel like a clear explanation with a path to recovery. Blank screens that are missing the empty state treatment often get mistaken for error states by new users.

A first-run experience should carry the user from sign-up to their first moment of real value without requiring them to figure out what to do next. Empty states are a core part of this: every screen they land on before their data exists needs to tell them what it does and what to do. Pair empty states with contextual tooltips, inline prompts, and a clear activation milestone that the product celebrates when reached.

Let's talk

Your empty states might be your churn problem

Most SaaS activation issues trace back to what users see before they have any data. I work with product teams on first-run experience, empty states, and onboarding flows so users reach value before they decide to leave.

Connect on LinkedIn →

or explore my services to see how I work