Navigation test sections

Navigation test sections help you analyze how people navigate through your website or application using a series of images to emulate an interaction flow. 
When interacting with navigation sections, participants are asked to complete a particular task and are presented with your interface. At each step, the participant's click position and timing is recorded.The result is a funnel report showing how many users successfully clicked in the correct place at each step, where people dropped off, and direct explanations from every user who clicked somewhere unexpected.

Navigation tests are great for wireframes, app onboarding campaigns and checkout flows, to name a few. 

In this article

Creating a Navigation Test 

  1. Click create a test in the top right corner of your dashboard
  2. Add a navigation test section
  3. Upload two or more images
  4. Set instructions for participants, asking them to carry out a particular task
  5. Define where users must click on each step to proceed

Images can be dragged and dropped into the correct order. 

Navigation Test Results 

Results show you how many participants completed the flow, where they clicked, where they dropped out, and how long they took. 

To show this information we use heatmaps, click clusters, success and failure rates, and duration. 

See sample results here

Common Questions 

What type of file can you upload?

The file must be a JPEG, PNG or GIF and no larger than 5MB.

How are images displayed to participants? 

You can control the way your design will be displayed: 

  • Unmodified images are shown at native height and width
  • HiDPI images are shown at half native height and width 
  • Framed images are shown within a device of your choice
How many images can you include in your Navigation Test? 

You can upload as many images as you like.

How I create different branches in the navigation flow?

Not at the moment. Each navigation test represents a single, linear navigation flow.