Skip to main content

Click test sections

Written by Krystal Taylor

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. You can add several click tasks to the same image, and participants will complete them one after another.


Creating a click test section

  1. From your dashboard, click +Create study, and then Test or survey

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

  3. Upload a design to your test. All click tasks in this section use this design.

  4. Under Task detail, write instructions for your first click task. Instructions are optional.

  5. Add one or more follow-up questions, if desired. Participants answer them after completing the click task and before moving on to the next one. To show the follow-up questions in a different order to each participant, tick Randomize follow-up questions below the questions. This setting applies to each click task separately.

  6. To test another click on the same design, click Add another task and repeat steps 4 and 5.


Adding multiple click tasks to one design

Each click you want to test is a click task. A First click section can contain up to 10 click tasks, all shown on the same design.

All click tasks in a section share the same design, device frame, and pixel density. Click tasks are numbered in the builder (1.1, 1.2, 1.3), and their follow-up questions are numbered beneath them (1.1.1, 1.1.2).

  • Add a click task: click Add another task below the last click task.

  • Reorder or remove a click task: click the ⋮ menu on the click task, then choose Move up, Move down, or Delete. Deleting a click task also deletes its follow-up questions.

  • Minimum: a First click section needs at least one click task.

Participants complete click tasks in the order you set. They must click on the design to complete each click task and can't skip any.

Note: each click task increases your test's estimated length, which affects the cost of recruiting from the Lyssna panel. The estimate updates in the bottom-left corner of the builder as you add click tasks.


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 the mean(average) click times within that highlight. You can also filter to show only the clicks you want to see. You can remove the highlight by double-clicking on it.

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.

Results for multiple click tasks

Each click task in a First click section has its own results card beneath the section heading, with its own click map or heat map, click counts, and average click times. Regions you select apply to the click task you're viewing.

If you filter by where participants clicked on a particular click task, the filter narrows the response set across your whole test, not only that click task.


Common questions

What type of file can you upload?

The file must be a JPEG, PNG or GIF.

The size limit for images is 10MB 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.

If you need more help getting started, check out our guide on first-click testing. It's a great resource that can offer you valuable insights and get you on the right path.

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

Can I use a different image for each click task in the same section?

No, you can't use a different image for each click task. All click tasks in a First click section share one design. To test a different design, add another First click section to your test.

Can I randomize the order of the click tasks in a section?

No, you can't currently randomize the order of click tasks. They appear in the order you set them in the builder.

Can I randomize the order of follow-up questions in a click task?

Yes, you can randomize the order of follow-up questions in a click task. Tick Randomize follow-up questions below the click task's questions. The setting applies to each click task separately, so you can turn it on for some click tasks and leave it off for others.

Can participants skip a click task?

No, participants can't skip a click task. They must click on the design to complete each one before moving on to the next.

Did this answer your question?