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
1answer
532 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
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 ...
3
votes
2answers
250 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
110 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
440 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
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 ...
2
votes
1answer
435 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
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 ...
2
votes
1answer
151 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
868 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
942 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
305 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
365 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
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) ...
1
vote
2answers
398 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
286 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 ...
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 ...
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
388 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
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 ...
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 ...
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 ...
1
vote
2answers
357 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
770 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
24 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
123 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
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
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
311 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
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
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
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 ...
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 ...
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 ...
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 ...
0
votes
2answers
388 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
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 ...
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
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 ...
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 ...
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 ...
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
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 ...
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 ...
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 ...
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
1k views

How best to display top-down decomposition data (hierarchical) with in place-editing and child addition?

We have an HTML/CSS UI where there exists a top-most item (root) - you click that you get a text box to enter some content and save. It shows up as indented/styled child of the parent. Basically the ...
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 ...