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
526 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
361 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
241 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
108 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
415 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
346 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
424 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
1answer
150 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
995 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
782 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
880 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
301 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
364 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
137 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 ...
2
votes
1answer
162 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
3answers
285 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
148 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
2answers
460 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
2answers
512 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
377 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
88 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
81 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
348 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
716 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
2answers
85 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
139 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
163 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
294 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
126 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
362 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
127 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
131 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
121 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
347 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
94 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
99 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
114 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
62 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
126 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
303 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
485 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
460 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
1answer
21 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
0answers
95 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
0answers
58 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
0answers
82 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 ...
0
votes
0answers
152 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 ...