Questions tagged [tree]

trees show hierarchical data. File directory navigation is one of the most familiar UX for browsing a tree.

Filter by
Sorted by
Tagged with
0
votes
1answer
24 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 ...
1
vote
2answers
79 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 ...
2
votes
3answers
150 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 ...
0
votes
2answers
444 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 ...
1
vote
2answers
137 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 ...
1
vote
1answer
67 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 ...
0
votes
0answers
51 views

Combining two panes into a single one?

I am working on a UI design which has two left panes: the first shows the type of project that the user works on (i.e. custom web application, Shopify, Wordpress and so on)... the second needs to be a ...
1
vote
1answer
94 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 ...
4
votes
2answers
227 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 ...
3
votes
1answer
139 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 ...
1
vote
2answers
92 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" ...
1
vote
3answers
130 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 ...
2
votes
2answers
151 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: ...
0
votes
1answer
78 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 ...
3
votes
1answer
505 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 ...
3
votes
3answers
110 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 ...
1
vote
1answer
631 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 ...
0
votes
1answer
415 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
1answer
120 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. ...
0
votes
1answer
84 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 ...
3
votes
2answers
69 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 ...
1
vote
1answer
922 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 ...
5
votes
5answers
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 ...
1
vote
1answer
531 views

Best way to toggle data tree expanding/collapsing

I have a data tree that looks like this: The blue button in the header is the master toggle button to expand or collapse all items in the tree. The issue raised that I'm not sure the best way to ...
1
vote
2answers
140 views

Always show the expand button in a tree?

I have a complex client / server system to manage master data in the industry. Much of this data is represented by a deep tree structure. What is the best thing to do at this point? Always show the ...
0
votes
1answer
294 views

What is a good GUI design for selecting items with conflicts and dependencies?

I'm designing a settings GUI component which requires the user to select items from an assortment. These items have conflicts and dependencies between them, so selecting an item might restrict you ...
3
votes
2answers
2k views

How to select a parent checkbox either separately or with children?

In my web-based reporting case, users should be able to select one or more items from an organization hierarchy to show on a report. They should be able to select both whole branches with all subnodes ...
3
votes
2answers
359 views

Representing nesting, inheritance, and overrides in a key-value pair editor (JSON)

The requirements My application has hierarchical contexts which are configured via JSON properties. Those are overlaid to create a single JSON properties file. Properties can be inherited or ...
0
votes
1answer
158 views

On a directory tree with color based legend, how to best represent multiple colors?

On one of our web apps we have a directory structure viewer with a legend and certain highlight colors for folders and files which have special meaning. In the majority of cases where the app is used, ...
1
vote
2answers
604 views

Is there a standard UX icon for “select all children” [closed]

I use a tree viewer outline control to manage the data in my application. Some folders in the outline may contain many 10s of child items. For some operations a user will wish to select all of the ...
2
votes
1answer
212 views

Differentiate between selecting a tree node and expanding it

We're doing a tree view for navigating through a hierarchical data structure. Technically speaking it's a JSTree javascript based application. Clicking on the arrows expands/collapses the nodes and ...
1
vote
3answers
269 views

Displaying “big” tree chart

I am developing a tree chart app. It currently looks like this: This is only small part of it, once zoomed out a bit you can see the bigger picture of it: How could I be able to make it smaller? I ...
0
votes
1answer
179 views

Tree values in a table

In my team, we are working on a visualization of a tree structure on a table. The current design looks like in the picture: The user can only see the closest tree branches but not the further ones. ...
2
votes
1answer
672 views

Mobile first approach for tree structure

For a mobile application, I want to have a tree structure for user to navigate and select between folders. here the tree can be n-level in depth as well as height. Having a quick search is one way to ...
3
votes
1answer
124 views

Which layer to end tree test on?

I'm doing a Tree Test on a product that runs embedded software. I am faced with a dilemma on how to design the tree and where to have the designated "correct response" be. I am using Optimal Workshop (...
3
votes
2answers
1k views

Best way to display categories tree in mobile apps

I'm developing a little hybrid mobile application, it is an e-commerce app, I've designed all from scratch. I am designing it in such a way that the admin at anytime can add categories and ...
2
votes
1answer
88 views

keyboard based drag'n drop as preview or direct ?

I've got so far my drag'n drop indicating where the items will be dropped: However, i have the same operations available through keyboard shortcuts, ie: ALT + Arrow-Keys. But the keyboard variant ...
0
votes
5answers
2k views

Expand All / Collapse All

In what cases would you justify adding the ability to Expand All/Collapse all to pages where there are individually collapsed sections?
0
votes
2answers
573 views

How to manage tree view list and buttons?

I have a UI with tree view which can have unlimited child. And every child will have about 12 buttons in each parent and child list view. Is there any way that this can looks good in terms of UI & ...
2
votes
2answers
977 views

Android Material Design paradigm for hierarchical data

I need to display some hierarchical data in a side menu of an Android app. Sort of a tree, with nodes that can be dragged and dropped around. The entire tree has to be expanded from the start. I ...
2
votes
1answer
180 views

Displaying duplicate files

I've written a small desktop app that searches for duplicate files (by content) in one folder or more and lets the user open each file or delete it using a context menu. The problem I face now is how ...
5
votes
1answer
218 views

What patterns could I use for a tree-type menu with up to six levels on mobile devices?

I'm working on the re-design of a web site that displays a large number of highly structured documents that are currently arranged according to a "classification plan" that goes at least six levels ...
2
votes
2answers
83 views

How to tell a user about an option to move file out of a folder?

In my web app, I have a file/folder tree structure. I want to give a user ability to move a file out of a folder into the 'root' of the file/folder tree. So the file won't be inside of a folder. ...
0
votes
1answer
75 views

Should trees in navigation always be by sorted by default?

Should trees always be in a sorted order? I am designing a tree navigation for a desktop application and wanted to know whether it should always be in sorted order (alphabetically). Windows guidelines ...
7
votes
7answers
772 views

Tree View with Popular Sub-Items Preview

There is a geographical hierarchy: Country -> Region -> Subregion. We need to represent this in a dialogue like this: Country 1 Preview of top 5 popular regions or subregions of country 1... ...
1
vote
1answer
70 views

dealing with potential overrides in a tree structure

i have a collapsable tree view UI with virtual files and folders which can be simultaneously edited by multiple users. my problem starts when i try to figure out how to deal with cases in which one ...
4
votes
1answer
246 views

Pattern or strategy for showing hierarchical response content?

I'm expanding my app's capabilities from this: ...to displaying all the rules that were applied, results for each rule, rule description, and link to more info. I'd really appreciate pointers to ...
4
votes
3answers
959 views

Display hierarchical structure and corresponding reference data

Do any of you have any suggestion on how to design view for reference data and make it easy to navigate and understand. We are developing a web application and have this hierarchical setup: 1 ...
1
vote
4answers
187 views

What is the name of Alpha Centauri's tech tree navigation style?

I'm trying to find keywords to search for implementations of this style of navigation for a tree of content: Clicking on a different box recenters the tree on it, allowing exploration of a complex ...
0
votes
2answers
540 views

Add a product to multiple categories

I would like a user to be able to add a same product to multiple categories and sub-categories. The purpose of this so the Navigation Menu Bar (categories) on the e-commerce website could be ...