Tree Diagrams

Your constantly-updated definition of Tree Diagrams and collection of videos and articles
80 shares

What are Tree Diagrams?

Tree diagrams are a common form of information visualization.

You can use a tree diagram to represent hierarchical data. Each node or element is related to the next through the principle of containment. When any two elements are equal on the hierarchy, they are "sibling" entities.

The tree diagram's hierarchy begins with the first node, commonly referred to as the "root entity". From there, relating "child" entities branch out.

Literature on Tree Diagrams

Here’s the entire UX literature on Tree Diagrams by the Interaction Design Foundation, collated in one place:

Learn more about Tree Diagrams

Take a deep dive into Tree Diagrams with our course Information Visualization .

Information visualization skills are in high demand, partly thanks to the rise in big data. Tech research giant Gartner Inc. observed that digital transformation has put data at the center of every organization. With the ever-increasing amount of information being gathered and analyzed, there’s an increasing need to present data in meaningful and understandable ways.

In fact, even if you are not involved in big data, information visualization will be able to help in your work processes as a designer. This is because many design processes—including conducting user interviews and analyzing user flows and sales funnels—involve the collation and presentation of information. Information visualization turns raw data into meaningful patterns, which will help you find actionable insights. From designing meaningful interfaces, to processing your own UX research, information visualization is an indispensable tool in your UX design kit.

This course is presented by Alan Dix, a former professor at Lancaster University in the UK. A world-renowned authority in the field of human-computer interaction, Alan is the author of the university-level textbook Human-Computer Interaction. “Information Visualization” is full of simple but practical lessons to guide your development in information visualization. We start with the basics of what information visualization is, including its history and necessity, and then walk you through the initial steps in creating your own information visualizations. While there’s plenty of theory here, we’ve got plenty of practice for you, too.

All open-source articles on Tree Diagrams

Please check the value and try again.

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!

Share Knowledge, Get Respect!

Share on:

or copy link

Cite according to academic standards

Simply copy and paste the text below into your bibliographic reference list, onto your blog, or anywhere else. You can also just hyperlink to this page.

Interaction Design Foundation - IxDF. (2020, October 9). What are Tree Diagrams?. Interaction Design Foundation - IxDF.

New to UX Design? We’re Giving You a Free ebook!

The Basics of User Experience Design

Download our free ebook The Basics of User Experience Design to learn about core concepts of UX design.

In 9 chapters, we’ll cover: conducting user interviews, design thinking, interaction design, mobile UX design, usability, UX research, and many more!

A valid email address is required.
316,675 designers enjoy our newsletter—sure you don’t want to receive it?