User Experience Stack Exchange is a question and answer site for user experience researchers and experts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I'm currently working on a application that has a variety of master, child relationships, portrayed on the page in a master gridview with tabs below. While this works for a somewhat small set of relationships, I was wondering if anyone could point me to some of the more innovative and creative ways to display this type of data.

Any suggestions would be appreciated. Be creative, I'm open to anything.

share|improve this question
Seems like you forgot to upload the screenshot. – N30 Dec 10 '10 at 22:11
Can you, at least, explain what the "master gridview" is? – Bobby Jack Dec 13 '10 at 13:33
It's simply a table that displays data. A user can click on a table row and the div of that table is hidden while a new div is shown with a detail table showing data. – jlrolin Dec 13 '10 at 14:14
What is the goal/purpose of the application? What is the next step the user takes after reviewing the relationships? – Tucker Dec 16 '10 at 17:09
Simply to review data in a table format. Viewing and clicking on rows of data opens up detail tables of corresponding data. A nested tree of tables I suppose. – jlrolin Dec 16 '10 at 18:39

Tree view / thread view seem the most used and appropriate for relationships that are not going too deep (three or four levels) and are a strict hierarchy (no circular or cross references, every child has exactly one parent.)

The upper levels should have more visual importance (placed more to the left, using a larger / heavier font, having more space around it, etc.) Think for example of chapter indices.

In general, hierarchical relationships should have some sort of way to provide overview, and the ability to zoom in to lower leves / more detail. Think about which information is important at which level. For a more visual approach, the Google map approach is interesting in many ways, because you can get from incredible overview to incredible detail in very few steps. But also think of what google is displaying at every level: country names on the planet level, but streetnames won't be visible until you reach a certain zoomlevel. Kinda obvious if you don't think about it, but it is really important to display the right kind of detail to the user at every level: show them what they need, but allow detail to be easily ignored.

You also might get more inspirational ideas from

share|improve this answer
+1 some excellent points – Bobby Jack Dec 13 '10 at 13:33

I don't know if this helps you, but - in cases where parents have not only children but also a lot of metadata, you can combine the nested grid with a details pane on the side. For example, in an organizational table, if you select the group "QA", then the list of QA people opens up under the selected row, but the details pane displays the team leader's name, the number of people in it, the group's location etc. This is also a good place to display data unique to that group, which don't fit in the main grid for various reasons.

share|improve this answer

Have you considered richer interfaces? Perhaps a mindmap/node infographic display. Multiple, nested child/parent relationships can often be better displayed with non-linear methods.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.