Anyone have some good design examples of nested data?

11 Feb 2010 - 8:06am
4 years ago
4 replies
1024 reads
Stefan Bookholt
2010

Hi,

In business applications, I often have to design a grid of data, and
each item has another list of related data.

For example, I want to display a list of customer data (first name,
last name, telephone, email), and a single customer has several
documents linked to him, where you want to see the filename, author,
description etc.

I often end up with 2 grids which present the data. On selecting the
customer, the second grid shows the documents. This is not very
intuitive for some people. Does anyone know some good examples of
displaying this kind of nested data? What is the most intuitive way
to do this?

Comments

12 Feb 2010 - 10:01am
Miles Lennon
2010

I had to deal with similar problems at a previous company that I
worked at. Check out this solution (click on a data point to see what
happens):

http://www.tracked.com/company/microsoft/financials/income

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=49312

17 Feb 2010 - 4:47am
Stefan Bookholt
2010

Wow this looks good and intuitive! I'll keep a solution like this in
mind when I'm facing this problem again, thanks.

The only scenario I can come up with when this solution is not
intuitive is when the lists of data in the details are very large,
maybe even with paging through the details. I guess the best thing to
do then is navigating to a different page.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
Posted from the new ixda.org
http://www.ixda.org/discuss?post=49312

17 Feb 2010 - 1:03pm
jrrogan
2005

I'm not sure there is a "Most Intuitive" design for this data problem, it
seems more of a case by case issue.

I wouldn't throw away "Grid over Grid" interaction, aka "Master/Detail",
aka "Parent/Child" panes. There's a time and place for design alternatives,
such as inline detail (like the link sent out), navigating to another page,
and having "master/detail" displays.

Navigating to a new screen can be a very slow and jarring experience, in
cases where there is value in rapid workflow between "Master" list line
items, especially where each line item could have lots of details associated
to it.

As well, in "Master/Detail" the "Detail" pane can be optimized for eye
tracking if it persists in size and location. Also if the Master is
non-modal, users can bounce rapidly thru master line items in order to view
their details, (try doing that with a full screen refresh ;).

Rich

--
Joseph Rich Rogan
President UX/UI Inc.
http://www.jrrogan.com

On Tue, Feb 16, 2010 at 8:47 PM, Stefan Bookholt <stbo at avivasolutions.nl>wrote:

> Wow this looks good and intuitive! I'll keep a solution like this in
> mind when I'm facing this problem again, thanks.
>
> The only scenario I can come up with when this solution is not
> intuitive is when the lists of data in the details are very large,
> maybe even with paging through the details. I guess the best thing to
> do then is navigating to a different page.
>
>
> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
> Posted from the new ixda.org
> http://www.ixda.org/discuss?post=49312
>
>
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> Unsubscribe ................ http://www.ixda.org/unsubscribe
> List Guidelines ............ http://www.ixda.org/guidelines
> List Help .................. http://www.ixda.org/help
>

--
Joseph Rich Rogan
President UX/UI Inc.
http://www.jrrogan.com

17 Feb 2010 - 2:17pm
Sean Gerety
2009

There's some really nice examples in the slideshare at
http://designingwebinterfaces.com/ria-screen-layouts

hth,

Sean

On Wed, Feb 17, 2010 at 1:03 PM, Rich Rogan <jrrogan at gmail.com> wrote:

> I'm not sure there is a "Most Intuitive" design for this data problem, it
> seems more of a case by case issue.
>
> I wouldn't throw away "Grid over Grid" interaction, aka "Master/Detail",
> aka "Parent/Child" panes. There's a time and place for design alternatives,
> such as inline detail (like the link sent out), navigating to another page,
> and having "master/detail" displays.
>
> Navigating to a new screen can be a very slow and jarring experience, in
> cases where there is value in rapid workflow between "Master" list line
> items, especially where each line item could have lots of details
> associated
> to it.
>
> As well, in "Master/Detail" the "Detail" pane can be optimized for eye
> tracking if it persists in size and location. Also if the Master is
> non-modal, users can bounce rapidly thru master line items in order to view
> their details, (try doing that with a full screen refresh ;).
>
> Rich
>
> --
> Joseph Rich Rogan
> President UX/UI Inc.
> http://www.jrrogan.com
>
> On Tue, Feb 16, 2010 at 8:47 PM, Stefan Bookholt <stbo at avivasolutions.nl
> >wrote:
>
> > Wow this looks good and intuitive! I'll keep a solution like this in
> > mind when I'm facing this problem again, thanks.
> >
> > The only scenario I can come up with when this solution is not
> > intuitive is when the lists of data in the details are very large,
> > maybe even with paging through the details. I guess the best thing to
> > do then is navigating to a different page.
> >
> >
> > . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
> > Posted from the new ixda.org
> > http://www.ixda.org/discuss?post=49312
> >
> >
> > ________________________________________________________________
> > Welcome to the Interaction Design Association (IxDA)!
> > To post to this list ....... discuss at ixda.org
> > Unsubscribe ................ http://www.ixda.org/unsubscribe
> > List Guidelines ............ http://www.ixda.org/guidelines
> > List Help .................. http://www.ixda.org/help
> >
>
>
>
> --
> Joseph Rich Rogan
> President UX/UI Inc.
> http://www.jrrogan.com
> ________________________________________________________________
> Welcome to the Interaction Design Association (IxDA)!
> To post to this list ....... discuss at ixda.org
> Unsubscribe ................ http://www.ixda.org/unsubscribe
> List Guidelines ............ http://www.ixda.org/guidelines
> List Help .................. http://www.ixda.org/help
>

Syndicate content Get the feed