Questions tagged [tree]
trees show hierarchical data. File directory navigation is one of the most familiar UX for browsing a tree.
175 questions
0
votes
1
answer
158
views
How to display a hierarchical Tree structure that supports CRUD and moving nodes?
Context
I have an administration Web-UI (implemented with vue and vuetify) where one should also be able to manage organization structures.
Meaning something like Daimler AG -> Mercedes Benz AG -&...
- 111
1
vote
1
answer
134
views
Tree table, filters and open/closed state
Let's say there is a tree table displaying a hierarchical structure. There are actually two kinds of objects displayed in the table, one kind forming the internal nodes of the tree and the other one ...
- 111
0
votes
1
answer
135
views
UX Research: Tree Test with profile picture menu
I would like to do a Tree Test for a site (using UserTesting.com) but one of the nodes in my tree would be a profile picture in the top right of the screen that clicks open to reveal a menu. It's ...
2
votes
2
answers
329
views
Problems with showing deep Tree structure
Background
I am designing a tree structure that should represent folder nesting and contain some properties inside. On the left side of the screen, I have a tree structure with folders and on the ...
- 21
0
votes
1
answer
1k
views
Tree - select all child nodes or select only few
I have a multi-level tree structure and the user would want to select only a particular parent node or all child nodes below it.
There can be multiple trees with multiple levels one below another
The ...
- 103
0
votes
1
answer
116
views
Mobile tree structure with 2 tappable areas
I am designing a tree structure displaying the course content for mobile.
Each row has 2 tappable areas:
caret for the unfolding
text area for detail content page.
In the usability tests, most users ...
- 343
1
vote
1
answer
145
views
Signaling an update in a tree structure
I have a tree structure that can periodically update ( meaning adding new elements inside the tree structure ). These updates can be performed at leaf level so I'm not sure where to signal that there ...
- 4,578
1
vote
3
answers
1k
views
Editing large nested content
I'm looking for a useful editing UX for large, tree-structured content like this:
Project 1
- Step 1
- Explanation 1
- Explanation 2: could be long paragraphs, too.
- E2.1: Lots of ...
- 63
0
votes
1
answer
389
views
Deep tree navigation with possible actions at any point
I'm building a tree structure navigation that could go quite deep. Actions can be performed at child level but you can also select any point of the tree navigation and use an action that will switch ...
- 4,578
1
vote
2
answers
180
views
Parent and children action inheritance
I have a parent / children relationship table where the children have an action but given the fact that there could be up to ten children we want to allow a way to set the action from the parent level ...
- 4,578
2
votes
3
answers
401
views
radio button matrix in a checkbox tree
I would like my users to toggle opt-in or opt-out the nested items in my checkbox tree individually but also toggle them all opt-in or all opt-out at once. In my example, I use radio buttons. But the ...
1
vote
1
answer
553
views
Multi-select tree in which parent also is a child
I am working on a multi-select tree in which the user should be able to select all children of a parent. Normally you would be using the parent checkbox to do so, but in this case it should also be ...
- 11
1
vote
2
answers
351
views
How to show tree structure indentation?
We can show hierarchical relationship either using simple spaces, or using dash lines:
Spaces
parent
child
Dashes
parent
--- child
I have seen both of them.
But now that I have to design ...
- 111
1
vote
1
answer
103
views
Displaying and managing tree data of 10 to 100k+ top level nodes
I need to allow users to select products / sub products that are up to 3 levels deep.
We also are only able to display 100 top level products at once due to technical constraints, this is currently ...
- 11
3
votes
2
answers
319
views
3 controls on the tree - select, expand, open
We have a tree with one click to select and double click to expand. This works well for our users and is something that would be better to keep unchanged.
Now we need to add another action to some of ...
- 31
0
votes
1
answer
77
views
What's best practice for including correct answers in tree tests?
Let's say I'm creating a tree test to validate my IA for a grocery shopping website. When I'm creating the tree, I'm wondering if I should include the target in the tree, or stop the tree at the next ...
- 1
0
votes
1
answer
351
views
Mobile apps with large hierarchy/tree selection, with scrolling in two directions
We are currently developing an app with a content catalogue. The catalogue is large (about 5'000 nodes) and hierarchical, with the typical node having about 5-10 subnodes. We want to display this in a ...
- 101
1
vote
1
answer
417
views
UI pattern for adding option to a tree select box
I'm wondering if anybody has seen or knows of a good UI pattern for creating options for a select box with a tree-like structure.
This is the library I'm planning to use to display the actual ...
- 11
1
vote
4
answers
946
views
Categories tree structure UI with brands and setting value with inheritance
We have a tree of categories as a first column and commission as a second column. Commission has inheritance abilities, e.g. if I set commission on Category 1 by default it will be applied to Category ...
3
votes
1
answer
99
views
Marking nodes in tree as important
I’m working on kind of explorer which has a tree hierarchy which consists of two types of nodes, first type is a category and second is a resource. Category can contain only resources and resources ...
- 133
2
votes
2
answers
465
views
Single and whole group selection in tree table
We are using a tree table view in our product.
We also have a multiple selection in this view for purpose of bulk updating or drag and drop.
I would like the user to be able to single select the group ...
1
vote
2
answers
811
views
Do we need to provide pagination for a directory structure?
In a typical web UI, pagination is usually provided for lists. However, I would like to know whether it makes sense to provide pagination for a tree structure like a directory structure since it may ...
- 31
0
votes
1
answer
102
views
If it's possible to combine plain and hierarchical view together?
I'm facing the issue of data representation. On the same page, it's possible to view both plain and tree structure. It's ok (tbh no, but we can live with it for a while), but when it comes to new ...
2
votes
1
answer
84
views
Testing Information Architecture with limited participants
I understand that a way to test IA is through tree testing.
However, a lot of articles mentioned that tree testing requires at least 30 participants (best 50 participants).
How else can we test our ...
3
votes
1
answer
216
views
Display suggestions for hierarchical checkbox lists (trees)
I'm working on a web-app for a document management system where employees upload documents and associate them with metadata. In many cases, we are able to predict certain metadata properties and we ...
- 133
1
vote
0
answers
64
views
Present a hierarchal view (tree) containing sequential and parallel tasks [closed]
How would you present a hierarchal view (tree) containing sequential and parallel tasks?
The tree can contain two levels of groups when each group can
contain one or more tasks
A specific group can ...
1
vote
2
answers
473
views
Is a Tree or Autocomplete better UX for the below Scenario?
I am creating a web app (web app only, no mobile functionality) and am wondering if I should use a tree selection (where the user drills down through hierarchical categories until they find their ...
- 11
0
votes
1
answer
67
views
Showing two informations in tree node
In my web application I have a tree with each node holding two status.
Nodes are circles linked with each other.
The status can be either OK, KO, or PARTIAL.
The first status is the "technical ...
- 101
2
votes
1
answer
976
views
Expand/Collapse button directions in tree table ie data grid versus non-table applications
I'm creating a tree table for use on our platform. We currently use chevrons for our expand/collapse buttons, and in doing a lot of research across UX forumns, I decided on the rule that the chevron ...
- 31
2
votes
3
answers
1k
views
Alternatives to nested dropdowns?
When a user uploads a new document, they have to assign that document to a certain category and subcategory. Our current solution uses two dropdowns for this.
The problem
So currently the workflow ...
- 1,355
3
votes
3
answers
167
views
Gray-out conundrum
As we're approaching the release date for v2.5.0 of Rubberduck (an open-source VBIDE add-in), we're facing a bit of a dilemma regarding a specific type of tree nodes in one of our toolwindows:
The ...
- 245
0
votes
2
answers
464
views
What would be the best practice for creating an element with two actions?
Context: The user must navigate through a tree structure and select any one item from it's contents (including its parents)
I find myself coming up against this situation often. I have a component ...
- 494
1
vote
2
answers
425
views
Show/Hide Select All Tree Checkboxes
We are using a 3-level nav tree (Sport-Country-Competition) with nodes being selected only on the third level.
Upon running usability tests, we identified that the absence of a "select all" option ...
- 119
1
vote
1
answer
156
views
Control UX to create pre formed responses easily
I need to build a component to help doctors generate patient reports after they run a test. The goal is to optimize the time taken to generate these reports. Currently they take upwards of 30m to ...
1
vote
1
answer
195
views
Mechanism to view and browse complex hierarchy
I'm trying to find the best way to display hierarchy information and to allow the user to explore structural information. At the moment there are the following levels but there could be more ...
- 31
4
votes
2
answers
2k
views
Adding search to a tree
This is about adding a search field to a tree: the search for a keyword is supposed to return all tree nodes containing that keyword
Also the tree nodes have the usual expand / collapse checkboxes
...
- 43
3
votes
1
answer
246
views
Task completion rate increased from 53% to 73% but still under the standard average of 78%
A tree testing conducted for a website navigation and the result was 53% then, we redesigned the information architecture and produced a new tree testing with the new navigation. The result improved ...
- 93
1
vote
2
answers
290
views
How to handle check-able tree-view nodes that act as both a group and an item
I need to create a tree-view which allows users to select nodes (using a checkbox). The tree-view contains two types of node, "group" and "item". A "group" node can contain both "group" and "item" ...
- 111
1
vote
3
answers
843
views
Best way to Indicate a item is shared or copied
I have a tree on my webpage that is used to display some folders and within these folders some items; These items can be copied from one node of the tree to another and also shared. When copied or ...
- 111
2
votes
2
answers
223
views
How to present a tree in which objects may appear more than once?
I have a window showing a number of objects that can be individually hidden or recolored. Accordingly, in a sidebar each has a checkbox and a color swatch that launches a color picker when clicked:
...
- 121
0
votes
1
answer
131
views
Designing trees out of lists?
On a web tool that I'm working on, I need to allow the user to navigate through a flat list of data and create a tree out of it. The user is a backend admin who is trained to use the tool.
Example
I ...
- 493
4
votes
1
answer
2k
views
UX for selecting complex set of nodes from 2-level, dynamic, moderate-size tree?
What is a good UX design for letting a user select a complex set of nodes from a 2-level, dynamic, moderate-size tree? (I say a 2-level tree, but to be more accurate, the implied root could be ...
- 408
3
votes
3
answers
135
views
How to eliminate a repeating tree hierarchy for the types that share the same structure?
Below there is a modal where I have three categories that contain the same tree structure.
Is there a way I can consolidate or simplify these three structures into one or maybe restructure this in a ...
- 31
1
vote
1
answer
1k
views
Huge Tree Hierarchy for navigation
I've a tree structure which extends to 6 levels down.
When I get inside as a user I like to show the tree structure in my left panel and content on the right.
But I'm worried since too much of data ...
1
vote
1
answer
788
views
Problem with 3 or more level of tree-view UI on Mobile
I had come with a problem with review/summary screen on phone that requires the information to have 3-5 level of tree-view. Generally on mobile phone UI, nested information will be shown on another ...
1
vote
1
answer
166
views
An alternate approach to Treeview
I have a screen where I get a List of Main items. Inturn, each of these main items will have list of sub items inside them.
Now user can select a Main Item or items inside it and then run the report. ...
- 217
0
votes
1
answer
126
views
Should the checkboxes for selection be aligned?
In case of hierarchical grid displaying nested data with selection checkboxes on the left column, should the checkboxes at parent and child level be aligned vertically in the case when the child rows ...
- 101
3
votes
2
answers
166
views
Can check box and link be together? If not then what is the best UX to have on screen: icon or view more link?
In my screen,left side text is clickable. You can click on parent level and see their child after parent. Parent and child has text box to delete or bulk delete. I want to give capability to user that ...
- 451
1
vote
1
answer
2k
views
Best way to show nested tree-model data in HTML tables
I'm making a webapp, that will mostly be used on desktop, is not intended to be used in mobile (at least, the dashboard area) - so that's no problem for me...
Let's say I have some data-model that is ...
- 175
5
votes
5
answers
4k
views
Should plus move item in a tree structure up or down?
Let's say that user selected item in a tree structure component and hits +. We want to enable her to move items in this structure and we wonder: is it more idiomatic to move the item downwards or ...
- 153