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

learn more… | top users | synonyms

3
votes
2answers
230 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, ...
3
votes
1answer
546 views

Preview pane for various nested elements

I am working on a device which presents pieces of related content. The content has child/parent relationships and the user can click to expand the various trees. In the attached sample I mocked up, ...
3
votes
4answers
397 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 ...
3
votes
2answers
255 views

Designing a control to select elements from a tree?

I have a large tree data structure that might be up to 10 levels deep. I need to design a control for a Windows 8 store app that will allow the user to select an element from each level from this ...
3
votes
1answer
112 views

App menu created from keywords

I have application which allow users to select video and play it. I have for each video few keywords and with help of WordNet I created tree from these keywords. So now user can go from generally ...
2
votes
3answers
454 views

is it a tree or table?

In the following table the numbers represent the "downloaded" times the items on the left had been downloaded. The product manager insists it's not a table but rather a tree because of the tree ...
2
votes
3answers
408 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 ...
2
votes
1answer
442 views

Root Node design for a hierarchy/treeview in the user interface

I want to display hierarchical data in the user interface in a treeview control. The question is should the user has the freedom to define its first root node itself. I do not care wether a tree has ...
2
votes
2answers
717 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 ...
2
votes
1answer
153 views

Anyone experienced tree testing of multilingual website?

I work in a multilingual region, like many of us. My clients' websites are multilingual (often, there's a main language and sub-languages). When I perform a tree test on their structure, is it enough ...
2
votes
2answers
1k views

What's a good symbol set for buttons to expand and contract parts of a hierarchy?

The Mac Finder, in hierarchy view, uses a triangle, or arrow, facing right to indicate not-expanded, down to indicate expanded folder. It could be considered counterintuitive because it points to the ...
2
votes
3answers
922 views

Best form design for answer based question system (tree structure)

I have hierarchy structure database to manage the previous answer based question. So when I create the child questions, I want to be stored previous question then only I can make the relationship in ...
2
votes
3answers
986 views

Pagination of tree structure tables

Ok first things first. I did not design this layout but all feedback is appreciated. I have a web app that takes in a user file and spits out a table. the table also has hierarchy. Lets say its a ...
2
votes
1answer
311 views

Tree for database objects and other elements

I am working on a database management application and I store the database objects (Tables, views, triggers, etc...) in a tree and I need some extra insight in re-thinking the features of the tree ...
2
votes
2answers
1k views

How can I show deep level hierarchical data with different types of data?

Is there a best practice or pattern that resolves this potential issue? I have a tree that could be pretty large but also ti could contain few children/leafs. One important aspect is that some ...
2
votes
2answers
366 views

How to present data, part now, part later

Here's the scenario: You have a (hierarchical) catalogue of information about products. Some product information is local and the rest is remote. There could be upto 1000 distributed in some way - ...
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 ...
2
votes
1answer
173 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) ...
1
vote
2answers
715 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 ...
1
vote
3answers
287 views

Criteria for choosing fonts for a tree in a utility that everyone likes and can read?

So I've got a utility that really only needs to be ran internally, but I want the guys who use it to not complain about it all the time. I don't think that style particularly matters to them either,...
1
vote
2answers
672 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 ...
1
vote
3answers
2k views

Form builder that allows dynamic flow based on answers

I'm working on a project where we need to create a form builder that allows nesting of follow up questions based on a questions answer. Currently we're thinking of a treeview that allows dragging and ...
1
vote
3answers
397 views

Conventional keyboard modifier for expanding/collapsing hierarchical tree view

I have a large tree view where users will often want to fully expand or collapse a particular tree. I'm providing a context menu with both of these choices, but I'd also like to allow the user to hold ...
1
vote
1answer
120 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 ...
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 ...
1
vote
1answer
87 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 ...
1
vote
2answers
367 views

What should the Double-Click behaviour be in a treeview which is in a selection dialog

Normally when using treeview I would expect that when the user double-clicking on a node that has children the tree will expand/collapse. However, Say we have a tree in a selection dialog. We ...
1
vote
3answers
789 views

Interface to transfer tree nodes from one tree structure to another tree structure

I am looking for an alternative other than drag and drop. Currently i am using kendo ui treeview drag & drop. TreeView / Drag & drop Please mention some nice alternative for the same(other ...
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 ...
1
vote
4answers
132 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 ...
1
vote
1answer
159 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
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 ...
1
vote
2answers
318 views

What content to put on parent page when it exists only for the subpages [duplicate]

On tree structure website there's always the problem of what contents to put in the parent page, you know, the page that exists only as a point to subpages to attach. Write some general descriptive ...
1
vote
1answer
132 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
2answers
368 views

Filesystem Treeview must haves [closed]

I'm currently working on a web-based project which will be showing a treeview of folders and files. My question is, what must have UI features should I pack? And specifically, how should I lay out a ...
1
vote
1answer
50 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
137 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 ...
0
votes
3answers
153 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 ...
0
votes
2answers
125 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 ...
0
votes
2answers
414 views

How to add items of multiple types to a single list tree?

I have a small and a wide version of an hierarchy which contain different types. In the wide version the type of items is chosen based on the parent type. The types are not fixed to the hierarchy ...
0
votes
1answer
303 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 ...
0
votes
2answers
129 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
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 ...
0
votes
1answer
48 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 ...
0
votes
2answers
85 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
75 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 ...
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, ...
0
votes
3answers
141 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 ...
0
votes
4answers
342 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 ...
0
votes
3answers
501 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 ...