Questions tagged [master-details]

master-detail typically involves a table where more detail is shown about the selected row.

Filter by
Sorted by
Tagged with
1 vote
0 answers
43 views

List View Item Details - Accordion vs Sticky Modal/Popover

I need to show a large block of details (and actions) for an item in a list. I'm comparing 1) An accordion vs 2) Bottom sticked modal/popover. The list remains usable in both options. ACCORDION PROS: ...
UXLV's user avatar
  • 33
1 vote
1 answer
103 views

Best way to show an error when your list fails to load data from the backend?

I have a master detail view that looks like this when data loads successfully from the backend If you click on any item, it will show details on the right side (empty currently) What do I do if there ...
PirateApp's user avatar
  • 985
2 votes
1 answer
74 views

Switching between Master and Detail on smaller screens?

I have played with a simple draft of displaying master view (normally a table) and detail view (normally a single record). On bigger screens it may look like this: But the challenge is to make a good ...
sibert's user avatar
  • 171
1 vote
2 answers
136 views

How to deal with jumps in a navigation flow?

Say you have features A and B with following pages: A: List -> Detail -> Edit B: List -> Detail -> Edit On page Edit (B) you have a dropdown to select a record of type A. You might want ...
DarkLeafyGreen's user avatar
1 vote
0 answers
67 views

What is a good way to display a list and editable list item on a detail page? [closed]

I have detail pages that are kind of like the attached image. An "entity" might have 1-15 children. Each child can be edited. You can also create a new child. I can think of two ways of ...
windofchange's user avatar
1 vote
2 answers
60 views

Offering same functionality on browse and details page?

I’ve two pages: browse (parent) and details (child). Browse has a list of items, displaying the name and some other meta data (description, owner, upload date, etc.). Clicking on an item opens the ...
tschaka1904's user avatar
0 votes
0 answers
238 views

Good ways to show detailed info selecting from a table?

Lists (tables or grids) may hold much information behind the list. I have seen popup windows and split screens etc. Most of them works in a desktop environment, but on a small smartphone the detailed ...
sibert's user avatar
  • 171
0 votes
1 answer
394 views

Master-Detail-Detail View for Mobile

I'm designing a mobile app that uses a master-detail-detail model. The first screen is a list of records from table A. The user can select on record and show the details of that record. Then there is ...
G. Marc's user avatar
  • 101
0 votes
1 answer
109 views

Which layout is suitable for a live cryptocurrency news feed? [closed]

I am trying to build a live cryptocurrency news feed and this is a new domain + I am new to UX I researched a bit and seem to find a few patterns on how these can be built. Which layout would serve ...
PirateApp's user avatar
  • 985
2 votes
3 answers
511 views

Is it recommended to open the details of a master-view in a new tab or in the same page?

We're developing a web application using React for the FrontEnd part of the various modules. One of the pages of the application is a master-detail view. On the master we're going to show a simple ...
Dario's user avatar
  • 121
1 vote
3 answers
3k views

Expand / collapse details

I want to ask you for suggestions about expanding and collapsing some details from a document. I have a link for the prototype, just press show details/ hide details. Do you have any better idea for ...
gm1995's user avatar
  • 85
5 votes
1 answer
230 views

What should be dynamics and behavior of scroll in Master/details pattern?

I am using Side-by-side style of Master/details pattern i.e. both master list and details are visible at the same time then what should be the dynamics and behavior of scroll as per the modern UI ...
hamidraza's user avatar
0 votes
1 answer
226 views

Master/Detail ux logic with update/create [closed]

I am trying to wrap my mind around optimal ux logic and cant get to something i would be satisfied with. I have thousands of entities which will never all be shown on the screen at once but there ...
tlzg's user avatar
  • 137
4 votes
2 answers
902 views

Master/Detail view selection interaction

Im am working on a master/detail 2 pane view. Looking for some feedback on item selection When I first land on "Level 2" Im showing the items inside of level 2 on the left pane, and some meta ...
Destructo's user avatar
  • 399
6 votes
2 answers
2k views

Stacked Master-Detail tables for related lists

I have a use case in which we need to support an analyst to 'peek' into a particular record to see all the related records and entities associated with it. This is within an CRM enterprise space, ...
sacnayak's user avatar
2 votes
1 answer
537 views

Showing details of an event in a timeline

I have a timeline of events that are related to each other, and I need to be able to show a description of each event. the description would be 25-50 words. Goals The goal of this panel is to show ...
Hagai's user avatar
  • 209
2 votes
2 answers
940 views

Pagination in master-detail view

I'm trying to show a master-detail view, where each cell in the master table (the one on the left) represents a list. When Clicking a cell, the list is opened in the right panel. The table and the ...
Hagai's user avatar
  • 209
8 votes
1 answer
720 views

How to make text selectable in master/detail table view?

We are designing a datatable view for scientistic users. They get this table after they input a bunch of filters and press search. The table is already quite big - 13 columns. However we know that ...
Maxim Zavadskiy's user avatar
3 votes
1 answer
476 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 ...
Sam R.'s user avatar
  • 131
6 votes
1 answer
341 views

Adapting Outlook-style master-detail to a non-full-screen view

When a web app's master/detail grid (narrow master on left, wide detail pane on right) is not full-screen like Outlook or the iPad Mail app, but is instead embedded in a page that can be vertically ...
Justin Grant's user avatar
  • 1,843
2 votes
3 answers
321 views

How to navigate through multi-select menu

We have to build a menu with multiple campaigns. When the user selects 1 campaign, details should be shown for that campaign When the user selects multiple campaigns, he should be able to compare ...
Leon Cullens's user avatar
7 votes
3 answers
1k views

The best pattern/solution for a detail page

I have a system where we have a hierarchical structure of items (x nr of child items) where data from the parent is displayed as a "header" and the child items (and data associated with them) are ...
Sarah's user avatar
  • 141
2 votes
2 answers
1k views

How to present different layers of data detail in one table

I am developing a dashboard for an ecommerce software which shall give some information about webmasters that deliver customers through their ad campaigns to this ecommerce. The requirement is to ...
Mischa's user avatar
  • 173
1 vote
2 answers
317 views

Is it worth making an exception to a single-click master/detail pattern?

I have a pretty standard table where each row represents a record. A single click on a row takes you to a different screen where you can view and edit various properties of that record. It's a common ...
Nathan Rabe's user avatar
  • 8,888
2 votes
1 answer
1k views

Improve design for master-detail interface

INTRODUCTION AND RELEVANT INFORMATION I am programming application that writes data about contracts into database. It is similar to banking software. Contract is very complex data, so let me ...
AlwaysLearningNewStuff's user avatar
2 votes
3 answers
5k views

How to have good UX with these master-detail relations?

I work on a web app where users have to create and manage their projects. Each project is defined among others by a list of sub-project, which is defined by a list of tasks, which is defined by a ...
Alex's user avatar
  • 3,094
0 votes
1 answer
2k views

UI to manage Products with variants

I'm developing an ecommerce solution where the products may have variants in some properties that doesn't qualify them as different products. Consider this mockup for the costumer UI: download bmml ...
Areks's user avatar
  • 101
0 votes
2 answers
576 views

Master/Details view for full screen

I am creating desktop app with master/details view situation. In a predefined ratio and size it looks fine. When I resize window to full screen it looks something like this: What would be a good ...
Vladimir Nani's user avatar
1 vote
2 answers
713 views

Two toolbars in master-detail view

We're creating a new version of an application that is based on a master-detail view of data. So basically there is a list of records at the top and detail information about selected record at the ...
andrle's user avatar
  • 13
2 votes
2 answers
1k views

Master / Edit / Detail / Edit

I am implementing a (Windows/WPF) dialog, which displays a list (companies), the details of the selected item (company name) and some items for that selected item (employees). Since I only need a ...
Pizzamaka's user avatar
3 votes
1 answer
2k views

Master-master / detail approach? (a.k.a, how to approach summarized data)

Great day to everyone. I'm trying to design an application that is basically a to-do list, which of course provides some level of master-detail: a list of tasks and the detail for each task. Now, ...
Alpha's user avatar
  • 289
1 vote
1 answer
770 views

Master Detail view with a Table Master view [closed]

I have the necessity of using a Table view to show the contents, including an image. Clicking on a row would display the detail view with all the text elements in a Form layout. Functionally, I am ...
StoopidDonut's user avatar
3 votes
2 answers
660 views

Mobile Form + Master/Detail list

I'm currently working on an automotive review app which I have to display all the information related to the review in only one context. The review structure is based on a form of 4 fields and a list ...
Samuel Waskow's user avatar
1 vote
1 answer
798 views

How to structure data intensive view with form fields and master-detail?

I'm working on a product in which users work on one ore more tasks structured in a workflow. If a user opens such a task to work on it, he gets to see a view that breaks down into two areas: Input ...
t.hendr's user avatar
  • 165
2 votes
1 answer
3k views

Is Master/Detail design the best approach for our application?

We have a big financial application that at the moment consists of list/view/edit pages. We have received some feedback from our users saying that it takes them too many clicks to browse/view/edit ...
Jose Garcia's user avatar
1 vote
1 answer
221 views

What's the best way to view details if touch gesture is used for something else?

I'm designing an Android app for a client. Since it's confidential, I made up a similar scenario. Background: Say I'm designing a system to order pizza. One of the steps in this multi-step process ...
mgpugne's user avatar
  • 213
0 votes
2 answers
212 views

How to browse items with extended information?

I am wondering what your thoughts are: When browsing articles in a shop (e.g. Ebay), we first see a list. If we click an item, we get the details page of that item, losing all context from the ...
poseid's user avatar
  • 141
3 votes
4 answers
2k views

Show more information from a table row

I have a Table which contains some basic information for a Product. Upon clicking a row, I wish to show more information (on the same page) for that product where a user can edit certain information. ...
CallumVass's user avatar
9 votes
4 answers
3k views

Best way to show long list of detailed information for summarized items in a table?

I'm working on an application page for an insurance company regarding purchasing policies and showing all the detailed information that comes with the policy. The problem I'm facing is knowing how to ...
Chris N.'s user avatar
  • 1,848
0 votes
3 answers
498 views

Is it wrong to use a master-detail on smartphone (mobile) with two scrolls?

I'm wondering whether two scrollable areas which resides one next to the other is a good design? You can see in the following picture. For the sake of argument let say that the location of item 1 is ...
AsafBO's user avatar
  • 1,002
6 votes
1 answer
287 views

best way to add multiple child records at once?

I have a system in which Procedures can be defined. Each Procedure has a series of steps (each step having some attributes) It is reasonable to assume that the user will add all of the steps while ...
The Sauralph's user avatar
2 votes
1 answer
147 views

Design flow for "cashed in installments"

I have this situation on a web application: User search in box the pending instalments to cash in. Clicking on button "cash in" the instalments moves to box at the top At this moment, the ...
Roberto's user avatar
  • 121
6 votes
2 answers
1k views

master/detail view blank state/detail view when nothing is selected

I have a following view/form: download bmml source – Wireframes created with Balsamiq Mockups Basically it is a form where I can fill out some information for a new record. When the user ...
timeu's user avatar
  • 261
2 votes
3 answers
969 views

Configuration form with multiple steps

I am working on converting a winforms application to WPF. So, we are also trying to make sure this is good from a UX point of view in the process. I have a configuration form that I am not sure if I ...
Justin Pihony's user avatar
3 votes
2 answers
3k views

Alternative design to master-detail grid rows

I have a web application with a Master-detail grid I did while back that uses dynamically generated tabs if a particular service was performed as the details row. I'm going to have to change the way I'...
Rich's user avatar
  • 227
15 votes
7 answers
2k views

How to make it obvious the contents of one table are based on the selected row of another?

Given a dialog with two grid-style tables, what's the best approach to visually showing that the selected row of the left table is what populates the right table? The best I can think of is an arrow ...
trycatch's user avatar
  • 251
5 votes
3 answers
1k views

Alternative sites devoted to UI micro features

Little Big Details is a microblog that shows screenshots of various user-interfaces, highlighting the the "little" things that make a "big" difference. For example, the latest entry highlights a ...
Cyril Horban's user avatar
15 votes
2 answers
7k views

For large hierarchies - checkbox tree or 'guided tree construction'

Context In my Web based application I have a hierarchy of musical genres. There are around 1.5k genres in the tree, and the depth of the tree is at most about four levels. My application allows you ...
Dan Gravell's user avatar
-5 votes
2 answers
983 views

Could you please comment on this web layout? [closed]

I am designing a forum related to certain academic topics with features similar to Stack exchange sites. I have designed a web layout to facilitate easy navigation between the post overviews & the ...
Rajat Gupta's user avatar
2 votes
3 answers
546 views

Indicating selection in a list with sub-levels not always visible

Suppose we perform a search on an object name and get this results list: From this list exactly one element can be selected in order to perform an action on that element. An element can be either: ...
agib's user avatar
  • 2,203