First-Click Test

Pre-filled with a sample homepage and two tasks, so you can see the whole tool -- click plot included -- before touching anything.

Image

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

or drag and drop it here

Tasks

Each participant sees the image and gets one click per task. To get a first-click success rate, tick "Define a target area" and drag a rectangle over the correct spot on the image. Without one you still get the click plot, just no pass/fail.

Drag again to redraw the correct area.

Advanced: set the area as percentages

Drag again to redraw the correct area.

Advanced: set the area as percentages

Already have a study?

Paste your study key and results (owner) key to view your results.

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.

FAQ

Common 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.

Take it further

Want a second opinion on what you find?

Tell us what you're testing and what came back.

Get in touchSee in-house training

Part of a set

Testing a whole structure rather than one screen? Try the Tree Testing Tool, or design the categories first with the Card Sort Tool.