When users first open an app, there’s often a chance they won’t have any data yet. No bookings, no saved items, no notifications — just a blank page. While it might seem harmless, a blank state can create confusion and frustration.
I faced this exact scenario while designing the Bookings screen. Here’s what I discovered:
The Problem: Blank Screens Create Uncertainty
In our first version, the bookings screen was just… empty. No message, no action.
- User thought: Is the app broken? Is it still loading?
- User behavior: Close the app, abandon the flow.
Blank screens fail to reassure the user or guide them. It’s a missed opportunity to keep them engaged.
The Fix: Inform, Encourage, and Guide
We redesigned the empty state to include three key elements:
- Message (State Explanation)
- “No bookings yet” clearly explains why the screen is empty.
- Encouragement (Motivation)
- “Start exploring and book your gear!” turns emptiness into a positive action.
- Call to Action (Next Step)
- A button like “Discover” leads the user to explore available gear.
Adding a friendly illustration also makes the screen feel deliberate and human, not like an error.
Why This Matters in UX
- Sets Expectations: The user instantly understands what’s happening.
- Prevents Drop-off: Instead of leaving the app, the user knows what to do next.
- Turns Dead Ends into Conversions: Every empty state can push the user toward meaningful action.
- Improves First Impressions: For new users, empty states are often the first experience they have with your app.