Best Practices for Mobile App Usability from Google

• 6 min read

770 Shares

In today's world, mobile apps are an essential aspect of our daily routines, so the demand for user-friendly and intuitive mobile applications has skyrocketed. In response to this need, Google has released a set of best practices for mobile app usability to increase user satisfaction and retention rates. These guidelines help you create visually attractive and easy-to-use apps, which in turn makes a more seamless experience for the user. Here, you will explore these best practices in detail and see how they guide you through implementation effectively.

Material Design provides various tools and resources to help you create an accessible app, including support for assistive technology like screen readers and magnifiers. This means that users with disabilities can navigate your app with ease and have an enjoyable user experience.

In addition to accessibility, Material Design offers some of the latest patterns and practices in mobile UX, from intuitive navigation and responsive layouts to bold typography and vibrant colors.

Mobile App Usability: A Field Guide

Google has been at the forefront of mobile app design for years, constantly pushing the boundaries and setting new standards for what a great mobile app should look like. To help designers create better apps, Google has released a set of Mobile App UX Principles.

Take a closer look at these principles and explore how you can apply them to your own app design process:

Text and Content

  • Use font sizes above 11 points, maintain consistency in your use of fonts, and ensure sufficient contrast between elements. These considerations improve readability and enhance the UX, regardless of where or when users access the app.

  • Make sure that key content is accessible even when the user is offline. This includes critical information such as account details, payment history, and other vital features for the user to access at all times.

  • Make sure tap targets are big enough so users can easily see and tap them. On Android devices, the suggested size is 48dp, which is about 9mm wide. For iOS, it's recommended to have a size of at least 44 points. 

  • Ensure that controls are both discoverable and user-friendly: Place buttons, tabs, and other interactive elements in intuitive locations and have enough space between them to prevent accidental taps or touches.

  • Deliver on-screen content and transitions quickly, so your users don't get impatient with loading times.

  • Modals are ideal for multi-step processes that involve simple and self-contained tasks, which do not belong in the main user interface of the app. For example, in an e-commerce app, users may need to confirm their shipping address or payment method during checkout. Instead of navigating away from the checkout screen, implement a modal view that allows them to complete these tasks without losing their progress.

  • To further enhance usability, place call-to-action buttons above the fold whenever possible; however, for pages with rich content, that may not be feasible. In those cases, you can implement a sticky button at the bottom of the screen to give users a convenient way to take action at any moment. 

Forms

  • Design extra security measures when forms require sensitive information such as passwords or credit card details. Use encryption and secure storage for the data, and implement two-factor authentication to prevent unauthorized access.

  • Provide clear form labels and instructions, and offer helpful error messages that help users to correct mistakes. To reduce frustration and improve usability, display these messages as the user fills out the form rather than at the end of the process.

  • Group related fields together, use contrast or shades to distinguish different sections and ensure that important elements like CTAs are visible and accessible.

  • Add animations or micro-interactions to engage the user. Use them to provide feedback when a user interacts with a field or completes a step in the process. These small touches help create a sense of progress and accomplishment for users, which can improve their overall experience with your app.


Four Key Pitfalls to Avoid

Google has also identified four major don'ts in mobile app design that can negatively impact user experience.

  1.  Do not copy UI elements between platforms. While it may seem like a good idea to make your iOS and Android apps look the same, each platform has its own unique look and feel. Users have developed clear expectations about how each platform works, so changing the UI to resemble a different platform can confuse and leave users unsure about how to proceed.

  2. Avoid using underlined URL links in your mobile app. This convention belongs to website design and doesn't translate well into mobile apps. Instead of linking users to a different page, rely on buttons or other visual cues to signify a screen change. 

  3. Don't disrupt user experience by sending users out to a browser. If you must call their attention to some content online, use an in-app browser instead of redirecting them elsewhere.

  4. Don't demand an instant rating from users immediately following the download. Give users time to get used to your app and appreciate the experience before you ask them for feedback or ratings. Regular repeat users are more likely to provide better reviews with higher content levels than those who have just installed the app.


The Take Away

Mobile app usability is a crucial component of any mobile app design process. While following Google's best practices for mobile app usability can undoubtedly help improve the overall user experience, it's important to remember that every set of users is unique, so to optimize your app's usability truly, you should conduct thorough user research and usability testing to confirm that your design caters to your specific user group's preferences and needs.

Google's Mobile App UX Principles provide practical advice to design apps that are easy to use, accessible, and engaging; however, these best practices are not a replacement for proper user research but a great starting point. Ultimately, this approach will lead to higher user satisfaction and retention rates, which are critical metrics for any successful mobile app.

References and Where to Learn More

Read Google’s paper on Mobile App UX.

Keep handy these tools and guidelines from Google:

Google Material

Google Material accessibility

Hero image: © Interaction Design Foundation, CC BY-SA 4.0

Learn More in This Course:

AI for Designers

10 days
16 % booked
View Course

What You Should Read Next

  • Read full article
    Bad Design vs. Good Design: 5 Examples We Can Learn From - Article hero image
    Interaction Design Foundation logo

    Bad Design vs. Good Design: 5 Examples We Can Learn From

    Looking at examples of bad design alongside counter-examples of good design is not only fun but also draws important lessons for designers. They highlight pitfalls for designers to avoid and let us understand how to translate design theories into solutions that work in the real world. Jared Spool, t

    Social shares
    1.5k
    Published
    Read Article
  • Read full article
    User Interface Design Guidelines: 10 Rules of Thumb - Article hero image
    Interaction Design Foundation logo

    User Interface Design Guidelines: 10 Rules of Thumb

    Learn to design with your user’s needs and expectations in mind by applying Jakob Nielsen and Rolf Molich’s Ten User Interface Guidelines. These heuristics have been reflected in many of the products designed by some of the most successful companies in the world such as Apple, Google, and Adobe. Fur

    Social shares
    1.4k
    Published
    Read Article
  • Read full article
    The 7 Factors that Influence User Experience - Article hero image
    Interaction Design Foundation logo

    The 7 Factors that Influence User Experience

    User Experience (UX) is critical to the success or failure of a product in the market but what do we mean by UX? All too often UX is confused with usability which describes to some extent how easy a product is to use and it is true that UX as a discipline began with usability – however, UX has grown

    Social shares
    1.3k
    Published
    Read Article
  • Read full article
    KISS (Keep it Simple, Stupid) - A Design Principle - Article hero image
    Interaction Design Foundation logo

    KISS (Keep it Simple, Stupid) - A Design Principle

    It was Albert Einstein who said; “If you can’t explain it, you don’t understand it well enough.” Though it is often mis-reported as being; “If you can’t explain it to a six year old, you don’t understand it well enough.” What Einstein was driving at was a particular application of “keep it simple, s

    Social shares
    1.3k
    Published
    Read Article
  • Read full article
    Adaptive vs. Responsive Design - Article hero image
    Interaction Design Foundation logo

    Adaptive vs. Responsive Design

    The differences between responsive and adaptive design approaches spotlight important options for us as web and app designers. Choosing with insight can empower you to plan and execute your designs with better aim, purpose and results.With the pervasiveness and diversity of mobile devices, as design

    Social shares
    1.3k
    Published
    Read Article
  • Read full article
    Usability: A part of the User Experience - Article hero image
    Interaction Design Foundation logo

    Usability: A part of the User Experience

    This subject may seem incredibly “big” for a single article, but it’s about the specific nature of usability that we often overlook or confuse. With this appreciation, you’ll be able to design more effectively, and your website’s users will be able to grow, too.Usability replaced the outmoded label

    Social shares
    1.2k
    Published
    Read Article
  • Read full article
    7 Great, Tried and Tested UX Research Techniques - Article hero image
    Interaction Design Foundation logo

    7 Great, Tried and Tested UX Research Techniques

    Thinking about conducting some user research? Wondering which techniques are most likely to provide useful results? Then look no further. We’ve compiled a list of 7 excellent techniques which are tried and tested and have been proven to deliver real value in UX projects. Let’s take a look at each te

    Social shares
    1.2k
    Published
    Read Article
  • Read full article
    How to Conduct User Observations - Article hero image
    Interaction Design Foundation logo

    How to Conduct User Observations

    Observing users interacting with a product can be a great way to understand the usability of a product and to some extent the overall user experience. Conducting observations is relatively easy as it doesn’t require a huge amount of training and it can be relatively fast – depending on the sample si

    Social shares
    1.1k
    Published
    Read Article
  • Read full article
    Don’t Make Me Think – Key Learning Points for UX Design for the Web - Article hero image
    Interaction Design Foundation logo

    Don’t Make Me Think – Key Learning Points for UX Design for the Web

    Don’t Make Me Think is the title of a book by the HCI and Usability engineer Steve Krug. It teaches UX designers how to deliver great user experiences in a very simple and accessible way. Since its release in the year 2000 it has become one of the defining texts in the industry and an invaluable gui

    Social shares
    1.1k
    Published
    Read Article
  • Read full article
    How to Conduct a Cognitive Walkthrough - Article hero image
    Interaction Design Foundation logo

    How to Conduct a Cognitive Walkthrough

    Cognitive walkthroughs are used to examine the usability of a product. They are designed to see whether or not a new user can easily carry out tasks within a given system. It is a task-specific approach to usability (in contrast to heuristic evaluation which is a more holistic usability inspection).

    Social shares
    1.1k
    Published
    Read Article

Top Articles

Top Topic Definitions

Feel Stuck?
Want Better Job Options?

AI is replacing jobs everywhere, yet design jobs are booming with a projected 45% job growth. With design skills, you can create products and services people love. More love means more impact and greater salary potential.

At IxDF, we help you from your first course to your next job, all in one place.

See How Design Skills Turn Into Job Options
Privacy Settings
By using this site, you accept our Cookie Policy and Terms of Use.
Customize
Accept all

Be the One Who Inspires

People remember who shares great ideas.

Share on:

Academic Credibility — On Autopilot

Don't waste time googling citation formats. Just copy, paste and look legit in seconds.

Feel Stuck? Want Freedom?

Get one powerful email each week, like 326,226 others.

Learn to design a life you love.

Next email in
6
days
20
hrs
14
mins
0
secs