Contents
Back in the day, it seemed as though tree navigation had a monopoly on navigation but as different patterns are created and popularized, there is more balance to the application of tree navigation in user experience and information architecture design.
If you’ve ever had to navigate through a maze of folders and documents then you may be familiar with tree navigation. Here’s what it looks like: Normally, tree navigation displays vertically and there are plus and minus icons to indicate the opening and closing of the folders within the tree.
What is the structure of a tree navigation?
Tree navigation is a navigation pattern that allows for access to a hierarchical structure. If you’re big into the outdoors, you’ll be pleased to know that the structure of the tree navigation is broken down into trees, branches and leaves.
Is the tree navigation a problem in UX design?
Normally, tree navigation displays vertically and there are plus and minus icons to indicate the opening and closing of the folders within the tree. Is tree navigation really a problem in UX design?
The main issue with tree navigation is that it requires a lot from the user. If you have a deep hierarchy like the one above, your user may get lost, distracted, bored or simply give up because there’s a lot of work involved getting to where they want to go. Plus on a mobile device, it isn’t easy to click through a tree view.
Is there an alternative to tree view for hierarchical data?
However, we don’t have the real-estate for faceted search, or any obvious facets that aren’t already part of the hierarchy. Breadcrumbs can be a part of the solution, but in the area where we have the most records we need neighboring groups open at the same time.
Why do we need a tree view in a GUI?
So without further ado: The 1/3 width configuration panel directly affects the 2/3 width application area. The user needs to see the affects of their configuration choices live. Everything about the design problem suggests we need a tree view, except for touch screens.
Is there any alternative UI for tree structure?
To make it easy to use, you have to make it simple: tree view (!) – but only to show the structure without items itself.
First up, let’s get into what tree navigation is. Tree navigation is a navigation pattern that allows for access to a hierarchical structure. If you’re big into the outdoors, you’ll be pleased to know that the structure of the tree navigation is broken down into trees, branches and leaves.