Design+Code logo

Quick links

Suggested search

Why is it convenient?

Usability reviews can be quick and cheap to run, can be conducted by any team member, and can have a broad scope. I think it's something we need to do now and then because it gives us the status of our product's usability. UXM covers more in detail about this subject.

Screen Shot 2020-12-09 at 10.59.12 AM

Types of usability reviews

The interaction design foundation classifies usability reviews into two types: scenario-based reviews and heuristic reviews. A scenario-based usability review focuses on a specific situation that the user will go through, like writing an email or adding a reminder. The heuristic one focuses on following the best practice standards, which we will dig a little bit deeper in the following paragraphs. But most of the time, both; the heuristic and the scenarios review tend to work together in practice.

Screen Shot 2020-12-09 at 10.46.41 AM

Defining Scenarios

To work on the usability review scenario-based, we need to define the scenario using the 4 Ws of evaluation, which are: who, what, why, and where. Who is using the system? What is the user trying to do? Why is the user using the product? And Where the user will use the product? Other questions that can help are: Does the user has previous experience using the product? Which are the tasks that the user has to accomplish? A good exercise is to turn user goals into task scenarios, as the NN group explains in their article.

Screen Shot 2020-12-09 at 10.05.54 PM

The ten usability heuristics for user interface design

Jakob Nielsen explains better in one of his articles about the ten usability heuristics that are helpful to set a heuristic usability review. It is essential to understand each of the points since they will help us shape our usability review.

JakobS Ten Usability Heuristics

Use your parameters

If neither of the methods is a good fit for your product, context, or market, you can always set your parameters. It is crucial that you can outline strong points that you will like to use in your evaluation of your product. The advantages of creating your parameters are that the results of your review can be richer and focused. In some cases, the first results of these tests can be a little bit basic, but it tends to improve with time. The interaction design foundation shares an interesting graphic explaining which parameters you need to consider to do your tests.

Untitled

When to use it?

A usability review could be more useful when it is executed in the early stage of the design process because it will help us to identify some of the premature issues that the app can have. Another recommended stage of applying for the usability review is when we have some product prototypes since that will help us find some improvements to it. There is an interesting article which shares a checklist for a usability review.

Screen Shot 2020-12-09 at 11.06.08 PM

Usability review examples

There are good examples on the NN/g of usability reviews of different products. It is worth the lecture and the analysis of each one of the reviews. And it can help you to understand better how you can execute your own reviews.

Screen Shot 2020-12-09 at 10.31.52 PM

Create a Usability Review table

For this exercise, we will create a table in Notion which will help us to evaluate our design. It is important that for our usability review we can have at least five polls. So for this example, I prepared five personas that we will link to our document. These personas are based on the example we work on the Usability Metrics section.

Screen Shot 2020-12-07 at 7.08.06 PM

In our initial page you will see that we added already five personas. Feel free to click on any of them to check or edit their metrics.

Screen Shot 2020-12-07 at 7.57.47 PM

Now, we will create a table for each one of the personas with the command "/create", this tables will help us to pull data from the user personas, so we can learn if our design will approve our usability review. The final template could help you to automate your usability design tests. On the second column let's change its property from Multi-select to Relation and let's name it User 1.

urv1

From the database dropdown, make sure to select the Summary of your persona. In this case select Summary John Doe.

urv2

Then we hide unnecessary columns.

urv3

Next, we will create a table for each one of the rest of the personas repeating the same process of persona 1.

urv4

Once we finished the five tables for each one of the personas, let's create a new table that we will call Final Percentage. We will use this table to learn the final evaluation of our app.

Screen Shot 2020-12-07 at 8.21.46 PM

From the table let's name the second column user 1% and so on until user 5% is reached, followed by this the next column will be named Final Percentage

urv5

Next, we will change the properties of the columns, where user 1-5% will have the # number property and Final Percentage formula

urv6

then we will fill in the fields. In the Name column we will put Users Data and in each column of User 1-5% we will copy the percentage of each user

urv7

Then, click the first row in the Final Percentage column so we can add a script.

urv8

We will add the following formula which will get the average percentage of the 5 user personas.

divide(prop("User 1%") + prop("User 2%") + prop("User 3%") + prop("User 4%") + prop("User 5%"), 5)

urv9

Finally, let's click on the Approval column and add the following formula:

larger(prop("Final Percentage"), 50)

This will create a check box. If the final value is greater than 50, a checked box will appear. If not the box will be empty. So it will help you visualize if your design is approved or not. As an option, you can change the last value 50 from the script in case you would like to modify the approval value.

urv10

Conclusion

This process helps us understand the evaluation of our app. It is important to go through this process since this can give us an idea of the pain points of our app.

Learn with videos and source files. Available to Pro subscribers only.

Purchase includes access to 50+ courses, 320+ premium tutorials, 300+ hours of videos, source files and certificates.

BACK TO

Usability Metrics

READ NEXT

UX Terminology

Templates and source code

Download source files

Download the videos and assets to refer and learn offline without interuption.

check

Design template

check

Source code for all sections

check

Video files, ePub and subtitles

ux-design-handbook-usability-review