👋🏻 Introduction
✍️ Context for prototype task
Text Statement
🧪 Take a moment to familiarize yourself with [design A]
Prototype Task
❓ What do you think of the overall design?
Numerical Scale
❓ How is the amount of information presented in the page?
Numerical Scale
❓ How likely would you like to learn more after seeing the page?
Numerical Scale
🧪 Take a moment to familiarize yourself with [design B]
Prototype Task
❓ What do you think of the overall design?
Numerical Scale
❓ How is the amount of information presented in the page?
Numerical Scale
❓ How likely would you like to learn more after seeing the page?
Numerical Scale
❓ Which of the design would you prefer?
Image Preference
❓ Please elaborate more on why.
Text
👋🏻 Thank you
concept validation

Design preference test

Have more than one iterations of design concepts? Conduct a quick design preference test to gauge users initial reactions and make user driven decisions.

Study objectives

  • Evaluate participants' preferences for different design variations or concepts to determine which designs are most appealing or effective in achieving project goals.
  • Assess the usability or ease of use of different design variations by observing participants' reactions and preferences for specific design features, layouts, and navigation pathways.
  • Use insights from the design preference test to iteratively refine and optimize design variations, incorporating feedback and preferences gathered from participants to improve the overall user experience.

Evaluate multiple design concepts with design preference tests

Bring your early design concepts upfront to the users to gauge initial reactions and feedback

Best practices for running a design preference test

  • Provide context: Provide participants with relevant context or background information about the designs, such as the purpose of the project, target audience, and key design objectives. This helps participants make informed judgments and assessments.
  • Control variables: Keep variables other than the design itself consistent across different variations to isolate the impact of design choices on user preferences.
  • Randomize design order: Randomize the presentation order of design variations to minimize order effects and biases in participant responses. This helps ensure that each design is evaluated independently and reduces the risk of bias due to presentation order.
  • Keep it lean and iterate: Instead of running tests on 10+ participants, quickly gauge first impressions and overall feel to incrementally improve the designs. Identify strengths and weaknesses of each design variation and make informed decisions about which elements to retain, modify, or discard.

Getting started

1

Create an account and log in to your Hubble account.

2

Find and select the template to use.

3

Import Figma prototypes and edit the questions as you see fit.

4

Run pilot tests with internal users (ideally, people that are not a part of your project).

5

Preview the study and check if you need to make any last minute changes.

6

Publish the study and wait for the results to come in.

Frequently Asked Questions

What is a design preference test?

A design preference test is used to gather feedback from users on various design alternatives and determine their preferences among them.

What types of design elements can be tested in a preference test?

Various design elements can be tested in a preference test, including overall design and layout, color schemes, organization of information, and more.

When should I run a design preference test?

Design preference tests are useful especially if you have more than design iterations that you need to test and validate to decide which design works the best. Design preference tests help you make data-driven decisions to iterate upon your designs.

How many design alternatives should I test in a preference test?

Even though there is no set numbers, consider the scope, time constraints, and complexity of the design elements. Typically, having more than 3 design concepts could lead to participants being overwhelmed and confused.

Other Study Templates

Test your ideas as early as possible with storyboards

Get quick signals on a problem space with a survey

Assess your website categorizations through a card sorting task

Related Blog Posts

Evaluate multiple design concepts with design preference tests

Bring your early design concepts upfront to the users to gauge initial reactions and feedback