Skip to content

Commit c67d4ec

Browse files
authored
[Concept Entry] UI/UX: Tree Testing
* [New Entry]: Add Tree Testing * fix requested changes * fix additional change request * fix format:verify * fix formatting * fix formatting * Update tree-testing.md ---------
1 parent a4622a9 commit c67d4ec

File tree

2 files changed

+37
-0
lines changed

2 files changed

+37
-0
lines changed
Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
---
2+
Title: 'Tree Testing'
3+
Description: 'Tree testing evaluates how easily users find information in a hierarchical structure.'
4+
Subjects:
5+
- 'Web Design'
6+
Tags:
7+
- 'Research'
8+
- 'UI'
9+
- 'UX'
10+
CatalogContent:
11+
- 'intro-to-ui-ux'
12+
- 'paths/front-end-engineer-career-path'
13+
---
14+
15+
**Tree Testing** is a [user research](https://www.codecademy.com/resources/docs/uiux/user-research) method where researchers evaluate how easily users can find information in a hierarchical structure without the aid of visual design. This method is often used to validate [information architecture](https://www.codecademy.com/resources/docs/uiux/information-architecture) and navigation structures before any wireframes or user interfaces are created.
16+
17+
There are several tools used to conduct a tree testing session. These include platforms such as [Treejack](https://www.optimalworkshop.com/treejack/), [UserZoom](https://www.userzoom.com/), [UXtweak](https://www.uxtweak.com/), and [Usabilitree](https://www.usabilitree.com/). Tree testing typically involves giving participants a task, and asking them to navigate through a simplified site structure to locate the required information.
18+
19+
## Task-Based Navigation
20+
21+
Tree testing tasks are written as specific goals, such as:
22+
23+
```plaintext
24+
Where would someone go to update their account settings?
25+
```
26+
27+
Participants then click through the tree structure to identify where they think that information would be located.
28+
29+
![Diagram showing the process of tree testing: participant is given a task and selects a branch on the tree](https://raw.githubusercontent.com/Codecademy/docs/main/media/tree-testing-task.png)
30+
31+
Researchers observe whether participants make the correct selections, how long it takes, and whether they backtrack. This helps identify where the structure is intuitive or where participants may get lost.
32+
33+
## Moderated vs. Unmoderated Tree Testing
34+
35+
Moderated tree testing is when the researcher observes the participant while tasks are being completed and can ask questions or clarify instructions. This approach provides additional context around user decisions and confusion points.
36+
37+
Unmoderated tree testing is conducted remotely without researcher interaction. It is often used for large-scale studies and produces quantitative data about success rates and navigation paths. One limitation is that researchers may miss out on the _why_ behind user decisions.

media/tree-testing-task.png

152 KB
Loading

0 commit comments

Comments
 (0)