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

learn more… | top users | synonyms

4
votes
1answer
175 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 ...
0
votes
1answer
39 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 ...
0
votes
2answers
71 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 ...
1
vote
1answer
25 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 ...
1
vote
0answers
40 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 ...
0
votes
0answers
26 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
125 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
1answer
67 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 ...
4
votes
3answers
353 views

Should a popup close automatically after a user selects an option from a tree menu?

For a popup window that requires the user to select one option only from a tree menu, should the selection of this option automatically close the popup? I think this would break the fundamental rule ...
68
votes
8answers
10k views

What's the best way to view a deep hierarchy?

I've been pondering the best way to show a deep hierarchy for a desktop application I'm working on. Here are some alternative designs I'm considering... Mac OSX Finder: If you understand what ...
1
vote
2answers
402 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
186 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 ...
6
votes
7answers
505 views

How can I show the user where they are in a non-hierarchical page structure?

I am working on an interface for a system which enables users to browse a large model of a business' processes. The many items in this model are arranged in a "net" structure. When viewing a single ...
0
votes
3answers
496 views

Solutions for changing user habits from a tree to a flat forum thread structure

I am trying to change the habits of forum users who are familiar with a really messy tree structure to the more common flat structure. The forum is to get a relaunch but without shutting the old ...
1
vote
1answer
103 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
118 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 ...
0
votes
2answers
111 views

Tree-view: Search

I'm projecting a New tree-view for a system, but my doubt is about the Search. Would I put a button that the user select if he wants to search also subfolders, or the system would to search ...
0
votes
0answers
61 views

How to select a set of tasks for tree testing to prevent selection bias as much as possible?

We are working on the optimization of the information architecture (IA) of a business software with more than 100 menu items. We have hypothesis on current problems and possible solutions for the IA. ...
0
votes
1answer
64 views

Creating relationships in a family tree

I'm writing a web application to manage a family tree. Each new user is required to input their name and select their parent from among all the parents in the database. If the parent does not exist, ...
5
votes
2answers
849 views

Is tree menu “10 year old” design?

I recently volunteered to do a small project as a part of my interview for the role or UI / UX Designer. I used a collapsible sections for the filters: One of the developer on the panel said this ...
6
votes
3answers
256 views

Text around a circle

I'm working on a radial tree. There will be nodes on branches and leaves of each tree, with text next to it -- using this model on d3. Now, I realize that it is very neat that they managed to ...
8
votes
6answers
245 views

Should you allow users to expand empty folders in a treeview?

I have in some occasions seen treeview interfaces that displays all folders with a little expander icon beside it, but in some occasions this expander when clicked reveals no new files under that ...
0
votes
0answers
85 views

Best way to express relationships in a Tree View?

I understand that a tree view is used to express a hierarchy and relations and for grouping but I'm struggling with what if two things in different groups on the same level have a relationship and how ...
1
vote
1answer
167 views

What are the alternatives to dragging items to add to data view?

I have a list of items in a tree in a column on the left of the page. Each item can be added to one or more views by dragging the item onto a view on the right of the page. This is proving to be ...
0
votes
3answers
145 views

How to provide an “easy to understand” UI to display/hide checked items?

I have a tree where the user can check/uncheck each item. Since there's many items, I would like to provide a way to filter the tree to display: all items only selected items only unselected items ...
1
vote
1answer
155 views

Hierarchical tree with bubble up, cascade and folder selection capabilities

I'm looking for a way to show multi-selection hierarchical component (perhaps a tree) which allow selecting either leafs or folders, with both bubble-up and cascade functionality. Lets say I use some ...
1
vote
1answer
132 views

what is the best way to present data like this?

note: please disregard the color of the dotted lines. consider it all one color. This is my best effort to present this data to the user. and i hope there are better ways. fwiw: what i want to do ...
7
votes
2answers
11k views

A Better alternative to display Hierarchical Data than using TreeView

I am a ASP.net Developer and am looking out for other alternatives to Treeview control. Reason behind is shipping too much of viewstate information for each request. Functionality of treeview would be ...
2
votes
2answers
641 views

Tree View Alternative for Form Input on Website

Currently I have a data structure in the form of a tree view. Eg. Right now I am using a collapsible accordion view to show each field to input data. Scenario - I have about up to about 1000 ...
1
vote
1answer
127 views

Bar Graph Controlling - From the Graph Itself or from External Control

I have a bar graph on my page I'm generating from D3. The graph itself looks good. Here's the question: My graph has the following bars: bar1 **************** bar2 ******* ... barn ************ ...
1
vote
1answer
92 views

Showing a tree with only 2 branches on each node

We have a function in our application that allows us to run a task. Depending on if the task succeeds or fails, it does a different task afterwards. This task chain/tree continues until no more tasks ...
0
votes
3answers
132 views

Showing multiple navigation trees

I have a tricky interface to design and was hoping that the more seasoned UX designers here could give me some ideas or perhaps point me in the right direction. I have two entities : A DocumentType ...
3
votes
2answers
223 views

Best way to display trees?

I have to port an old java program to a web app (using Angular) for my company. We have this huge tree structured database, and it's displayed in a standard, old-fashion look: As the data are huge, ...
4
votes
1answer
1k views

What would be UI solutions for exploring mid-size hierarchies (100-3000 nodes)?

What would be user interface solutions/best practices for exploring mid-size hierarchies (100-3000 nodes)? By exploring, I mean ability to read labels of individual nodes, see hierarchical ...
6
votes
1answer
1k views

Best UI to create complex data structures; Node Tree, List Tree, Miller Columns, or something else?

I have a challenging task with redesigning a crucial part of my companies web app that is sold to external customers. The general idea behind the feature is that companies want a way to create complex ...
0
votes
4answers
324 views

Better Approach for 4-level Tree Structure

I have a 4-level radio button list which is like: On page load, only the 1st level options are shown (Alpha/Beta/Gamma/Delta). Based on the value selected in the 1st level, the corresponding 2nd ...
-1
votes
1answer
117 views

best way to display a nested object on a web page [closed]

I have an object that is actually a dictionary (or a map if you know it by another name). Meaning - key:value, key:value. The thing is that it is nested - so it is possible to have: key:value, ...
74
votes
14answers
10k views

Should you concede to user demands that seem clearly inferior?

Currently working on a ground-up (not just the UI) reimplementation of a whole, existing system. Because it's internal we've been able to work with its existing users during the process, and get their ...
8
votes
1answer
350 views

How to best represent a network/graph using a tree

I have a data structure that is network-like or graph-like. Most of the time a tree is sufficient, because it can fit into a tree model, but sometimes the branches can fuse together. If you want to ...
5
votes
2answers
360 views

Is there a better way to represent a hierarchical user selector for mobile?

We have a hierarchical user tree that allows users to drill down to each level below them and at any point switch any branch in the tree. This doesn't exactly translate so well to mobile devices. ...
0
votes
1answer
115 views

Should a tree map be scrollable?

Here a non-scrollable version, all items are visible though smallest nodes tends to be a little too small, but it looks like a tree map: Here is the same tree map but twice as large and scrollable ...
1
vote
2answers
606 views

Nested menus on small screen

I have a small number of pages but one page had a few sub pages. In mobile I was happy to have the nav open like so. More sub pages have now been added to the sub pages so the mobile nav looks ...
0
votes
0answers
161 views

In or around a table of results, displaying row-specific information and actions (master-detail UX)

I am tasked with displaying a list of clinical trials. Each clinical trial has at least one, and typically many, actual locations. We want to encourage users to enroll in clinical trials. What that ...
59
votes
8answers
29k views

Is there any alternative UI for tree structure?

Is there any other better UI feature for tree structure to reduce the multilevel nodes.
2
votes
3answers
386 views

Tree view: How to indicate that only some sub-items are selected?

I have an application where the client can select items from a tree-like structure using checkboxes. Items with only some sub-items selected show only a "grayed" check mark which transports the "not ...
0
votes
1answer
493 views

TriState treeview with checkboxes

Scenario I have a use case that asks for something like a tree view with checkboxes, but somehow it is one step more complex. I have a tree structure where for each node, the user can chose one of ...
0
votes
2answers
123 views

Is there better wording for a tree relationships than sibling/child?

I am working on an application that has a number of hierarchical datagrids. There is a need to specify the relationship, for instance, when you are adding an element to that hierarchy. Currently we ...
1
vote
1answer
84 views

Best option for showing an unbalanced tree

I am modifying a web application that manages services (residence and others) for elderly people. At a couple of times, the place of birth / place of residence must be selected, and the previous user ...
2
votes
1answer
169 views

Matrix representation for hierarchic data

I have to create an UI that help user to define a relation level between 2 objects (from the same hierarchic level). 2 visions must be provided : Manager (3 levels) Technical (3 levels + 2 levels) ...
3
votes
4answers
384 views

Controls in the bottom bar of a modal popup vs. user's expectations

I work on an application where there are a lot of modal popup/windows. A lot of menus and functionalities can only be triggered through a modal popup. Some modal are big and require a scrollbar. For ...