Summary

  • We’ll define usability in an academic way
  • Consider the problems with it
  • And provide a shorter, actionable meaning of usability.

Promise

After reading the article, you’ll:

  • know how to use the term usability in a correct way
  • know when people use it wrong (and feel a smarter person)
  • distinguish academic usability experts from the practical ones.

What Is Usability?

Usability is metric, a number. What does it mean?

It means we should measure usability to know if it’s high or low. If we add or remove a feature, we should re-measure usability again.

What exactly should we measure?

Traditional Definition of Usability

According to Jacob Nielsen, usability industry’s prophet, there are 5 components to measure:

  • Learnability: for the first time users, how easy it is to learn?
  • Efficiency: for repeating users, how fast is it?
  • Memorability: how easy is it to remember?
  • Errors: how many errors users do?
  • Satisfaction: how pleasant is it to use?

Problem with Usability Definition

It’s a hell of measuring.

When you add a feature, you have to run multiple tests, some of them are time-consuming. Take memorability: how long are you prepared to wait before re-testing the feature?

Worse, if you create the whole new app or redesign an existing one.

Example of Redesign

Consider our recent redesign of Icons8:

redesigning for better usability case studyOld web app for icons

It’s well-tested for usability. In particular, I’ve tested these tasks:

usability tests case studySome of the tests that I’ve run on this design. There are more for the collections.

I find this aged. When I’ve shown it to the cool guys from Clay, they said it’s “pretty okay.” I credit them for being polite.

Here’s what we’ve come with:

icons app redesign case studyOne of the iterations of the redesign of our icons app

This design is a vast improvement.

  1. It’s looking aged, thanks to Kyrilo, our UX designer.
  2. Instead of the left side panel for icon details, we’ve got the inline (inspired by Google Images). The theory behind it was offered by our friends from Usethics: moving attention between the list of icons and the left panel is a hard task and the major source of the cognitive load. Make it closer, they said.
  3. We’ve redesigned the collections, providing a shortcut for the default “Favorites” collection.

Should we run all the usability tests for this redesign, it will take 30 measurements not counting the collections. Collections will easily double that.

Let me provide a more straightforward set of metrics. I find it cheap, dirty, and good enough.

Practical Definition of Usability

For me, usability is a set of three metrics. Let’s call it Sucers:

  • Success
  • Errors
  • Speed.

From these 3, you only have to test 2:

  • Success — test it
  • Errors — test it
  • Speed — don’t test it.

Sucers Explained

Here we go with our expanded definition.

1. Usability Is a Success Rate

Usability is a value. Usually, it’s a success rate for a given task.

Example: if 80% of users can buy a product, usability is 80%. Usually, it’s a high value.

2. Usability Is the Number of Errors

It could be the number of errors that users made. How long did a user wander all over the website before successfully ordering her product?

3. Usability Is Speed

Or, it could be the speed. In real life, I never use it. In part, because it’s much harder to measure. It requires many tests, and the results aren’t accurate.

It makes sense to invest the resources in eliminating the errors and adding some heuristics. To speed up:

  • Fewer errors (as in #2)
  • Fewer clicks
  • Fitt’s law
  • More shortcuts

What to Measure

Back to our example with our icons web app, we have to measure only two things:

  • How many people can complete the tasks?
  • How many errors do they make on the way?

All it takes are 10 measurements, down from 30.

For speed, we use the heuristics:

  • Showing the icon details in the middle of the icons grid, we are doing good
  • Adding a shortcut icon for adding to an icon to the Favorites collection, we’re doing good.

Call it a day.

Your Turn

How do you guys test your apps? Showing it to your wife counts as testing, as well as a formal testing lab equipped with a one-view mirror. Share your examples in the comments.

About the author: Ivan Braun, UX designer, founder of Icons8
Title image: Oleg Shcherba for Icons8 illustration project

Read the article explaining card sorting as a method of user testing, check the case study on building photo stock websites and review the ideas on Airbnb redesign for user goals.

Try tools for creators by the Icons8 team

Icons8 Icons8, a library of about 130K+ icons and clip art images
Offline app icons8 Offline app and plugins to drag’n’drop icons and clip art to any design tools
Moose Moose, the big collection of high-quality stock photos
illustrations Ouch!, a library of vector illustrations and collages
Photo Creator Photo Creator, free collage maker with AI technologies to make custom photos
Vector Creator Vector Creator, free collage maker to make custom illustrations for your designs
Fugue Fugue, royalty free music for videos of any kind
Lunacy Lunacy, free graphic design software with built-in design resources
Smart Upscaler Smart Upscaler, image upscaler to enlarge and enhance images using AI
Generated Photos Generated Photos, unique, worry-free model photos generated by AI
Also, get the lists of free vector software and free photo editing software.
pinterest linkedin VK reddit