One image, one task, one click.
Upload a screenshot or mockup, write a task, share a real link. See exactly where people click first, plotted on the image, with a success rate if you define a target area. Free, no signup -- try the pre-filled example below.
Edit the example, or use your own image.
Pre-filled with a sample homepage and two tasks, so you can see the whole tool -- click plot included -- before touching anything.
A screenshot of a page, wireframe or mockup, hosted anywhere public. This tool accepts a URL rather than a file upload -- if you need to host one first, most design tools (Figma, a quick upload to your own site) give you a shareable image link in a couple of clicks.
Preview
Tasks
Each participant sees the image and gets one click per task. Defining a target area (optional) lets the tool calculate a first-click success rate; without one you still get the click plot, just no pass/fail.
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 will not tell you that on its own. Treat a small sample as indicative, and remember it does not recruit participants for you -- you bring your own.
Common questions
What is 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 are testing. It does not need to be interactive -- the whole point is testing whether the STATIC design communicates where to click, before you build anything clickable. This tool takes an image URL rather than a file upload; most design tools give you a shareable image link in a couple of clicks if you do not already have one hosted.
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 are testing and what came back, and we will get in touch.
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.
Beginner UX (AI) Design starts 21 September 2026.
Tools help you do the work. They do not teach you the judgement behind it. Beginner UX (AI) Design is taught live online by working UX professionals, built for career-changers with no design background. Get the brochure and see the full curriculum, the schedule and what the weeks actually involve.
Working in a team rather than learning on your own? We run in-house UX training built around your own product, or you can book a call to talk it through.