Tree testing in UX design

Tree Testing: A Complete Guide

by Mads Soegaard | | 82 min read
258 shares

Tree Testing reveals where users lose their way in your navigation. It’s a focused approach to evaluate a site's navigational structure. But it’s more useful in certain scenarios. So, you need to understand where you will benefit from tree testing the most. Learn about the pros and cons of testing tools to make informed decisions about their application. 

Did you know unclear navigation can drive customers away? Forbes revealed that vague website labels lead to confusion and lost business

This is where tree testing offers a method to streamline and validate site navigation. You can use this method to ensure that your labels and categories make sense to your audience. Learn how this technique can enhance user experience, reduce confusion and help retain customers on your digital platform. 

Tree testing provides goal-oriented verification of a navigation hierarchy. You don’t involve any other part of the solution since users only interact with a simulation of the menus. In this video, William Hudson discusses how you can start tree testing. 

Show Hide video transcript
  1. Transcript loading…
 

What is a Tree Test? 

A tree test is a simulation of the navigation structure of a website or app. It evaluates the findability of topics or features. Imagine a library system. Each section has books categorized under various topics. A tree test works similarly. It doesn't show the design or layout. Instead, it presents a text-based version of the site's structure.  

Participants navigate through the structure. They look for items or information as they would in a real scenario. The goal is to check if they can find things easily without visual help. This method highlights navigation issues. It helps improve the user experience. 

To set up a tree test, you need two components: 

  • The Tree, or the hierarchical menu, which you will display as a series of accordions. It shows the site's navigation categories without any design or content. 

  • The Tasks are realistic goals that users might want to achieve, such as buying a new saucepan or checking last month’s phone bill. 

Participants click on categories to see subcategories. They navigate through the tree until they think they’ve reached the goal specified in the task. This process requires no prototypes, designs, visuals or written content. Here’s an example, shown as a breadcrumb line, for the task of “Buy goat milk yogurt”: 

Browse Shop > Fresh & Chilled Food > Yogurts > Goat & Sheep Yogurt 

This looks easy enough, but in the hierarchy in question, the “Yoghurts” menu item was immediately preceded by “Dairy & Eggs.” Yogurts are dairy, so that might be distracting. That is what tree testing will help us discover. 

Tree Testing and Other UX Testing Methods

Tree testing stands out among various UX testing tools. Each method offers unique insights into user experience and usability. Here's a closer look at tree testing alongside other common usability methods. Understand when to use them together or separately. These are in the order they are often used in a project: 

  • Card Sorting: Users sort content into categories to shape or evaluate IA. It's a great start before tree testing. It helps you craft the IA, which you'll later test for navigational clarity. 

  • First-click Testing: It tracks the initial click in a task, which is crucial for successful outcomes. This testing can complement tree testing by showing where users expect to begin their navigation.  

  • Heatmaps: These are often generated by first-click testing and eye-tracking tools. They show where users click, move and scroll–how they engage with a page. Heatmaps detail interaction with a designed interface; tree testing narrows the focus on navigation paths. 

  • Usability Testing: Observers watch users interact with your product to complete tasks. Unlike tree testing, this method covers design, content and interactions. Use tree testing for early IA checks and usability testing for a broader user experience overview. 

  • A/B Testing: This compares two versions of a page or app to see which one users prefer. It's ideal for design decisions, while tree testing focuses on the IA beneath the design. 

Benefits of Tree Testing

You already have a variety of UX methods. So, what benefits does tree testing provide? 

  1. It's Efficient: You can set up, conduct, and analyze a tree test within a week. This method is fast and effective. 

  2. No Need for a Prototype: You only need a topic tree, some tasks, and participants to start. This makes it perfect for early testing. 

  3. Focuses on Structure: Tree testing isolates site structure for examination. It lays a solid foundation for later design elements. 

  4. Outperforms Closed Card Sorting: Tree testing offers a more realistic assessment than closed card sorting. It evaluates all tree levels effectively. 

  5. Provides Objective Evaluation: You gain quantitative feedback on your headings and terms. This complements qualitative user feedback and stakeholder opinions. 

  6. Recruitment is cheaper and easier. Tree tests can be as short as 10 to 15 minutes. This means finding and rewarding participants can be much less troublesome than for hour-long usability tests. 

When to Use Tree Testing?

Tree testing proves invaluable at several key points throughout the product development journey. These include:  

  • Product Development: Information architecture is key when creating a new website, mobile app or any digital platform. Tree testing lets you assess and confirm the usability of your planned structure without the need to design, write or code. You can do this before you spend time and resources on development. 

  • Start of a Redesign: Early in the redesign, tree testing helps you understand how well your current IA setup works. It finds problem areas that you must fix. Unlike regular usability tests that look at the design and feel, tree testing focuses on finding things easily.  

  • After Card Sorting: Card sorting, a technique used to help design or evaluate the information architecture of a site, establishes how users think about the terms in your navigation. Specifically, it reports how often pairs of words are grouped and suggests navigation structures that take advantage of those pairings. However, it does not provide a single, definitive navigation structure unless you are fortunate enough to have participants who all think the same way. Testing your structure after card sorting makes sure it works well for users. 

  • Identify the Best Information Grouping Method: Tree testing shines when you aim to discover the most effective way to group information for your users. Use it to compare different organizational schemes and see which one your target audience navigates easily. 

A common way to work on your product’s structure includes: 

  • Begin by testing how easy it is to find things on your current site or product. This helps spot what may not work. 

  • Use card sorting to think of new ways to organize things. 

  • Test these new structures with tree testing. This step is about making sure your new setup helps users find what they need before you start creating content or designs. 

Tree Testing Examples

Tree testing can illuminate the usability of a website or app's structure through several illustrative examples.  

1. E-commerce Site Navigation: This example tests if users can quickly find items like blazers or shorts. It checks if the site’s categories are logical and easy to navigate. 

An eCommerce website enabling shoppers to find different products easily. 

© Interaction Design Foundation, CC BY-SA 4.0

2. University Website: This tree test could help identify whether a university's website allows prospective students to find information about specific majors, the admissions process, and campus resources. It evaluates the clarity and logic of the information organization. 

A university website guiding future students to majors, admissions, and campus resources. 

© Interaction Design Foundation, CC BY-SA 4.0

3. Government Website: This example can assess whether citizens can easily find the necessary government services.  It would highlight any confusing navigation or labeling within the website's structure and help make government services more accessible to users. 

A government website to enable citizens to easily find the necessary government services. 

© Interaction Design Foundation, CC BY-SA 4.0

These examples highlight how tree testing evaluates a site's navigational structure. It ensures that users can easily find information and you have logically organized it. Through such testing, you can identify and address navigational challenges before they impact the user experience. 

How to Conduct Tree Testing: Your Step-by-Step Guide

Tree testing is a straightforward method to validate your website or app’s navigational structure. Follow this guide to conduct a successful tree test. 

Step 1: Define Your Objectives

Start by setting clear objectives for your tree test. You might want to see how easily users can find information. Maybe you aim to spot confusing areas in your site's layout. Or you could compare various ways to organize content.  

Clear goals help shape your test. You craft tasks based on these goals for participants. They also sharpen your focus when you analyze the data.  

Clear objectives also make the testing process efficient. It ensures that you receive relevant feedback. This strategy can help you improve your site or app based on solid evidence. 

Step 2: Build Your Tree

For this step, create a text-only blueprint of your site or app's structure. This blueprint includes all main and sub-categories but skips the design elements. It's crucial that this tree accurately mirrors your actual or planned navigation setup.  

Every layer of your hierarchy needs to make sense and be easy to understand. Use clear, descriptive labels for each category. It helps test participants navigate your tree with just the text. This foundational work tests the structure's ability to guide users to their destinations without visual aids. 

Step 3: Choose a Tool for Tree Testing and Input the Tree

After you build your tree, you must select a suitable tree testing tool and input your tree structure into it. Look for a user-friendly tool that aligns with your test goals and offers detailed analytics. Popular options include Optimal Workshop's Treejack, UserZoom or other UX testing platforms that support tree testing functionality. You can even use a simple tool like Google Forms.  

Once you choose your tool, input the hierarchical structure that you created. This process typically involves entering your categories and subcategories in a format the tool can understand. You can do this through a simple text editor or upload a structured file.  

Review the tree within the tool for accuracy and usability before you design your tasks. This step helps you set up your test environment. It allows for an efficient and effective testing process. 

Step 4: Design Your Tasks

When you set up tasks for tree testing, consider the real actions users would take on your site or app. Each task should give participants a goal to find something specific. This approach helps you evaluate if your information architecture (IA) meets user needs. For instance, if you want to test a retail site, you might ask users to "Find a pair of men's running shoes under $100." You must craft such tasks for insightful tree testing results. 

Tasks in tree testing vary and play unique roles in assessing your IA: 

  • Resource-Finding Tasks: These align with key business goals. You ask users to locate major products, services or vital information.  

  • Potential Problem Areas: Identify new categories that stakeholders suggest or spark debate in card-sorting studies. Testing these areas helps spot and resolve navigational issues early. 

  • Label or Location Comparisons: Test alternate names or placements for the same category to see which works best. 

  • Warmup Task: Start with an easy task to familiarize participants with the testing process. It also helps weed out inattentive participants in unmoderated settings. 

For every task, define the correct answer(s) or location(s) within the tree. This setup lets the testing tool automatically calculate success rates for each task. It offers clear metrics on your IA's performance. 

Sometimes, you may wish to test only the upper levels of a hierarchy. This commonly happens when the lower levels are too numerous–such as in an e-commerce site with tens of thousands of items. But in some cases, your main interest may be in the categories above. 

Step 5: Choose Your Participants

You must consider the quality of participants for your tree test. Aim for individuals who mirror your real users regarding behaviors and needs. This diversity ensures the feedback you receive reflects a broad spectrum of experiences.  

Typically, a group of 5-15 users provides a solid basis for actionable insights. Ensure the chosen participants have varying levels of familiarity with your site or app. This mix offers a balanced view of how intuitive your navigation feels to new and seasoned users.  

As with most research tools, you need to decide what you’re trying to find out and who to conduct your research with. In this video, William Hudson talks about these important questions and the related issues of participant recruitment and screening. 

Show Hide video transcript
  1. Transcript loading…
 

Step 6: Screen Your Participants

The quality of any research depends on the suitability of participants. Having decided whether to test with existing users or new visitors, you must ask participants carefully worded questions to assess their suitability. Do not ask direct questions about the site or app in question.  

Participants may have been offered incentives to participate in the research and may simply answer to receive those incentives. Instead, ask general questions, such as “How often have you used the following websites/apps?”. The site or app you are working on will be listed along with several others. If participants do not qualify, the testing tool will allow you to politely refuse their involvement. 

William Hudson discusses this in more detail below. 

Show Hide video transcript
  1. Transcript loading…
 

Step 7: Run the Test

Use your chosen tree testing tool to launch the test and share it with your participants. These tools will monitor how users navigate the tree and track their choices, clicks and time spent on each task. This provides valuable data on user interaction with your information architecture (IA).  

Step 8: Analyze the Results

Review the collected data to understand user behavior. Look at where users clicked, how many tries it took them to find the correct category and at which points they stopped or turned back. Spot patterns in this data to understand areas of your IA that may confuse or slow users.  

When you analyze tree test results, focus on key metrics: success rate, directness, time and path. 

  • Success Rate: This is the percentage of participants who completed a task. 

  • Directness: This measures how many users found the correct answer on their first attempt without backtracking. 

  • Time: Look at how long it took participants to complete each task. 

  • Path: Examine users' routes through the tree to understand their navigation choices. 

This step helps you identify where to improve your site or app's structure. It points out where simplification or reorganization could make navigation more intuitive. 

Step 9: Refine Your IA

Use the insights gained from your analysis to make informed changes to your IA. You may have to rename categories for better understanding, reorder them to follow a more logical progression or change the hierarchy to align better with user expectations.  

The objective is to make your site or app as easy and natural as possible for your users based on their actual behaviors and feedback. 

Step 10: Repeat as Necessary

Remember, tree testing is an iterative process. It's not about running a single test but about continuous improvement. After you've made changes, it's important to test again. This ensures that your adjustments have the desired effect and that your refined IA meets user needs more effectively. Regular testing and refinement help gradually perfect the usability of your site or app. 

The Pros and Cons of Tree Testing Tools

Tree testing tools offer a specialized approach to evaluate the usability of a website or application's information architecture (IA). Here's a breakdown of their advantages and disadvantages: 

Pros of Tree Testing Tools

  1. Focused Insight: Tree testing isolates the structure of your IA. It allows you to assess navigational paths without the influence of design elements specifically. This pure focus can uncover issues that visual design might obscure in other forms of testing. 

  2. Cost-Effective: Tree testing doesn't require a fully designed prototype or content. It saves time and resources that you can use in more developed project stages. As tree-testing is typically very quick for participants, you can also lower the research costs. 

  3. Quick Setup and Execution: Many user-friendly tree testing tools require minimal setup time. You can easily distribute tests online and complete them quickly. 

  4. Quantitative Data: These tools offer quantitative insights. They can measure success rates, time and directness while you collect participant feedback. You would have to interact with the participants after they complete the tree test to get qualitative feedback.  

  5. Wide Reach: You can distribute tests to a broad audience regardless of geographical location. It enhances the diversity of your user research

Cons of Tree Testing Tools

  1. Lack of Context: Participants might struggle to make realistic decisions without visual and content cues. The test environment doesn't replicate the actual user experience.  

  2. Overemphasis on Structure: Tree testing focuses solely on the IA. It might lead to overlooking how other elements (like design and content) impact usability and the user experience. 

  3. Participant Misinterpretation: The abstract nature of tree testing may confuse users as they might be unfamiliar with such tests. Also, you may not understand why participants navigated in a certain way when you conduct tree testing remotely.  

  4. Limited Engagement: The text-based approach might not engage users as fully as interactive prototypes

  5. Analysis Complexity: You may find it easy to collect data. However, interpreting it—especially understanding the reasons behind users' navigational choices—can be challenging and require additional qualitative research

User research helps you understand more about the users before you start with product development or before you start the design. That’s when all research methods come into play. Watch William Hudson, CEO of Syntagm, UX expert and Author, discuss the common practices for user research and when to use them.  

Show Hide video transcript
  1. Transcript loading…
 

Using Methods Together or Separately

  • Together: Pair card sorting with tree testing to build and validate your IA. After you refine the IA, add first-click testing and heatmaps to understand interactions with your interface. 

  • Separately: Opt for tree testing to refine your site's or app's structure early. Switch to usability testing, A/B testing and heatmaps at later stages for insights into the user experience, including design and content. 

Tree Testing Tools

You need the right tool for tree testing for better UX research. Look at recommendations for tools that stand out and their pros and cons. 

1. UserTesting 

Screenshot of the UserTesting platform

© UserTesting, Fair Use

UserTesting serves as a human insight platform that focuses on video recording. It simplifies the design process for digital tools through insights into the target audience's behavior across various experiences and explanations for these behaviors. 

Pros 

  • Quick participant responses 

  • Clear report dashboard 

  • Reuses screener questions 

  • Offers a broad range of testing options 

Cons 

  • Poorly-designed website 

  • More suited for B2C than B2B studies 

  • Expensive for larger teams to access 

  • Lacks a tagging structure 

  • Advanced features locked behind higher plans 

2. Optimal Workshop Treejack 

Screenshot of the Optimal Workshop platform for tree testing.

© Treejack, Fair Use

Optimal Workshop is a UX research platform that offers testing, participant recruiting and product features analysis in one place. They have a tree-testing tool called Treejack. It helps you identify wrongly placed menu items. You can then fix the mistakes to create an intuitive information architecture. 

Pros 

  • Organizes feedback data effectively 

  • Good design interface 

  • Fast, understandable graphic reports 

Cons 

  • Performance issues with larger studies 

  • Can be expensive for smaller entities 

  • High learning curve for non-tech users 

3. UXtweak 

Screenshot of the UXtweak research platform for tree testing and gathering insights. 

© UXtweak, Fair Use 

UXtweak is a research platform with various tools to enhance user experience. It enables users to build detailed studies, customize tasks and analyze results through advanced segmentation and filtering. You can create and share in-depth PDF reports for collaboration with teams or clients. You can also craft studies from scratch, import data for testing and gather insights with precision.  

Pros 

  • User-friendly interface with GTM manager integration 

  • Advanced user session filter 

  • Recruiting widget and direct tree upload from your website 

  • Flexible tree building from scratch or import 

Cons 

  • Occasional bugs in task creation 

  • Complexity may deter non-technical users 

4. UXmetrics

Screenshot of the UXmetrics tool for tree testing.

© UXmetrics, Fair Use 

UXmetrics provides a robust tool designed to refine and validate information architecture. It caters to remote and in-person testing, supports quick setup, and provides visual breadcrumbs for easy path tracking.  

Pros 

  •  Works for remote and in-person testing 

  • Automated analysis for insights 

  • Moderated or unmoderated testing options 

  • Provides the ability to manage individual participants with ease 

Cons 

  • Learning curve for creating tests 

  • Budget constraints for smaller teams 

5. Maze 

Screenshot of the Maze platform interface facilitating rapid, actionable insights via remote, unmoderated testing. 

© Maze, Fair Use

Maze is a user-testing platform that enables rapid, actionable insights through remote, unmoderated testing. It helps you test prototypes, validate ideas and gather user feedback efficiently. The tool integrates with design tools to streamline workflows. You can use it for iterative testing and decision-making in the design process. 

Pros 

  • Rapid testing cycle 

  • Direct integration with design tools 

  • Cost-effective 

Cons 

  • Limited testing methods 

  • New users need time to understand the tool 

  • Doesn’t support mobile app testing 

The Take Away 

Tree testing is crucial to access a website or app's navigation efficiency. It focuses on testing the information architecture (IA). Users interact with a text-based menu layout without design distraction. This method proves beneficial during the different phases of product development. You have certain key points to remember during tree testing:  

  • Start with clear goals to focus your test. 

  • Build a tree that shows your menu's structure clearly. 

  • Pick the right people for the test to get useful feedback. 

  • Use a good tree testing tool to run your test smoothly. 

  • Look closely at the results to make your menu better and easier to use. 

Armed with insights from your tree testing, you have a clear path forward. Refine your information architecture based on feedback to make your website or app more intuitive and user-friendly. 

Where to Learn More

Take our course Data-Driven Design: Quantitative Research for UX 

Understand the best way to interpret the results of tree testing from the article Analyzing tree test results.  

Use Notion’s Tree testing for UX Research template to get started.  

258 shares

Open Access—Link to us!

We believe in Open Access and the democratization of knowledge. Unfortunately, world-class educational materials such as this page are normally hidden behind paywalls or in expensive textbooks.

If you want this to change, , link to us, or join us to help us democratize design knowledge!