The Browsable Grid

Several sites, including my own PicoCool, are taking advantage of the grid view as a fast way for users to browse content. Designers have been relying on the grid for generations as a layout technique. Lots of data-driven sites (eg. product comparisons or search results), web 2.0 services and blogs let users toggle their view of content between list view and grid view.  List view has become synonymous with seeing extended details or descriptions, while the grid simplifies and presents content visually.  A few years ago, I wrote that new methods of visualization and discovery were being created (and needed) to deal with vast amounts of content and participation. Today, we’re seeing a return to a trusted visual structure with this week’s launch of Google Fast Flip, Tumblr’s Wire, as well as the recent redesign of WordPress’s home page, and the earlier New York Times article skimmer. This time, it’s still about discovery, but with a greater emphasis on speed and browsability.

The New York Times Article Skimmer

WordPress

Tumblr’s Wire

Tumblr‘s Archives

Google Fast Flip

PicoCool

4 Comments

Join the discussion and tell us your opinion.

Tony Zeoli
September 16, 2009 at 11:18 pm

960 Grid, Blueprint, CSS…all frameworks I’m following. This whole 960 grid though…wondering why sites are at multiple widths over 960 then? Why is 960 the optimum, or do you have to stick with that? Is it just recommended or should you be strict about the 960 methodology?

E Mon
September 17, 2009 at 7:14 am

I like the whole concept and i find these grids to be real nice

designer grid

David
September 17, 2009 at 10:28 am

Similarly useful and discoverable, although not exactly conforming to the grid layout is Digg – Newsified. Still, it’s more evidence of the move to ease-of-discovery.

Andrew Mager
September 25, 2009 at 1:39 pm

Awesome.

Don’t forget MobileMe’s photo galleries :)