Your app’s success is based on a combination of factors, but the overall user experience tops them all. The apps that stand out in the market are those that deliver great UX. When it comes down to designing for mobile UX, sticking to best practices is a solid way to go, but during the creation of the big picture, it’s fairly easy to skimp over design elements that feel like nice to have but not necessary. However, the difference between creating good experiences and amazing experiences often comes down to how thoughtful we can design these small details.
In this article, you’ll see why these little big details are just as important as the more obvious elements of your design, and how they help determine the success of your app.
When a user launches your app, the last thing you want to do is tell them to wait. But what if your app has a time-consuming initial setup phase and there’s impossible to optimize this step? You have to ask users to wait. And if they should wait, you should figure out how to engage them. A splash screen solves the waiting problem and gives you a short but vital window to engage a user in your proposition.
Here’s a few tips to keep in mind when you’ll design a splash screen:
We normally design for a populated interface where everything in the layout perfectly arranged and looks great. But how should we design our screen when it’s pending user action? I’m talking about empty (or blank) states. Designing an empty state is a very important moment because even it’s meant to be just a temporary stage it should be a natural part of your app and be helpful for your users.
The purpose of an empty state is more than just decoration. Besides informing the user about what content to expect on the page, empty states can also act as a type of onboarding (they introduce the app and demonstrate what it does to your users) or helping hand for your users (the screen when things go wrong). In both cases, you want your users to do something so that the screen won’t be empty as soon as possible.
Here’s a few tips to keep in mind when you’ll design an empty state:
We don’t usually think about different loading speeds for our content — we believe that it loads instantly (or at least very quickly) all the time. So we don’t usually design the uncomfortable moments when users must wait for content to display.
But internet connection speeds aren’t always guaranteed and actions can take longer that expected. This is especially true when heavy content (such as images) is downloading. If you can’t shorten the line you should at least try to make the wait more pleasant for your users. You have a great opportunity to keep users engaged by using temporary information containers, such as skeleton screens and image placeholders. Rather than show a loading spinner, skeleton screens create anticipation of what is to come and reduce cognitive load.
Here are a few tips for your design:
Good interaction design provides feedback. In the physical world, objects like buttons respond to our interactions with them. People expect a similar level of responsiveness from app elements. Visual feedback makes users feel in control:
Animated feedback should save time by instantly communicating information in a way that doesn’t bore or distract the user. The most basic use of animated feedback is in transitions:
but an app can truly delight a user when animation is used in ways beyond the standard scope of actions.
Here are a few tips and things to remember for animated feedback:
Design with care. Each minor detail in your app’s UI deserves close attention because UX is the sum of all details working harmoniously. Thus, polish your UI from A to Z in order to create really amazing user experience.
About the Author: Nick Babich is a software developer and author of a blog dedicated to usability
Want to stand out on Halloween? Go 3D! 3D pumpkins, ghosts, zombies, and other spooky…
Animation adds dynamics and variety to the design. Designers often animate details in their projects,…
If seasons were brands, autumn for sure would have one of the most outstanding style…