Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

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

2
votes
2answers
133 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
0answers
25 views

I am defining UX for users to build an org structure that can be displayed as a tree

I am designing org tree editor and the user needs to be able to create org structure from the top down as well as from the bottom up - top down is straightforward but bottom up is trickier (see mocks) ...
0
votes
1answer
66 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
140 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
78 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 ...
0
votes
1answer
99 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
199 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 ...
0
votes
0answers
15 views

Tree view with radio buttons and checkboxes [duplicate]

I have following hierarchy of a tree view control. Groups RB_Group 1 RB_Group 2 CB_Divisions CB_Divison 1 CB_Divison 2 Here, the user is allowed to select any of the one group (...
0
votes
1answer
71 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
69 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
49 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
495 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 ...
0
votes
0answers
65 views

Tree structure navigation self-service app

I’m working on a project where organizations can keep their inventory up to date regarding products they have and where in the organization they have it. Its a self-service where admins organize ...
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
186 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
115 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
172 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
3answers
883 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 ...
2
votes
2answers
240 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
138 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, ...
0
votes
0answers
144 views

checkbox tree in mobile

I currently have a fairly complicated UI for a web application which displays data in charts and table, mainly measurements over a selected period of time. It is designed as SPA. In the page <...
1
vote
2answers
427 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 ...
3
votes
1answer
189 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 ...
0
votes
0answers
112 views

Filtering with no data

We do rights management system development, and have a case where user can see actual information about license rights for time period. User can choose time period and get a tree view, where click on ...
1
vote
3answers
188 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
142 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
397 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 ...
2
votes
1answer
118 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 (...
4
votes
2answers
731 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, thus the admin at anytime can add categories and ...
3
votes
1answer
47 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
867 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
382 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 & ...
1
vote
2answers
690 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 ...
1
vote
1answer
151 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
208 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 ...
3
votes
2answers
63 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
73 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
570 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
61 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 ...
3
votes
1answer
195 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
2answers
560 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
175 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
338 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 ...
0
votes
1answer
148 views

How to navigate up, down and sideways in a hierarchy of tasks?

I'm working on a workflow application (web) in which users work on projects. Each project consists of a workflow of tasks, which can be nested to an arbitrary level (subtasks). On a single nesting ...
2
votes
1answer
178 views

treejack tree-test - pages that are not in main navigation (access from in-page links)

I'm planning a tree test using Treejack. I'm testing the current nav structure of a site to gain insight before re-designing the site including nav and structure. The site in question has ~150 pages....
7
votes
2answers
6k views

Tree navigation in material design

I am looking for examples or guidelines how to design tree navigation in material design. The style guide covers data tables and lists but trees are not mentioned. The only reference are nested ...
0
votes
1answer
1k views

How to best display this tree structure?

I am displaying a tree structure with Angular Material and angular-ui-tree as shown below: I'm not happy with the look of it (lots of white space, distance between buttons and text) but can't think ...
4
votes
1answer
341 views

Multiple select from a 2-levels category - how?

Assumed I need to provide a way to select items from a 2-level hierarchy. The simplest way is to have a long list of sets of checkboxes (each with a name) - that's great for discovery of the variety ...
1
vote
1answer
233 views

Search Results in a TreeTable

I Have a TreeTable where groups of itens are organized by categories, as you can see on the image bellow. What is the best approach to present the list of results taking into account that is ...
0
votes
0answers
196 views

Modern way of viewing / selecting dynamically loaded hierarchal data

I need to allow a user to classify a support incident. The data structure is hierarchical in nature and typically goes like Product --> Function --> Common Issue(s) --> Solution(s). The hierarchy ...