First-click testing: is the first step the right one?

Key takeaways

A first-click test shows people a page or menu, gives them a task and records where they click first. It matters because a correct first click strongly predicts success: research by Bob Bailey and Cari Wolfson reported that participants who clicked correctly first were far more likely to complete the task. It is quick to run and ideal for testing labels.

• Records where people click first for each task.
• A correct first click strongly predicts task success.
• Works on live pages, prototypes or screenshots.
• Ideal for testing menu labels and homepage routes.

What is first-click testing?

First-click testing is a usability method in which participants are shown an interface, such as a homepage or menu, given a task and asked to click where they would go first. The test records the location of each first click and how long it took. It measures whether the route to each goal is obvious.

• How clear website navigation improves user experience
• Navigation usability testing: five tasks, five people

Why does the first click matter?

Visitors who start in the right place usually get there; visitors who start wrong often wander and give up. Bob Bailey and Cari Wolfson's research on first clicks reported that a correct first click made task success far more likely than an incorrect one. Fixing first clicks is therefore one of the fastest ways to improve navigation.

How do you run a first-click test?

Choose five to ten tasks, show participants the page and ask them to click where they would start. Online tools record clicks on screenshots or live pages; you can also run it in person by pointing. Aim for 20 or more participants for a reliable picture of where clicks land.

• Pick five to ten realistic tasks.
• Use a screenshot, prototype or live page.
• Avoid using menu words in the task.
• Record first click and time to click.
• Aim for 20 or more participants.

• Menu labels: words visitors understand at a glance

How do you read the results?

For each task, look at the share of first clicks on the correct item and the time taken. A high correct share with fast clicks means the route is obvious. Clicks spread across several items mean the labels overlap. Long times mean visitors are hesitating, even if they get it right.

• Task success rate: the simplest navigation measure
• Time on task: how long it takes to find what matters

How is it different from tree testing?

Tree testing checks a text-only menu structure, with no design, before you build. First-click testing checks the real page, including layout, colour and buttons. Use tree testing to choose a structure and first-click testing to check that the finished design makes it obvious.

• Tree testing: check visitors can find things before you build

What does this look like in practice?

A pattern we see: asked 'where would you go to book an appointment?', half of participants click the hero image, a quarter click 'Contact' and a quarter click 'Book'. Making 'Book' a distinct header button and removing the clickable-looking hero usually concentrates first clicks on the right place.

• See client work
• Website Design & Development for UK businesses

First-click checklist

• Five to ten tasks from real enquiries.
• Test the page visitors actually land on.
• Record location and time of the first click.
• Flag tasks with split or slow clicks.
• Fix labels and placement, then retest.

• 'Did you find what you needed?' Surveys that test navigation
• Website navigation audit: a one-afternoon review

Next step

Ask five people where they would click first to find your prices, and note the answers.