Many parts of applications are rarely experienced, yet we have to consider how the presence or absence of these states affect a user’s experience. As UX Designers it’s our job to go beyond visual design and make the best experience possible— this includes all the parts of the experience that nobody thinks to design.
“If you don’t understand the details of your business, you are going to fail.” — Jeff Bezos
The first thing your user experiences is onboarding. The knee-jerk response to onboarding is to darken everything besides the button the user should click on, make detailed instructions telling the user how this button is used, and repeat for each button. Standard. Easy. Done. Right? Wrong.
“I wish this app had a splash page” — Said No One, Ever
For one, no one remembers all those tips along the way, they just click right through because they want to get to the experience. And two, you should have created an experience that is so easy that the user’s only choice is to be right. If your design is so complex that users need a step-by-step walk through, then you need to reconsider what you’ve created.
The best way to onboard a user is to not onboard them at all. Let the user dive right into the experience and play around, free of anxiety or fear that they might get lost and not know what to do.
Tips for a better onboarding experience
- Let users interact with your experience, don’t hide it behind some pay wall, info grab or layer of instructions.
- Don’t interrupt the user’s experience just because you want their data. Users know you make your money off their data nowadays, and they’re not as excited to give it out as you are to take it. If you’re going to ask for info, make sure the user feels like they’ve gotten something in return.
Form fields are often the hardest to design, both from a design and a code perspective. From a design perspective they have to be fairly straight forward so they’re understandable, and from a code perspective they’re pretty much the farthest behind of all HTML elements in terms of ability to customize.
However, form fields are often one of the most crucial pieces of your site or application—they’re where you get info from your users. If your form fields create a poor experience for your user you need to reconsider what you’re doing.
Tips for better form fields
- Make sure your user always knows what form they’re interacting with. Getting up to get something then coming back and forgetting what you were doing is a thing.
- Use autofill whenever possible, especially on mobile. Not only does it speed up the process, but on mobile it also means less typing on that tiny mobile keyboard!
- Give users real-time feedback about whether the info they gave you is valid or not, and what to do if they messed up.
- Let the user know how far along they are in the process. Sometimes just knowing there is an end is comforting.
- Design the experience to feel secure, especially if you’re asking for sensitive or private information.
Right off the bat, I already know what you’re thinking — “I’m a UX Designer, I wasn’t hired to be a copywriter!” And you’re absolutely right, you are a UX Designer. But here’s the deal: The copy users read and interact with is part of the experience you’re designing.
Tips for better copy
- Be creative, but make sure it also makes sense.
- Know your audience. A younger audience might be fine with your fun button copy but an audience that’s less tech savvy probably just wants to know what happens when they click.
- A/B test your copy, either online or with users in real life.
The 404 page is one of the most forgotten experiences outside of empty states. While it is our hope that users will never have to see the 404 error as long as the experience is developed well, we can’t just forget about it. The 404 page is one of the best places to turn a frustrated user into a delighted, returning user.
One of my favorite 404 error examples is in the Chrome browser. Not because it’s the most incredible visual design, but because it’s something you wouldn’t expect, it’s entertaining, and it distracts you from the fact that you don’t have internet — and if anything, it makes you feel like you do.
Tips for better 404 errors
- Make the user laugh or distract them otherwise.
- Admit your failure.
- Give your users directions on how to fix the situation or when you will have it fixed for them.
Empty states are places users don’t expect to be engaged but are surprisingly delighted when they are. Only true UX pros take advantage of the empty states.
An empty state can include the view an user experiences when they first arrive on a screen, the view they see when they zero out their inbox, the loading screen, and many more. You can consider an empty state pretty much any state that has no data to interact with.
For empty state inspiration, check out a site dedicated solely to the best of them, emptystat.es
Tips for better empty states
- Give directions on how to change the empty state to an active one.
- Make calls to action very clear, with well-written copy.
- Distract the user from excessive load times with dummy content or entertaining animations.
Lastly, when creating the best experience possible we can’t forget about notifications. Why does our user need to be notified, when do they need to be notified, and how?
So much data is involved in notifications, yet they are often the most overlooked part of our application because they aren’t states our users experience within the app. Notifications represent the experience beyond the interface and only the best UX designers consider how they fit in the experience they’re designing.
Notifications represent the experience beyond the interface and we need to consider how they fit into the experience we’re designing
Being intelligent about how we design our notification experience can be a make or break feature of our application. One of my favorite is the ESPN app.
My favorite basketball team is the Golden State Warriors, but I’m a busy man and I don’t always notice when things outside of my immediate attention are happening. ESPN allows me to customize my notifications so that I receive alerts about what is happening with my favorite team(s). But they don’t just send me every notification in their system, they allow me to choose which ones I want.
Beyond team notifications, I can set notifications per game as well.
The control ESPN gives me when it comes to managing my sports news and information is incredibly well thought through. It makes me feel important and like I’m in control of my experience, not someone that created the app.
Tips for better notifications
- Ask users what kind of content they want to be notified about.
- Ask your users whether there’s a specific time of day they want to be notified or if they want notifications to be real-time.
- Monitor your analytics to find out if your notifications are increasing the KPIs you hoped they would—if they’re not, figure out how they should change based on that data.
Design is in the Details
Steve Jobs’ dad used to make him build the inside of their fence just as nice as the outside—not because the inside mattered as much, but because “For you to sleep well at night, the aesthetic, the quality, has to be carried all the way through.”
With the amount of data we’re sending, receiving, and tracking daily, with the availability of users and test users, with all the inspiration out there on the web, there’s really no reason we shouldn’t be doing these six things well. The details are what separate the good UX Designers from the great.
It’s easy to forget about the pieces that we feel no one is ever going to see. Remember though, every piece of the experience is an opportunity for engaging design.
To be a great UX Designer, we have to push ourselves to create the best experience possible!
If you liked this article, please recommend it so others stumble upon it as well! You might also like some of my other articles:
The Unicorn Workflow, Design to Code with Atomic Design Principles and Sketch
Wish your design could be as modular as your code? Click through to find out how to make it happen!
You’re Burning Budget on Design: An Argument for Modular Design
Your design process is losing you money, you just haven’t realized it yet.