Google+, Ebay, Tumblr are just a few of many who have changed their layout to nested multiple columns instead of a uniform grid view. Personally I find it unorganized and hard to find what I´m looking for.

  1. I know that you show more data to the user using nested view. But is that really a good here? Why are they actually moving to multi column nested view? Whats wrong with the traditional grid view? What are the up and downsides of each layout?
  2. When should I use or avoid each of these layouts?

Various width nested view:

enter image description here

Fixed width nested view:

enter image description here

Uniform grid view:

enter image description here

  • I wouldn't call Pinterest-style layouts "nested." Maybe "irregular grid" or "ad hoc layout."
    – Tim Huynh
    Commented Nov 11, 2015 at 3:04

1 Answer 1


I'm not sure what's "nested" about it, but that's beside the point :).

Trend considerations aside, the good thing about it is that it lets you display items of different aspect ratios without cropping the images, or with minimal cropping. It's good when you expect your users to consume the content by quickly scanning the page visually, and to rely on the images for the initial identification of the required content, e.g. Google Images or Pinterest. It's also good for letting people know that there's something below the fold, since some images are only partially visible.

If you also have text on your images, like in your second example, you need to be sure that the text is secondary to the visuals - because it's very inconvenient for scanning. You don't have text rows since the labels jump up and down, and you don't have text columns because the images get in the way. So there's no way to scan, you need to locate each item "manually" before you can read it.

If you have varying height, like in your first example, you would usually use endless scrolling because it's hard to align the bottom edge of the images, and you don't want to have empty spaces at the bottom of your grid.

The regular grid view is great for presenting textual data in addition to the images, like Facebook does, because it's scan-friendly. It's also good for paging and for whenever you might have small groups of images (Facebook albums). It's easier to fill the page when you have a standard format for your images, and then the empty slots don't look as "ragged".

  • Very nicely explained! It clarifies a lot of thing and now I now which one to choose for my current project. Thank you and have a nice day :)
    – user22847
    Commented Sep 15, 2013 at 6:30

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.