{"id":1928,"date":"2009-09-16T23:09:22","date_gmt":"2009-09-17T06:09:22","guid":{"rendered":"http:\/\/emilychang.com\/?p=1928"},"modified":"2009-09-20T18:01:59","modified_gmt":"2009-09-21T01:01:59","slug":"the-browsable-grid","status":"publish","type":"post","link":"https:\/\/emilychang.com\/blog\/2009\/09\/the-browsable-grid\/","title":{"rendered":"The Browsable Grid"},"content":{"rendered":"<p>Several sites, including my own <a href=\"http:\/\/picocool.com\">PicoCool<\/a>, 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.\u00a0 List view has become synonymous with seeing extended details or descriptions, while the grid simplifies and presents content visually.\u00a0 A few years ago, <a href=\"http:\/\/emilychang.com\/2006\/06\/visualization-and-discovery\/\">I wrote<\/a> that new methods of visualization and discovery were being created (and needed) to deal with vast amounts of content and participation. Today, we&#8217;re seeing a return to a trusted visual structure with this week&#8217;s launch of Google Fast Flip, Tumblr&#8217;s Wire, as well as the recent redesign of WordPress&#8217;s home page, and the earlier New York Times article skimmer. This time, it&#8217;s still about discovery, but with a greater emphasis on speed and browsability.<\/p>\n<p><a href=\"http:\/\/prototype.nytimes.com\/gst\/articleSkimmer\/\">The New York Times Article Skimmer<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1930\" title=\"Article Skimmer by The New York Times\" src=\"http:\/\/emilychang.com\/blog\/wp-content\/uploads\/2009\/09\/Article-Skimmer-by-The-New-York-Times-550x521.png\" alt=\"\" width=\"550\" height=\"521\" \/><\/p>\n<p><a href=\"http:\/\/wordpress.com\">WordPress<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1932\" title=\"WordPress.com \u00bb Get a Free Blog Here\" src=\"http:\/\/emilychang.com\/blog\/wp-content\/uploads\/2009\/09\/WordPress.com-\u00bb-Get-a-Free-Blog-Here-550x499.png\" alt=\"\" width=\"550\" height=\"499\" \/><\/p>\n<p><a href=\"http:\/\/www.tumblr.com\/wire\">Tumblr&#8217;s Wire<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1933\" title=\"Wire | Tumblr\" src=\"http:\/\/emilychang.com\/blog\/wp-content\/uploads\/2009\/09\/Wire-Tumblr-550x499.png\" alt=\"\" width=\"550\" height=\"499\" \/><\/p>\n<p><a href=\"http:\/\/www.tumblr.com\">Tumblr<\/a>&#8216;s Archives<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1931\" title=\"ebot_ Archive\" src=\"http:\/\/emilychang.com\/blog\/wp-content\/uploads\/2009\/09\/ebot_-Archive-550x538.png\" alt=\"\" width=\"550\" height=\"538\" \/><\/p>\n<p><a href=\"http:\/\/fastflip.googlelabs.com\/\">Google Fast Flip<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-1934\" title=\"Google Fast Flip\" src=\"http:\/\/emilychang.com\/blog\/wp-content\/uploads\/2009\/09\/Google-Fast-Flip-550x499.png\" alt=\"\" width=\"550\" height=\"499\" \/><\/p>\n<p><a href=\"http:\/\/picocool.com\/\">PicoCool<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"PicoCool _ Popular items-1\" src=\"http:\/\/emilychang.com\/blog\/wp-content\/uploads\/2009\/09\/PicoCool-_-Popular-items-1-550x581.png\" alt=\"\" width=\"550\" height=\"581\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>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&hellip;<\/p>\n","protected":false},"author":1,"featured_media":1929,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[6],"tags":[529,59,530,231,182,14],"class_list":["post-1928","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-writing","tag-browse","tag-design","tag-grid","tag-interfaces","tag-ui","tag-web"],"acf":[],"_links":{"self":[{"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/posts\/1928","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/comments?post=1928"}],"version-history":[{"count":0,"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/posts\/1928\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/media\/1929"}],"wp:attachment":[{"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/media?parent=1928"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/categories?post=1928"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/emilychang.com\/blog\/wp-json\/wp\/v2\/tags?post=1928"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}