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.
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.
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.
Want a second opinion on what you find?
Tell us what you're testing and what came back.
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.