Don’t assume you know what users are thinking.

We are living in times of Mobilegeddon, that’s why providing a good experience for your mobile users is crucial. And if you don’t want to lag down in the searching ranking, it’s time to ensure optimal mobile UX design by conducting a mobile usability audit.

Source: StatCounter Global Stats - Platform Comparison Market Share

Guaranteeing your site is performing great on all screen sizes and devices will help you gain more mobile users and conversions. And will keep your site away from experiencing common usability issues.

UX design is a key of the most successful enterprises. During its first year, Amazon invested 100 times more into customer experience than into advertising.

“UX

What is a mobile UX design audit and how will it help my business?

A bit of theory: mobile user experience is a process of user interaction with your website on a smartphone or app. In this case, the simpler, the better.

The more intuitive this interaction is, the more satisfied your user will be. And the higher chances for conversion you will have. Mobile UX design is an area that improves the process of using a website and simplifies complicated steps.

As a result, you will decrease your expenses on attracting new clients. Additionally, you will enhance customer loyalty to your brand.

A goal of an effective UX audit is to remove issues and create an easier and more smooth user journey. It can help increase user engagement, conversions, and satisfaction.

A mobile UX design audit is like a financial audit. Even when you are sure everything is clear and seamless, you’ll sleep better after it’s double-checked.

mobile ux design best practices

And it doesn’t matter if your company is small or big, a design audit is a must for every online project. Indeed, it’s a great opportunity to check and improve your visual design materials, elements, and written messages. In return for the quality audit, you may receive a well-defined identity and branding.

Mobile UX best practices every designer should consider

During the design process, you may miss out on some stages in the users’ flow. Some visual elements will go unnoticed. No worries, it’s a natural and inevitable part of all development processes. Those little (or sometimes big) details can do a lot to ruin a good impression. They can spoil an experience that the user has while using your app or exploring your website.

1. Make the text readable.

Optimizing typography is optimizing readability, accessibility, usability(!), overall graphic balance.

The font of the main text is responsive and more than 16 pixels. Website fonts should be easy to read at the usual distance from the user's eyes (20-30 cm for mobile phones). If your product is for people 35+, then the minimum text size should be 18px.

2. The site is well-designed for both the vertical and horizontal positions of the phone.

Your website’s design should be adapted to all the screens and device positions. It is especially relevant to using the website via mobile phone.

mobile ux design best practices

3. Clickable elements  are finger-friendly for mobile users.

Clickable elements must be designed according to UX guidelines & be easy to hit with the finger. Besides, your users must always be able to see that these elements are clickable.  All buttons on your website should be designed according to the UX guidelines. Meaning that users must be able to hit them easily with their fingers.

mobile ux design principles
Left: properly-sized button. Right: buttons are too small. Image: Apple

Averages for finger pads are between 10–14mm and fingertips are 8–10mm. That is why a perfect minimum touch target size is 10mm x 10mm

mobile design principles

More tips:

  • Make buttons look like buttons ( users need to know instantly what is ‘clickable’ and what’s not)
  • Put buttons where users expect to find them
  • Label buttons with what they do
  • Avoid using too many buttons

4. Depending on the field, the corresponding keyboard opens up to users.

When users need to enter some data, the corresponding keyboard is shown up to them. E.x. when users need to enter a phone number, digits appear. When users must enter their email, the keyboard with @ sign opens up.

Mobile UX Design

5. Сut down form fields.

All forms are shortened to the minimum: the fewer fields, the higher conversion. Limiting the number of fields in your form makes it easier to fill out, which can therefore increase your conversion rate.

Remember a simple & always working rule: the less, the better. Don’t overload your users with the fields and requests.

mobile design best practices

Let’s say you run an eCommerce website or app. You know that customers find your website in search engines, you see the traffic and their interaction with your web page.

They may even get started a checkout process. But finally, they do not convert. And you have no idea why it’s happening all the time.

For example, a UX audit of an e-commerce checkout may show you that the payment process is difficult. It includes too many unnecessary fields to fill in. Or it offers limited payment options that could stop the payment process.

Mobile UX Design
Top reasons for abandonment during checkout. (Image: Baymard Institute) (Large preview)

Tip: The system should not interfere with the user entering the data. In most cases, autocorrect does not help users but rather annoys them.

Properly designed footers can greatly enhance users' experience. Footers serve as an important reference point for people as they complete a variety of tasks on websites.

Users often scroll to the bottom of a page and use the footer as a place to look for hard-to-find content. Thus, it’s crucial to meet your users’ expectations.

Mobile UX Design

7. All active elements can be easily reached with one hand.

Quite often, users hold their mobile phones just with one hand. So, your task is to arrange all the active elements on your screen in a way that users can reach them with the fingers of one hand.

mobile design best practices

8. Access to the phone functions is requested only in a context.

The system doesn't ask for all permissions to the phone functions at once. We are talking about camera access,  geolocation, notifications. The system requests such access in the context of performing a certain task.

For example, it asks for geolocation access when users enter a pizza delivery address. The website also explains that allowing access to certain functions will speed up the search.

Don’t miss the opportunity to prepare your user to accept permissions! Learn how to do it right here.

9. All images are of the highest quality; no pixels are visible.

Images are one of the factors that make your website pleasing to use for your visitors. So, make them good-looking, stylish, and of high quality.

10. The product image occupies 60%-90% of the screen.

To attract users’ attention to your product, you need to make it visible enough. Make your product image stand out among all other elements on the screen so that users won’t miss it.

Moreover, navigation on your website must be easy and entertaining for users. It’s no use to open every image separately when users can just swipe them.

11. Texts on images are easy to read. They do not blend with the images.

The text has to be readable to be successful. You can achieve it by selecting a proper contrast, typography, text size, etc.

Mobile UX Design

12. The design of the application is the same as on the screenshots from the App Store/Google Play.

The statement seems obvious. Yet, still, sometimes screenshots in App Store/Google Play are not updated. It may confuse and even disappoint your users. So, be attentive to such a match.

When do I need to conduct a UX audit?

It is important and helpful in many stages of the project’s life. For example, startups that want to validate their MVPs will find it extremely useful.

It is essential to launch a UX design audit when you redesign an old website or an app. UX audit will help you estimate existing user flows. To detect problems, or bottlenecks that stop users from taking the desired actions and taking away the conversions.

When you plan to create and apply new functionality. UX audit will help you estimate if the new functionality is a valuable addition to your product and whether it will simplify the flow for your users.

You may also implement a UX audit to estimate a new product design before its development. It’s very useful because at this stage you are still able to make changes that will not waste much time and not cause financial losses.

Free UX Audit Checklist

The list above is ultimate and very detailed.  It will help you predict the users’ experience with your website. But, UX audit is not only about pointing out the mistakes and inaccuracies in a UX design app. It is also about offering solutions to avoid those pain points.

That’s why Fulcrum.Rocks created a FREE UX Audit Checklist with “how-to” information. It's appropriate not only for mobile UX audit but also for websites. This checklist is an awesome knowledge base on what items to check and how to improve them.

Free UX audit checklist
Free UX audit checklist

Looking for an expert UX audit?

A successful audit helps to see a clear picture of strong and weak points in the current product experience. It can help understand what to focus on in future design enhancements.

We'll provide a detailed analysis of your website or mobile app. UX audit by Fulcrum.Rocks will help you prioritize the most critical UX issues to be fixed & developed.

  • 1 week-long
  • 100+ UX criteria analyzed
  • audit of all product's pages
  • hotline & tech support check-up
  • wireframes with usability fixes

If you are interested in learning more about all processes — just contact us!