Throughout my 14 years in the design industry, I’ve used countless tools to work on my design projects. One of the first tools I used was the venerable design workhorse Adobe Photoshop, and it became my favorite tool for web and print design back in 2004. In the early days of my career, I considered Photoshop to be the most complete tool in terms of web design and mobile application design. Challenging Adobe’s dominance, Sketch arrived in 2010 and in my opinion revolutionized the UI/UX design process for Mac users. I loved Sketch and used it whenever I could for my web projects, but its lack of compatibility with PCs proved to be an inconvenient limitation in mixed-platform environments.
The state within an application or website that doesn’t contain any data is called an empty state, and it’s something that’s easy to overlook.
Empty states are very common for new users who are unfamiliar with an application or website, so it’s important to design for what happens when someone isn’t yet a power user.
Designing empty states answers questions like:
- What does someone see the first time they sign in?
- What happens when there are no items in a shopping cart?
- What if there are no open support tickets?
- How does someone populate a list?
- What should my first task look like?
A good practice for someone with zero items in their list is to make a suggestion on where to start.
Instead of a message saying, “There’s nothing here!” — or worse, a space left blank (or worse yet, an error message)— indicate what should happen to populate that space.
Some ideas to design for empty states:
- A message indicating that this is where your things will be shown.
- A button prompting someone to start making a thing.
- A guided walkthrough on how to accomplish doing an initial thing.
- A way to get help or support if there is no thing listed where there should be a thing listed.
Etsy prompts me to check out what’s trending when there’s nothing in my cart.
For inspiration, check out emptystat.es for a curated collection of empty states from popular websites and apps.
Our expertise is only as good as our ability to share it with you. Here are the latest thoughts and ideas from our team.
When I tell people that I’m a user experience (UX) designer, most people nod politely as their eyes glaze over for a second, and they try to move the conversation along. Early in my career I thought they were completely uninterested, but over time, I came to realize that many people simply don’t know what UX is and might feel awkward about asking. On behalf of misunderstood UX designers everywhere, please allow me to introduce you to the wonders of quality UX and why you should care about it.
What is a visual brand identity, you ask? It’s only one of the most important things about your business. Branding is far more in depth than aesthetics. It delves into the core of why you exist as a business. It requires hours of research and analysis to ultimately cultivate something visually appealing that communicates your message: your visual identity. A visual identity is comprised of a system of external expressions such as a logo, color palette and texture, typography, iconography, illustration, photography, motion principles, and composition.
I went fishing the other day and all I caught was a good UX lesson for you. Here’s the deal: my daughter entered the neighborhood annual fishing derby. For a decent UX guy, I’m a terrible fisherman. But I do know how to bait a squirming worm and unhook the slimiest of fish.