August 31, 2022
August 31, 2022
I used to say no to any visual testing requests. To me, usability reigned far over visual testing. If our product wasn't usable, our users wouldn't care how aesthetically pleasing our product was.
Many products don't have the essential components they need: functionality, reliability, and usability. So, whenever my teammates asked me about conducting visual tests, I turned each one into a usability test. But I eventually hit a wall.
We had done many usability tests and were in a good place, so visuals were a natural next step. There was no reason to say no, so I tried to test visuals in a way that wasn't biased, leading, or pointless with a smaller sample size. But first, I had to learn the actual goal of visual testing.
Whenever I think about visual testing, I start with what it isn't because that is the most crucial part.
With visual testing, we don't focus on:
It’s easy to fall into the trap of asking these questions and relying on user research to answer them. However, user research can't answer these types of questions.
There are a few main reasons why qualitative user research doesn't help answer these questions:
Here are the goals I try to achieve when using visual tests:
As you can see in these goals, we aren't trying to have people necessarily choose a preference or a design, but instead looking at their perceptions. That is a critical point.
"Visual testing is about people's perceptions of the design or a brand. It does not tell us if something is good or bad but instead looks at how people initially react to what we put in front of them."
Nikki Anderson-Stanier
Founder, User Research Academy
I want to stress how important this point is. We have to think about what these goals and insights mean when we are setting up and reporting on visual tests.
Many stakeholders want to know "if people like something" or "which design to move forward with." Unfortunately, we can't twist the results to answer these questions directly. Therefore, when we go into visual testing, we must align with stakeholders on the fact that we will gather perceptions and reactions.
We won't be able to say, "this design is it" or "people loved design A," at the end of these tests. Instead, we will be able to explain how people reacted to and how they might describe each design, the good and the bad. Then, we can make a more informed decision moving forward.
Before I jump into the different visual testing methods I've successfully used, I want to bring up usability testing.
Aaron Walter created a hierarchy of user needs that mirrors Maslow's hierarchy of human needs. In this diagram, he stresses the hierarchy of how a product relates to users' needs.
The reason I bring this up is that the first three needs are:
Only when we fulfill these three can we build a more delightful experience.
So, when we think about visual testing—which generally looks more at the perception of delight and joy—it’s essential to assess whether we are achieving the first three.
That's why I tend to default first to usability if I ever get a visual test research request. Because as visually appealing as a product is, no one will like it if it isn't functional, reliable, and usable. So focus first on the usability aspect and then address the visuals.
Want a step-by-step guide to usability? Check out this article!
Okay, so we've done some usability testing and are ready to get into some visual testing. Where do we start? With the goals, of course! Here are the various methods I use, depending on the goal you are looking to achieve.
This goal is about seeing people's initial responses to a brand or visuals. The main methods I use for this goal are:
This method allows you to measure how well a design quickly communicates a message.
Use it to learn:
How to set one up:
Script examples:
Aesthetic explanation lets you understand how someone would describe their initial impressions of a design or brand.
Use it to learn:
How to set one up:
Script examples:
Within this goal, we are trying to understand how people perceive a brand or a design. One of the best ways to do this is to have them describe their perceptions. I use the following methods:
Allows you to understand how users view and describe your brand.
Use it to learn:
How to set one up:
Allows you to understand how users view and consider your brand attributes in relation to your design.
Use it to learn:
How to set one up:
Attribute examples:
This method helps you understand how users rate your design and brand against specific attributes.
Use it to learn:
How to set one up:
For me, this goal is the most important. It’s great if people respond well to your brand and design and rate positive attributes high.
However, I have seen many instances where visuals impact the usability and experience of a product. So, this goal is fundamental to include in your visual testing. Here are some approaches:
First-click tests help you measure if users can do a specific task efficiently and effectively on your site.
Use it to learn:
How to set one up:
Task script example:
Tree testing helps you measure if users can find specific information on your website where they expect it to be.
Use it to learn:
How to set one up:
Task script example:
When I first started doing visual testing more regularly, I was terrified to apply these methods to my toolbox. I felt like I might mess up and give my team invalid results.
However, when I focused on the perception and the correct goal, I found that these approaches can help teams with certain decisions beyond usability testing alone.
Nikki Anderson-Stanier is the founder of User Research Academy and a qualitative researcher with 9 years in the field. She loves solving human problems and petting all the dogs.
To get even more UXR nuggets, check out her user research membership, follow her on LinkedIn, or subscribe to her Substack.