An Introduction to Usability

Usability and user experience (UX) are not the same thing: the usability of a product is a crucial part that shapes its UX, and hence falls under the umbrella of UX. While many might think that usability is solely about the “ease of use” of a product, it’s actually more than that.

The ISO 9421-11 standard on usability describes it as: “The extent to which a product can be used by specified users to achieve specified goals, with effectiveness, efficiency and satisfaction in a specified context of use. ”(1) Usability is hence more than just about whether users can perform tasks easily (ease-of-use), but also concerned with user satisfaction—for a website to be usable, it has to be engaging and aesthetically pleasing, too.

Why Does Usability Matter?

Before we delve deeper into what usability entails, it’s important to address the importance of usability. Usability matters because if a user cannot achieve their goals efficiently, effectively and in a satisfactory matter, they are likely to seek an alternative solution to reach their goals. And for websites and apps, alternative solutions are abundant. Quite simply: if your product is not usable, it’s UX will be bad, and users will leave you for your competitors. Designers looking to develop products with longevity need to ensure that those products are usable or risk losing users to their competitors.

In fact, a 2015 joint research by Huff Industrial Marketing, KoMarketing and BuyerZone(2) on B2B web users showed that 46% of users leave a website because they can’t tell what the company does (i.e., a lack of effective messaging), 44% of users leave due to lack of contact information, and 37% of users leave due to poor design or navigation. This goes to show the potential harm bad usability can bring to your website.

Usability is the outcome of a user-centered design process. That is a process which examines how and why a user will adopt a product and seeks to evaluate that use. That process is an iterative one and seeks to continuously improve following each evaluation cycle.

The 5 Characteristics of Usable Products

Whitney Quesenberry, the UX and Usability Expert and former President of the Usability Professional’s Association (UXPA), offers 5 criteria that a product must meet to be usable(3):

  • Effectiveness
  • Efficiency
  • Engaging
  • Error Tolerance
  • Easy to Learn

1. Effectiveness

Effectiveness is about whether users can complete their goals with a high degree of accuracy. Much of the effectiveness of a product comes from the support provided to users when they work with the product; for example, fixing a credit card field so that it only accepts a valid credit card number entry can reduce data entry errors and help users perform their task correctly. There are many different ways to provide support—the key is to be as informative as possible in a meaningful way to the user.

In our payment form, we restrict the number of digits you can enter into the credit card number field to reduce data entry errors.

You might also want to examine the language used in your product—the clearer and simpler that language is (ideally 6th grade level), the more likely that your information will have the right impact on the user. Using the right level of technicality—for example, reducing the number of technical coding terms for a design-focused website—also helps make your messages clearer and meaningful to users.

Redundancy in navigation can sometimes be beneficial; if a user has multiple paths to their objective, they are more likely to get there. This may reduce the overall efficiency of the process, however, so a balance has to be struck.

2. Efficiency

Effectiveness and efficiency have come to be blurred in the mind. They are, however, quite different from a usability perspective. Efficiency is all about speed. How fast can the user get the job done?

You’ll want to examine the number of steps (or indeed clicks/keystrokes) to achieving the objective; can they be reduced? This will help develop efficient processes. Clearly labeled navigation buttons with obvious uses will also help, as will the development of meaningful shortcuts (think about the number of hours you’ve saved using Ctrl+C and Ctrl+V to copy and paste text).

To maximize efficiency, you need to examine how your users prefer to work—are they interacting via a smartphone or a desktop computer with a large keyboard and mouse? The two require very different approaches to navigation.

3. Engaging

Engagement is a bit of a buzz word, but if you cut through the fluff, you’ll find that engagement occurs when the user finds the product pleasant and gratifying to use. Aesthetics matter here, and it’s why many companies invest a small fortune in graphic design elements—but they’re not the only actors in engagement.

Engagement is not only about looking nice, but also about looking right. Proper layouts, readable typography and ease of navigation all come together to deliver the right interaction for the user and make it engaging. Looking nice isn’t everything, as Wikipedia (famous for its ultra-basic design) proves.


4. Error Tolerance

It seems unlikely that for any degree of complexity that you can completely eliminate errors in products; in particular, digital products may be error prone because of the eco-system in which they dwell—an eco-system which is beyond the designer’s control.

However, the next best thing is to minimize errors from occurring and to ensure that a user can easily recover from an error and get back to what they are doing. This is error tolerance.

Promoting error tolerance, according to Whitney Quesenberry, requires:

  • Restricting opportunities to do the wrong thing. Make links/buttons clear and distinct, keep language clear and simple, don’t use jargon unless absolutely necessary and keep dependencies in forms or actions together. Limit options to correct choices if you can and give examples and support when asking people to provide data.
  • Offering the opportunity to “redo”. Give users a way to reset what they’ve just done and go back and start again.
  • Assume everyone is going to do things you don’t expect them to do. Then either facilitate that or offer advice/support to get back on the right path.

Dropbox has an undo function, in case users accidentally delete items in their folders.

5. Easy to Learn

If you want a product to be used regularly, then you want the user to be able to easily learn the product so that when they use it again, it comes as second nature.

You also need to accommodate ease of learning when releasing new functionality and features, otherwise a familiar and happy user may quickly become frustrated with your latest release. This is something that tends to happen a lot on social networks; whenever a new set of features is released, they tend to be greeted with howls of outrage from comfortable users. And this is true even when the new features are easy to learn.

The best way to support ease of learning is to design systems that match a user’s existing mental models. A mental model is simply a representation of something in the real world and how it is done from the user’s perspective. It’s why virtual buttons look a lot like real buttons – we know that we push buttons. The form elicits the appropriate action in the user, hence making it easy to learn.

Utility + Usability = Usefulness

When you’re designing for usability, it’s important to think about utility, too. While usability is concerned with making functions easy and pleasant to use, utility is about providing functions that users need in the first place.

Only when usability is combined with utility do products become useful to its users. A mobile payment app could provide the most usable feature of adding the people around you on Facebook, but because most users of that app wouldn’t need that feature, it’s going to be useless to them. All your effort towards building the most user-friendly feature could go to waste if that feature isn’t needed.

Learning more about usability

If you’re interested to dive deeper into usability, we have a few good resources you can turn to:

The Take Away

Usability is more than just ease of use. You need to ensure designs are efficient, effective, engaging, easy to learn and error tolerant if you want them to succeed. Of course, there are limitations on the value of usability, and sometimes tradeoffs have to be made to ensure economic viability, for example. However, when there is no such conflict, usability should be the priority.

References

Hero Image: Author/Copyright holder: Traci Lawson. Copyright terms and licence: CC BY 2.0

Make design better: share this article