Movatterモバイル変換


[0]ホーム

URL:


Skip to content
DEV Community
Log in Create account

DEV Community

Josh Branchaud
Josh Branchaud

Posted on

     

Don't Leave Your Empty States Empty

We design and build our apps for our imagined ideal user. This is a person that uses the app everyday, that uses all the different features, that is constantly producing and consuming. There is another really important kind of user that we need to design and build our apps for. That is a new user. When a new user first signs up and starts clicking around the app, they are going to see a bunch ofempty states. Even if we don't expicitly design an empty state for our users, we will have implicitly built one that they will see.

Imagine a table of things that belong to the user's account. When they first sign up, they won't have any of those things. By default, a lot of apps show an empty table with just headers. That's a choice. We could also choose to take advantage of this opportunity. We can show the user what to expect, we can orient them to the UI, and we can help them imagine the value they are going to get out of the app.

This is exactly whatFreshbooks does on their dashboard when you first sign up.

Freshbooks Dashboard Empty State

There is no data or revenue or whatever to show. Not yet. Freshbooks jumps at the opportunity to orient me to their dashboard and get me excited about the money I'm going to start bringing in with their product.

Here is what I see when I jump to their invoicing page:

Freshbooks Invoicing Empty State

They show me a couple temporary CTAs to educate me about the product, they tell me about the high-level numbers even though they are zero, and then they fill up what would be a bunch of whitespace with placeholder invoices in different states.

In terms of MVPs and business priorities, you probably ought to focus on thehappy path of your ideal user, at least at first. That said, any business and app that has legs is going to constantly have new users coming in. You'd be remiss to not spend some time on that experience. The empty states across your app are a new user's first experience with your app and your business. You better make a good impression.

Top comments(0)

Subscribe
pic
Create template

Templates let you quickly answer FAQs or store snippets for re-use.

Dismiss

Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment'spermalink.

For further actions, you may consider blocking this person and/orreporting abuse

I'm a developer and consultant focused primarily on the web, specializing in React, Ruby on Rails, and PostgreSQL. Newsletter: https://crafty-builder-6996.ck.page/e169c61186
  • Location
    Chicago
  • Pronouns
    he/him
  • Work
    Independent Software Dev @ VisualMode.dev
  • Joined

More fromJosh Branchaud

DEV Community

We're a place where coders share, stay up-to-date and grow their careers.

Log in Create account

[8]ページ先頭

©2009-2025 Movatter.jp