First click testing is a method for measuring the usability of a website, app, or design. The aim of first click testing is to verify that the first click a user makes on an interface to carry out a given task is both correct and easy.

When interacting with a click test section, the participant is shown instructions that you provide (usually along the lines of “Where would you click to…?”) and is then shown an image on which they will click to carry out the instruction.

In this article

Creating a click test section

  1. Click Create new test in the top right corner of your dashboard.

  2. Name your test and assign it to a project.

  3. Add a First click section. You can rename this section to help keep large tests organized if desired.

  4. Upload a design to your test.

  5. Write instructions for participants.

Click test results

Your results will include a click map to show where participants clicked. This data can also be viewed as a heat map.

You can select regions of the design to see the total number of clicks and average click times within that highlight. You can also filter to show only the clicks you want to see.

If you used a Linear scale or Ranking question as a follow up, you will see the mean of the responses in the bottom right corner of the section, rounded to two decimal places.

Common questions

What type of file can you upload?

The file must be a JPEG, PNG or GIF.

The size limit for images is 5MB and the maximum height and width dimensions are 16000x16000 pixels.

How are images displayed to participants?

You can control the way your design will be displayed:

  • Unmodified images are shown at native height and width

  • HiDPI images are shown at half native height and width

  • Framed images are shown within a device of your choice

What can you test with Click tests?

First click tests can be run using screenshots, sketches, wireframes, and mock-ups. With click test sections, you can begin testing from early in the design process through to the final stages, and even on live interfaces. You can view two example tests here.

If you want to test a task on a full prototype, you can find out how to do that here: Prototype test sections.

Did this answer your question?