First-Click Test

Open in app

A first-click test shows people an image, gives them a task, and records where they click first.

Example

Pre-filled with a sample homepage and two tasks, so you can try everything first.

Set up your test

Study title

Default image (used by every task unless you change it)

Upload a screenshot, wireframe or mockup (PNG, JPG or WebP), or paste a link to one.

or drag and drop it here

Tasks2

Each participant sees the image and gets one click per task.

Where would you click first to start a free trial?1 target area
Image
Default image.
  • Area 1
    Adjust with numbers
Where would you click first to contact customer support?1 target area

Options

Phone users of a desktop study get a short note first.

Participant journey

Optional. Empty boxes use the wording shown.

Shown first, on the start screen.

Shown under the welcome message, before the first step.

Questions before the study

Up to 3. Asked before the task. Don't ask for names or emails unless you need them; participants are told what's collected.

Ready to share2 tasks

Be honest about this

One click tells you where, not why.

A first-click test tells you where a click landed, not what someone was thinking when they made it. If a click misses the target, follow up with a moderated session or a short survey question to learn why: this tool won't tell you that on its own. Treat a small sample as indicative, and remember there's no participant panel. Recruit your own.

Questions

Frequently asked questions

What's first-click testing?

First-click testing shows a participant an image, usually a screenshot or wireframe of a real page, gives them a task, and records exactly where they click first, before anything else happens. Research popularised by Bob Bailey found a strong link between getting the first click right and completing the task overall, which is why this single click is worth measuring on its own.

Do I need to define a target area?

No, but you get more out of the result if you do. Without a target area you still see every click plotted on the image, which is useful on its own. A scatter of clicks nowhere near where you expected tells you something regardless of pass/fail. With a target area defined, the tool also calculates a first-click success rate.

What image should I use?

A real screenshot or a static mockup of the page or screen you're testing. It doesn't need to be interactive. The whole point is testing whether the STATIC design communicates where to click, before you build anything clickable. Upload a PNG, JPG or WebP file (it's resized for you), or paste a link to an image that's already hosted.

What are the different types of first-click tests?

Two variants, both supported here. Without a target area, you see every click plotted on the image with no pass or fail, useful for spotting where attention lands. With a target area defined, the tool also calculates a first-click success rate against the zone you marked correct.

How is this different from a heatmap tool on my live site?

A live-site heatmap (Hotjar and similar) shows you what real visitors already do on a page that exists, over time, across everyone. A first-click test is a small, deliberate experiment you run before or instead of shipping. One task, a handful of participants, a specific question you chose. Use a heatmap to observe; use this to test a hypothesis before you commit to a design.