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

learn more… | top users | synonyms

0
votes
1answer
47 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....
2
votes
0answers
41 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
1answer
68 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... ...
3
votes
2answers
45 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
51 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 ...
4
votes
1answer
195 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
2answers
94 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
31 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 ...
2
votes
0answers
53 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
42 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
134 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
79 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
376 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 ...
70
votes
8answers
11k 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 you'...
1
vote
2answers
937 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
349 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
526 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
503 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
126 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
134 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
136 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
1answer
65 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
918 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
278 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
280 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
93 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
158 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
165 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
142 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
755 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
133 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
93 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
144 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
240 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
2k 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
350 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
122 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, key:{...
75
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
377 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
376 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
118 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
715 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
169 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 ...
63
votes
8answers
31k 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
426 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
535 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
127 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 ...