Testing navigation


It's easy to confuse tree testing with navigation testing; both are dealing with how users move through a site by clicking on headings and menus.

But there's an important difference: tree testing evaluates the effectiveness of grouping and labelling, but without any spatial design or interaction design - just a plain drill-down textual tree.

Navigation testing, on the other hand, presents an actual (or simulated) user interface to our participants, which may include things like working menu bars, visually designed controls, and so on. In this case, we're testing not just the grouping and labelling, but also the menu design (in menu testing, below) or visual layout (in first-click testing).

Menu testing

Menu testing is similar to tree testing, in that we are typically modeling a top-down structure and using representative tasks to test its effectiveness with user

Naview is a menu-testing tool that lets us "design and build navigation prototypes and test navigation usability".

First-click testing

First-click testing (sometimes just called "click testing") is a popular way to see where users click, given a screenshot and a specific task.

For example, here's a prototype sat-nav UI that underwent first-click testing:

When we asked participants to "visit friends at their new house on 23 Napier St for the first time", the "heat map" generated by the testing tool showed us where they clicked:

This is a quick way of testing various navigation elements - navigation bars, utility links, featured items, links in body content, and so on.

However, because we're just capturing a single click on a screenshot, we can't easily test more complicated interactions like multi-level menus.

Some first-click testing tools

Sequence/navigation testing

A sequence test extends the first-click test to handle subsequent clicks through a sequence of pages, to see where participants go when given a task. It seems best suited to "funnel" patterns such as a checkout sequence on a shopping site, but could be extended to cover general navigation by adding screenshots/links from across a website.

Navigation Test by Lyssna lets us link several screenshots together, define an end point, and see if and where participants stray off that path:


Next: Testing search


Copyright © 2024 Dave O'Brien

This guide is covered by a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.