Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange
Join us in building a kind, collaborative learning community via our updated Code of Conduct.

is an arrangement of items in which the items are represented as being "above," "below," or "at the same level as" one another

2
votes
3answers
105 views

Representing relationships/hierarchy within an otherwise flat table view

I have a standard table view which is used in a number of places in an online cloud portal. It's used to list servers, products, firewalls and more. As I begin to build views for the firewall listing ...
2
votes
1answer
149 views

Windows explorer vs Mac Finder, which is better for navigating folder hierarchy? [closed]

What are the guiding design principles behind the two different methods of navigating the folder?
4
votes
5answers
343 views

How to improve readability of highly-structured text

NOTE: This question explores methods for increasing readability for a target user group. Background: Readability is invaluable when dealing with large amounts of text. For some users, programmers, ...
4
votes
3answers
132 views

Multiple prices for multiple countries

I'm working on a multiple countries project. Until now, we only sold to one country, but we're working on letting users from its neighbour country (speaking the same language) buy our products. For ...
1
vote
1answer
99 views

Hierarchy in chat between sender & receiver [duplicate]

Why is it that many chat applications, the chat messages you send yourself are often highlighted with color, whereas the messages of the person you are talking to are often grey & seemingly lower ...
2
votes
4answers
120 views

Highlighting parent in the top-most navigation

I'm using an always-visible side navigation bar for a web app I'm helping design. This bar serves as the topmost navigation throughout the app, providing fast access to top-most categories even from ...
0
votes
1answer
55 views

Table of contents for an ebook

I am working on Ebook and want to display the table of contents of the eBook. It will have units, chapters in the unit, topics in each chapter. Any best practices to display the Table of contents for ...
0
votes
2answers
56 views

How to structure information when the top-level role may also be the lower-level role?

Let's say we have a list of subcontractors. Now subcontractors can either 1) hire workers to do the manual work or 2) do the manual work themselves (they're subcons who are also carpenters). Normally,...
0
votes
2answers
114 views

Modal Window with Tab Menu font sizes (Prominence)

[![enter image description here][1]][1] I'm currently developing a UI, and I'm just wondering if it is acceptable in terms of prominence or in general. If the font size of the modal title and its ...
5
votes
2answers
235 views

What should you consider when prioritizing information and features across screens on a product?

Based on solutions and ideas from "Can you make it more prominent?" stakeholder phenomenon I decided to list out and prioritize each of the features on each screen in the product. Turned ...
0
votes
2answers
110 views

Menus under Menus

how do people feel about menus within other menus? I have the top menu which distinguishes between Individual Students and Groups, then the group name. And THEN two sections which how the students in ...
1
vote
3answers
119 views

How to simultaneously open pages from different places in the hierarchy in the desktop app?

We have a desktop app where user has to enter information on different pages. All pages in the app are placed in a hierarchy. For example: Item 1 Item 1.1 Item 1.2 Item 2 Item 2.1 But you can ...
3
votes
3answers
764 views

How to select a parent checkbox either separately or with children?

In my web-based reporting case, users should be able to select one or more items from an organization hierarchy to show on a report. They should be able to select both whole branches with all subnodes ...
1
vote
1answer
92 views

Multilevel Page Title - Page and Instance order and hierarchy

I've got the following task. I have to redesign the title part of the pages. Silly but as simple as hard to get the ballance with the stakeholders. We have Page title and section titles. We need some ...
2
votes
1answer
102 views

As per usability which view is better to show product hierarchy: Horizontal view or Vertical view?

I am facing problem to show complete hierarchy of consumer product for a company where products can be up to 500. And hierarchy can be up to 7 level. I am attaching 4 level horizontal & vertical ...
0
votes
1answer
100 views

Hierarchy VS Usability in Mobile Design

Taking into consideration the ease of access areas on a mobile device: I am not sure how to determine/prioritize where to organize the main actions: Hierarchy: Most important actions at the top ...
6
votes
1answer
135 views

Is there a modern reimplementation of Elastic Windows?

Elastic Windows is a windowing approach where windows are organized in a hierarchical fashion on a space filling tiled layout, developed by Eser Kandogan and Ben Shneiderman between 1996 and 1998. ...
3
votes
1answer
187 views

Differentiate between selecting a tree node and expanding it

We're doing a tree view for navigating through a hierarchical data structure. Technically speaking it's a JSTree javascript based application. Clicking on the arrows expands/collapses the nodes and ...
39
votes
7answers
10k views

In burger menus, should “Logout” always be at the bottom and why?

I noticed this while using websites that require login/logout - I get used to accessing the "Logout" button at the bottom of the menu. For example: On burger menu, the logout option will always be at ...
1
vote
1answer
144 views

Best interface or method to show hierarchy

I've been working a system which has categories and sub categories. Now, I have found three optimal way to achieve this Using tags - Ex: StackExchange (single domain site) Pros: Highly organized ...
3
votes
1answer
76 views

VIsualizing a collapsed mid-level in a hierarchical structure

I have the following structure of data: A /B /E /F /C /G But most of the time, it is not interesting to the end user which 2nd level items the 3rd level items belong to. ...
1
vote
1answer
198 views

Adding subitems/children objects from the parent view

I have a page where users can start a 'timer'. Users can add an Attachment to this timer. So attachments are child objects of a timer. In the timer page, it's important that there is as little ...
1
vote
2answers
640 views

Android Material Design paradigm for hierarchical data

I need to display some hierarchical data in a side menu of an Android app. Sort of a tree, with nodes that can be dragged and dropped around. The entire tree has to be expanded from the start. I ...
2
votes
2answers
71 views

Should a floating section be affected by a page's save button?

I am designing an editable page that has a floating 'Notes' on the right section that follows users down the page. download bmml source – Wireframes created with Balsamiq Mockups I have ...
0
votes
3answers
158 views

Show important items on the top or put it in the right hierarchy where it belongs

I'm working on a website for a TV show, and according to the UX research one thing I found out was that people look out for some pages like "scripts" , "quotes", "nicknames of characters" etc.. I ...
8
votes
6answers
1k views

Displaying multiple levels of hierarchy in a table

I’m working on a payroll app for construction contractors. I’m trying to show hierarchy in a table for one contractor (In this case, “Vandelay Industries”. I want the user to be able to see where ...
1
vote
3answers
481 views

Hierarchical table display w/ sorting

Hello – I'm looking for a decent way to display hierarchical information within a table that will also allow users the ability to sort records by clicking the top of each column of associated discrete ...
0
votes
2answers
157 views

Effectively displaying complex “expanded/extra” information in a list

I've got an application using Material Design, and I'm having trouble laying out information in an easy to understand way. On the top level, I'm happy with how things are (even if the bars are a bit ...
0
votes
1answer
314 views

how to display hierarchy in search bar

So we have an internal form creating tool and the names of data here are very repetitive. We decided to bring in a search bar and show the data along with the hierarchy( basically the path of the file)...
1
vote
1answer
106 views

How deep can tabbed categories / filters go?

For best practices, how deep can tabbed categories / filters go? Like in my example, for this page, there is a broad category 1, 2, 3 that the user can choose from. Then for each of these categories, ...
3
votes
2answers
1k views

nested checkbox behavior check/uncheck

I have a hierarchical category tree and checkboxes next to each item that allow to enable/disable the correpsonding category. I assume it is an expected default behavior that all subategories of ...
2
votes
0answers
73 views

UI design when root and child nodes are reused [closed]

Imagine I have structure where root and child nodes are same but intermediate nodes are different. Each node represents one data class with multiple attributes. Flow 1 XY -Y --YY ----XYZ Flow2 XY -...
2
votes
2answers
178 views

Optimal heading visual weight to paragraph visual weight ratio

Is there any research about optimal heading visual weight to paragraph visual weight ratio? I have noticed myself that extra large and bold headings make me feel comfortable to skim a long text but ...
4
votes
1answer
215 views

How to represent hierarchical choices

We have a hierarchical selections that currently is represented as a wizard to the user. There is tree which can have many branches and each branch can have many leaves. For now I'm using table ...
2
votes
1answer
420 views

Material Design - bottom navigation with upper tabs?

Prototyping a new dialer app based on Material's framework and style guide. Side navigation is not an option. Instead, I would like to use bottom navigation for 4 main pages/features. Recent Calls ...
1
vote
6answers
1k views

Checkboxes that allow you to select parent and children as distinct entities

This is a bit hard to explain but let's say I have this hierarchy for a checkbox list: ->Item A ---->Item 1 ---->Item 2 ->Item B ---->Item 3 ---->Item 4 I need to be able to cover both these cases: ...
7
votes
7answers
557 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... ...
4
votes
1answer
174 views

How to best organize multiple taxonomies when the content resides on categories?

I'm working on a website about public health that has a somewhat confusing data structure. It currently opens up to a list of location categories (one-to-many) that contain a content page and a list ...
1
vote
0answers
97 views

Configuring a hierarchical structure with inherited attributes

The information model of my application consists of a hierarchy of objects (one to many), each has its own specific attributes and inherited attributes. For each inherited attribute in an object, user ...
3
votes
1answer
182 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 ...
5
votes
3answers
3k views

What is the best approach for showing a button hierarchy when there are multiple buttons?

I am working on the UX/UI for a large web application. My question is regarding the button hierarchy. I have done a bunch of research but can't find any good UI examples that deal with this issue. ...
0
votes
2answers
256 views

Adding text to a hierarchy of items

Given a predefined hierarchy of foods, a user while viewing a specific food on the back-end can add/edit text associated with that specific food, its parent, and its grandparent. Text for each level ...
6
votes
4answers
413 views

How best to present origin in a hierarchical settings structure

I have this hierarchical structure. For simplicity & understanding's sake, let's call it a postal address: country --city ----street ------address # --------apartment # I need to provide ...
0
votes
2answers
154 views

How to structure a navigation

I had found a while ago a study that offered some general guidance on what hierarchical patterns in website navigations worked best for users. For instance : Level 1 : a lot of items Level 2 : very ...
3
votes
2answers
473 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
3answers
491 views

suggestions for dealing with multi-dimensional hierarchical data

We are designing a price calculation tool, for which every property adds a percentage increase/decrease in value of the object. Properties in combination with each other can have shared impact on the ...
0
votes
1answer
147 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
90 views

Selecting single element from a long list with hirarchy

I'm creating a wizard where in one of the steps the user needs to select only one option from a large list with hierarchy. The list will have about 30 top level categories. He can select the top ...
2
votes
2answers
137 views

Two groups of hierarchical selections in filter

Here is the case: when [Hierarchy] value is 'A', a group of [a] selections displays in filter area. When user switch [Hierarchy] to ‘B’, all [a] selections are replaced by [b] selections. Solution ...
1
vote
2answers
714 views

Display hierarchy of mutually exclusive options

INTRODUCTION: I am a software developer with no experience with UX/UI. In original application I worked on, I had 4 mutually exclusive options from which user had to choose one. I used the below ...