<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>form follows behavior</title>
	
	<link>http://www.formfollowsbehavior.com</link>
	<description />
	<pubDate>Tue, 05 Jan 2010 16:57:17 +0000</pubDate>
	
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/formfollowsbehavior" /><feedburner:info uri="formfollowsbehavior" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com" /><item>
		<title>Search: from tool to content platform</title>
		<link>http://feedproxy.google.com/~r/formfollowsbehavior/~3/3ODx2W8ctr8/</link>
		<comments>http://www.formfollowsbehavior.com/2010/01/03/search-from-tool-to-content-platform/#comments</comments>
		<pubDate>Sun, 03 Jan 2010 19:28:49 +0000</pubDate>
		<dc:creator>Christian Marc Schmidt</dc:creator>
		
		<category><![CDATA[article]]></category>

		<category><![CDATA[aggregation]]></category>

		<category><![CDATA[automation]]></category>

		<category><![CDATA[editorial]]></category>

		<category><![CDATA[information]]></category>

		<category><![CDATA[media]]></category>

		<category><![CDATA[navigation]]></category>

		<guid isPermaLink="false">http://www.formfollowsbehavior.com/?p=700</guid>
		<description><![CDATA[There is a shift happening in search. In my last post, I argued that web content is becoming more decentralized, with aggregators (RSS readers, search engines, and social networks) playing an increasingly large role for the way in which we absorb information online, and that this tendency presents new opportunities for the design of information. [...]]]></description>
			<content:encoded><![CDATA[<p>There is a shift happening in search. In my <a href="http://www.formfollowsbehavior.com/2009/12/16/design-and-the-decentralization-of-web-content/" target="_blank">last post</a>, I argued that web content is becoming more decentralized, with aggregators (RSS readers, search engines, and social networks) playing an increasingly large role for the way in which we absorb information online, and that this tendency presents new opportunities for the design of information. With this decentralization (or centralization, depending on your perspective), search engines themselves are changing from navigational tools to content platforms.</p>
<p><span id="more-700"></span>Many think that the biggest competition to search is presented by social networks. Mark Pincus of Zynga <a href="http://www.charlierose.com/guest/view/6798" target="_blank">talks</a> about a public and a private web, with an <em>unauthenticated mode</em> addressing a general public, and an <em>authenticated mode</em> based on individual social networks. Websites offering a password-protected, personalized experience will increasingly need to take advantage of social networks to incentivize people to sign up, either by creating new social networks or leveraging existing ones. This evolution will simply serve to further integrate content providers and social platforms, making it easier to recommend and share content with one’s followers or friends. Here, we ourselves are becoming curators for our social network—an authority regarding content that others might find relevant and interesting.</p>
<p>This makes search less important than it used to be, though it still remains the primary authority for the public web. Of course, there are many authoritative and reputable brands among online content providers, from traditional media companies that have translated their offering online, to new content providers that have emerged in the online space, to individual bloggers. The sheer breadth of available content explains why we are increasingly looking towards our social networks to help us regularly digest information. But it also explains why search engines have established themselves as premier authorities for content in the realm of the public web.</p>
<p>Clay Shirk recently <a href="http://www.shirky.com/weblog/2009/11/a-speculative-post-on-the-idea-of-algorithmic-authority/" target="_blank">wrote</a> a piece about what he calls <em>algorithmic authority</em>: “Authority thus performs a dual function; looking to authorities is a way of increasing the likelihood of being right, and of reducing the penalty for being wrong.  [...] Algorithmic authority is the decision to regard as authoritative an unmanaged process of extracting value from diverse, untrustworthy sources, without any human standing beside the result saying ‘Trust this because you trust me.’”</p>
<p>The first company we think of as having established and capitalized on the notion of algorithmic authority is Google. Google has built its reputation on a perception of neutrality via its PageRank algorithm, which has succeeded phenomenally in providing relevant search results. So while individual recommendations are important relative to the private web, the algorithm has become an equivalent authority for the public web.</p>
<p>Seen in this light, it is no stretch to think of search as moving from a mere navigational tool, to becoming an editorialized space for surfacing content, within the framework of the search algorithm. Search engines are in the unique position to feature specific topics that aggregate a multitude of sources, lending it potentially higher credibility than any single source could assume.</p>
<p>Google News was one of the first attempts at creating an editorialized space by leveraging its search algorithm. A more recent development is Google’s <a href="http://livingstories.googlelabs.com/" target="_blank">Living Stories</a>, which combines news articles from various sources, over time, to form complete coverage on a particular topic. As Living Stories shows, editorialized search is primarily about aggregation and combination, rather than the decontextualization (the traditional search model).</p>
<p>Microsoft’s <a href="http://www.bing.com" target="_blank">Bing</a> features particular pieces of content related to each-other through search queries. The daily image on its homepage links to various search queries corresponding to relevant content types (web sites, videos, images, maps, etc.), showing for example the location of the photograph on a map, in addition to a Wikipedia article and an image search on the subject. Bing’s Visual Search involves linking objects, related by object type and various attributes, to specific search queries, in essence allowing their comparison through quantitative visualization. What makes this approach novel is that it provides an editorialized framework for corresponding information from various sources, via the search algorithm.</p>
<p>While these are all early steps, they compellingly demonstrate the potential of search as a content platform, and point to the future of search engines as providing an alternative, authoritative source to individual recommendations.</p>
<img src="http://feeds.feedburner.com/~r/formfollowsbehavior/~4/3ODx2W8ctr8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.formfollowsbehavior.com/2010/01/03/search-from-tool-to-content-platform/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.formfollowsbehavior.com/2010/01/03/search-from-tool-to-content-platform/</feedburner:origLink></item>
		<item>
		<title>Design and the decentralization of web content</title>
		<link>http://feedproxy.google.com/~r/formfollowsbehavior/~3/ItM_k1jX0n0/</link>
		<comments>http://www.formfollowsbehavior.com/2009/12/16/design-and-the-decentralization-of-web-content/#comments</comments>
		<pubDate>Thu, 17 Dec 2009 03:26:43 +0000</pubDate>
		<dc:creator>Christian Marc Schmidt</dc:creator>
		
		<category><![CDATA[article]]></category>

		<category><![CDATA[aggregation]]></category>

		<category><![CDATA[automation]]></category>

		<category><![CDATA[deconstruction]]></category>

		<category><![CDATA[design]]></category>

		<category><![CDATA[information]]></category>

		<category><![CDATA[interaction]]></category>

		<guid isPermaLink="false">http://www.formfollowsbehavior.com/?p=652</guid>
		<description><![CDATA[Websites are the predominant platform for most of the information we absorb. Of course, the site itself isn’t always the primary vehicle, with RSS having established itself as an alternate form of consumption, and search engines offering a similar yet broader form of aggregation. This has lead to two main content experiences. In one mode, [...]]]></description>
			<content:encoded><![CDATA[<p>Websites are the predominant platform for most of the information we absorb. Of course, the site itself isn’t always the primary vehicle, with RSS having established itself as an alternate form of consumption, and search engines offering a similar yet broader form of aggregation. This has lead to two main content experiences. In one mode, content is presented in context of the full offering, as part of a structural framework reflecting the identity of the source. In the other, content is represented generically and modularly alongside content from other sources.</p>
<p><span id="more-652"></span>In respect to the first mode, the design of websites appears to be converging towards certain conventions, from the typical 3-column layout that most blogs adopt, to arrays of content represented by lists (<a href="http://www.craigslist.org" target="_blank">Craigslist</a>, <a href="http://delicious.com" target="_blank">Delicious</a>) or grids (<a href="http://www.youtube.com" target="_blank">YouTube</a>, <a href="http://www.flickr.com" target="_blank">Flickr</a>). Many sites use any combination of the above. One could say that these conventions are the result of the attributes of certain established formats, such as the web browser, the particularities of HTML, and predominant screen sizes and resolutions. Other formats, such as mobile phones and touch displays, have accordingly resulted in their own conventions.</p>
<p>With these conventions comes a certain genericization of structure. One instance is the homogeneous grid, used for arrays of normalized content. The grid has become the default solution in any situation where page real-estate, flat hierarchies and the automation of content are relevant factors. With these considerations in mind, it is hard to imagine a more functional vehicle for content delivery. A grid of normalized content pieces also allows for quantitative visualization opportunities, demonstrated effectively by <a href="http://www.getpivot.com/" target="_blank">Pivot</a>, a recent project of Microsoft Live Labs.</p>
<div id="attachment_665" class="wp-caption alignnone" style="width: 1039px"><a rel="attachment wp-att-665" href="http://www.formfollowsbehavior.com/2009/12/16/design-and-the-decentralization-of-web-content/pivot_screenshot/"><img class="size-full wp-image-665" title="Pivot" src="http://www.formfollowsbehavior.com/wp-content/uploads/2009/12/pivot_screenshot.png" alt="Pivot" width="1029" height="770" /></a><p class="wp-caption-text">Pivot</p></div>
<p>The homogeneous grid aside, other automatable patterns exist in situations where the content is more nuanced and hierarchical. Good examples are the <a href="http://www.nytimes.com/timesskimmer" target="_blank">Times Skimmer</a> and the <a href="http://timesreader.nytimes.com/timesreader/index.html?campaignId=34W88" target="_blank">Times Reader</a>, both of which emphasize featured articles in a flexible grid arrangement.</p>
<div id="attachment_666" class="wp-caption alignnone" style="width: 1076px"><a rel="attachment wp-att-666" href="http://www.formfollowsbehavior.com/2009/12/16/design-and-the-decentralization-of-web-content/timesreader/"><img class="size-full wp-image-666" title="Times Reader" src="http://www.formfollowsbehavior.com/wp-content/uploads/2009/12/timesreader.png" alt="Times Reader" width="1066" height="771" /></a><p class="wp-caption-text">Times Reader</p></div>
<p>Grids and lists are a pure expression of a development that I think of as object-oriented design, in which taxonomies are derived from recurring content elements, for the purpose of automation. These forms of organization pertain when all content elements are of equal weight. Not coincidentally, they are also the way in which we are accustomed to viewing content in the case of aggregation—the second mode of content consumption.</p>
<p>One could make the argument that the influence of RSS and search engines, through their respective ease-of-use, has in fact provoked a shift in the design of websites towards normalization, which is to say that the design of websites is converging according to the organizational principles established by aggregation software.</p>
<p>If website structures are becoming more generic, wherein lies the role of design relative to the web?</p>
<p>We are, of course, accustomed to websites existing in various states and levels of detail. Many websites are already platforms with multiple touch points—the site itself; the RSS feed; the mobile or desktop application. Website design could increasingly revolve around individual content elements, rather than the larger, aggregating framework of the site or platform itself.</p>
<p>A “widgetization” of websites would be consistent with the decentralizing tendencies we are already observing, and would have the potential to preserve the identity of the content source at a micro-level, down to the individual piece of media. Of course, this is already happening in some areas: Embeddable content often conveys the identity of the original source. One has only to compare an embedded video from YouTube with a video from <a href="http://www.vimeo.com" target="_blank">Vimeo</a> or similar service. Tweets are also differentiated by design, due to their 140 character limitation.</p>
<p>Applied to all websites and forms of content, this change in focus could become truly paradigm-shifting, allowing for a decentralized content presence without a cumbersome and interchangeable main corpus. Might this in effect lead to a design strategy for <a href="http://linkeddata.org" target="_blank">linked data</a>?</p>
<img src="http://feeds.feedburner.com/~r/formfollowsbehavior/~4/ItM_k1jX0n0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.formfollowsbehavior.com/2009/12/16/design-and-the-decentralization-of-web-content/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.formfollowsbehavior.com/2009/12/16/design-and-the-decentralization-of-web-content/</feedburner:origLink></item>
		<item>
		<title>Observations on media and site</title>
		<link>http://feedproxy.google.com/~r/formfollowsbehavior/~3/r1YRdSiZsHg/</link>
		<comments>http://www.formfollowsbehavior.com/2009/10/26/observations-on-media-and-site/#comments</comments>
		<pubDate>Tue, 27 Oct 2009 02:08:20 +0000</pubDate>
		<dc:creator>Christian Marc Schmidt</dc:creator>
		
		<category><![CDATA[article]]></category>

		<category><![CDATA[architecture]]></category>

		<category><![CDATA[information]]></category>

		<category><![CDATA[media]]></category>

		<guid isPermaLink="false">http://www.formfollowsbehavior.com/?p=617</guid>
		<description><![CDATA[As sited media becomes more pervasive, it is also increasingly seamless. Integrated with architecture, it no longer appears as a singular anomaly or product, and instead as an interpretive layer—draped over the physical landscape and augmenting our experience of the concrete and tangible. Unlike location-aware mobile media, sited media has the potential to not merely [...]]]></description>
			<content:encoded><![CDATA[<p>As sited media becomes more pervasive, it is also increasingly seamless. Integrated with architecture, it no longer appears as a singular anomaly or product, and instead as an interpretive layer—draped over the physical landscape and augmenting our experience of the concrete and tangible. Unlike location-aware mobile media, sited media has the potential to not merely reference, but rather create places.</p>
<p><span id="more-617"></span>In parallel to mobile devices, sited media is also becoming less about hardware. We are already living in an environment where information is largely freed from its hardware dependencies. While in the past, specific information was associated with specific hardware, today information is disembodied, accessible, and adaptive—available in various formats and levels of detail suited to the context we absorb it in.</p>
<p>Devices are generally becoming more universal, in terms of the content they are able to display. The same content can now be viewed on a multitude of devices, from laptops to mobile phones. Sited media, too, appears more often than not as an unconstrained, ‘generic’ display surface for information, rather than a content/hardware compound. By not constraining the type of information it can display, sited media places less emphasis on technique or hardware, and more on content.</p>
<p>If, conceptually, we can speak of a physical, tangible plane on the one hand, and an information plane on the other, sited media is at the intersection of the two: it creates moments during which the physical plane, augmented with information, becomes a hybrid space or <em><a href="http://en.wikipedia.org/wiki/Heterotopia_%28space%29" target="_blank">heterotopia</a></em> (to borrow from Foucault). For both mobile and sited media, the display will continue to become invisible, while information, in its various levels of detail, will become the primary entity—in some cases referential of place, in other cases defining it.</p>
<img src="http://feeds.feedburner.com/~r/formfollowsbehavior/~4/r1YRdSiZsHg" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.formfollowsbehavior.com/2009/10/26/observations-on-media-and-site/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.formfollowsbehavior.com/2009/10/26/observations-on-media-and-site/</feedburner:origLink></item>
		<item>
		<title>Visualization and rhetoric redux</title>
		<link>http://feedproxy.google.com/~r/formfollowsbehavior/~3/5uBEb8M3Bio/</link>
		<comments>http://www.formfollowsbehavior.com/2009/07/31/visualization-and-rhetoric-redux/#comments</comments>
		<pubDate>Sat, 01 Aug 2009 04:24:37 +0000</pubDate>
		<dc:creator>Christian Marc Schmidt</dc:creator>
		
		<category><![CDATA[article]]></category>

		<category><![CDATA[journalism]]></category>

		<category><![CDATA[politics]]></category>

		<category><![CDATA[rhetoric]]></category>

		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://www.formfollowsbehavior.com/?p=547</guid>
		<description><![CDATA[A chart depicting the health plan proposed by the House Democrats has recently come to the forefront of the media. It is hard to overlook the rhetorical bias of this visualization—with almost comical overstatement and unnecessary visual complexity it depicts the proposed heath care system through a flow chart consisting of an entangled mess of [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_549" class="wp-caption alignnone" style="width: 802px"><a href="http://www.formfollowsbehavior.com/2009/07/31/visualization-and-rhetoric-redux"><img class="size-full wp-image-549" title="Organizational Chart of the House Democrats’ Health Plan" src="http://www.formfollowsbehavior.com/wp-content/uploads/2009/07/boehner_chart.jpg" alt="Organizational Chart of the House Democrats’ Health Plan" width="792" height="612" /></a><p class="wp-caption-text">Organizational Chart of the House Democrats’ Health Plan</p></div>
<p>A chart depicting the health plan proposed by the House Democrats has recently come to the forefront of the media. It is hard to overlook the rhetorical bias of this visualization—with almost comical overstatement and unnecessary visual complexity it depicts the proposed heath care system through a flow chart consisting of an entangled mess of arbitrarily-colored nodes, positioned with seemingly little rationale. Designed by the office of Rep John Boehner, it makes its rhetorical intent abundantly clear to any conscious observer.</p>
<p><span id="more-547"></span>Undoubtedly due to the controversy surrounding the Obama Health Care Plan, the chart has been widely referenced, including by Ezra Klein of the Washington Post in <em><a href="http://voices.washingtonpost.com/ezra-klein/2009/07/when_health-care_reform_stops.html" target="_blank">When Health-Care Reform Stops Being Polite and Starts Making Charts</a></em>, and recently by <a href="http://infosthetics.com/archives/2009/07/political_chart_wars_health-care_reform_obfuscated_by_infographics.html" target="_blank">Infosthetics</a>. Graphic designer Robert Palmer responded by creating a saner, <a href="http://www.flickr.com/photos/robertpalmer/3743826461/" target="_blank">more legible chart</a> from the same source information. In a letter to Rep Boehner he writes: “By releasing your chart, instead of meaningfully educating the public, you willfully obfuscated an already complicated proposal.”</p>
<p>It is certainly not the first time that information design rhetoric has found its way into the political arena, as an earlier visualization of <a href="http://voices.washingtonpost.com/ezra-klein/2009/06/an_insufficient_respect_for_ch.html" target="_blank">Nancy Pelosi&#8217;s Energy Tax</a> from the same Representative’s office demonstrates. Edward Tufte devoted an entire chapter in <em><a href="http://www.edwardtufte.com/tufte/books_vdqi" target="_blank">The Visual Display of Quantitative Information</a></em> to deceitful information graphics<em>,</em> writing: “For many people the first word that comes to mind when they think about statistical charts is ‘lie.’” True as this may be, those visualizations that appear unbiased and objective may ultimately be more deceitful, as they are accepted without scrutiny.</p>
<p>Rep John Boehner’s flow chart reminds of the inherent rhetorical quality of any visualization—a topic I wrote about <a href="http://www.formfollowsbehavior.com/2006/11/08/visual-rhetoric-and-the-idea/">earlier</a>. Any chart, graph or dynamic data visualization has an agenda or conceptual model that it reflects, no matter how seemingly objective it is, and no matter whether the author of the piece is conscious of it. Therein lies its rhetoric, whether aimed at explanation or deception. Visualization is rhetorical because its objective is to communicate.</p>
<p><a href="http://infosthetics.com/archives/2009/04/eric_rodenbeck_information_visualization_is_a_medium.html" target="_blank">Visualization is a medium</a>, as Eric Rodenbeck has said. And like other media, it contains a fundamental paradox: data visualization creates an expectation of objectivity, yet is inherently rhetorical. This paradox of perception is analogous to photography, which more directly depicts the eye and mind of the photographer, rather than an objective reality. Information visualization is part storytelling, part evidence, and for a visualization to be convincing both need to be considered together. Something the above Health Plan flow chart clearly fails to do.</p>
<img src="http://feeds.feedburner.com/~r/formfollowsbehavior/~4/5uBEb8M3Bio" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.formfollowsbehavior.com/2009/07/31/visualization-and-rhetoric-redux/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.formfollowsbehavior.com/2009/07/31/visualization-and-rhetoric-redux/</feedburner:origLink></item>
		<item>
		<title>Three New York Times visualizations</title>
		<link>http://feedproxy.google.com/~r/formfollowsbehavior/~3/0dqe7OGiOxo/</link>
		<comments>http://www.formfollowsbehavior.com/2009/05/16/three-new-york-times-visualizations/#comments</comments>
		<pubDate>Sun, 17 May 2009 02:25:14 +0000</pubDate>
		<dc:creator>Christian Marc Schmidt</dc:creator>
		
		<category><![CDATA[article]]></category>

		<category><![CDATA[journalism]]></category>

		<category><![CDATA[mapping]]></category>

		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://www.formfollowsbehavior.com/?p=442</guid>
		<description><![CDATA[Given that the New York Times Graphics Department is a winner in this year’s National Design Awards, it seemed opportune to look back at some of its recent work. Over the past few years, the Times has published many excellent interactive visualizations as counterparts to the equally brilliant static information graphics found in the paper, [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_449" class="wp-caption alignnone" style="width: 565px"><a href="http://www.formfollowsbehavior.com/2009/05/16/three-new-york-times-visualizations"><img class="size-full wp-image-449" title="Mapping Foreclosures in the New York Region" src="http://www.formfollowsbehavior.com/wp-content/uploads/2009/05/nyt_01.png" alt="Mapping Foreclosures in the New York Region" width="555" height="450" /></a><p class="wp-caption-text">Mapping Foreclosures in the New York Region</p></div>
<p>Given that the New York Times Graphics Department is a winner in this year’s <a href="http://www.nationaldesignawards.org/2009/honoree/the-new-york-times-graphics-department/?p=168" target="_blank">National Design Awards</a>, it seemed opportune to look back at some of its recent work. Over the past few years, the Times has published many excellent interactive visualizations as counterparts to the equally brilliant static information graphics found in the paper, including the <a href="http://www.formfollowsbehavior.com/2007/09/17/artistic-data-based-visualization/?preview=true&amp;preview_id=77&amp;preview_nonce=8897b3d364">previously mentioned</a> <em>31 Days in Iraq</em> by Alicia Cheng. Each interactive is predicated upon a hypothesis and the evidence that supports it. Here, visualization is treated as a medium for journalistic inquiry by creating an editorial framework for the data on display.</p>
<p><span id="more-442"></span>Through its relationship to published news articles in the Times, every piece has a specific agenda and questions it seeks to find answers to, which builds immediate engagement with the viewer. A New York Times visualization generally summarizes an issue that has been reported on over a stretch of time, offering analysis and insight while it is still noteworthy. Most visualizations are attributed a specific date and represent a data-snapshot of a particular moment in time. The multivariate data and open-ended modes of interaction allow viewers to ask further questions of the issue and find answers through exploration.</p>
<p>Three of these visualizations have struck me as particularly successful. One of the most recent maps <a href="http://www.nytimes.com/interactive/2009/05/15/nyregion/0515-foreclose.html" target="_blank">foreclosures in the New York region</a>.</p>
<div id="attachment_469" class="wp-caption alignnone" style="width: 565px"><a rel="attachment wp-att-469" href="http://www.formfollowsbehavior.com/2009/05/16/three-new-york-times-visualizations/nyt_02/"><img class="size-full wp-image-469" title="Mapping Foreclosures in the New York Region" src="http://www.formfollowsbehavior.com/wp-content/uploads/2009/05/nyt_02.png" alt="Foreclosures in the New York region (zoomed-in to city level)" width="555" height="450" /></a><p class="wp-caption-text">Foreclosures in the New York region (zoomed-in to city level)</p></div>
<p>The premise of this piece is that foreclosures were most frequent in those areas of the New York region with large minority populations, clearly shown by plotting each foreclosure, aggregated by individual buildings, on a map of the area, in addition to showing the percentage of foreclosures per residential units per census tract. The map makes use of three levels of detail in accordance to zoom-level. At the highest zoom-level, only the census tracts are visible. Zooming in, individual foreclosures by building form clusters around neighborhoods and major roads.</p>
<div id="attachment_470" class="wp-caption alignnone" style="width: 565px"><a rel="attachment wp-att-470" href="http://www.formfollowsbehavior.com/2009/05/16/three-new-york-times-visualizations/nyt_03/"><img class="size-full wp-image-470" title="Mapping Foreclosures in the New York Region" src="http://www.formfollowsbehavior.com/wp-content/uploads/2009/05/nyt_03.png" alt="Foreclosures in the New York region (zoomed-in to street level)" width="555" height="450" /></a><p class="wp-caption-text">Foreclosures in the New York region (zoomed-in to street level)</p></div>
<p>At the lowest zoom-level, the granularity increases to show individual streets, blocks and intersections. According to its premise, the visualization highlights the neighborhoods most stricken by the housing crisis, and it turns out that they are indeed areas with high minority populations, including Bushwick in Brooklyn, Jamaica, Queens, and Newark, NJ. In addition to retrieving the exact percentages on hover, one can also move between 2005 and 2009 to see the change in foreclosures over time.</p>
<p>The visualization method takes after Dr. John Snow’s map of the <a href="http://www.theghostmap.com" target="_blank">London cholera epidemic</a> and while (like the latter) it is uncertain whether the visualization served to formulate a hypothesis or to validate it, it is nonetheless a very effective use of a geographic scatter plot. Improvements might include more granular hover states to the building level, and aggregate numbers for not only for census tracts and cities, but also neighborhoods and boroughs.</p>
<p><em><a href="http://www.nytimes.com/interactive/2008/09/15/business/20080916-treemap-graphic.html">A Year of Heavy Losses</a></em> is a <a href="http://en.wikipedia.org/wiki/Treemap" target="_blank">treemap</a> visualization showing the change in market capitalization of 29 selected financial companies on Wall Street over the course of a year (October 2007 to September 2008).</p>
<p><a rel="attachment wp-att-478" href="http://www.formfollowsbehavior.com/?attachment_id=478"></a></p>
<div id="attachment_484" class="wp-caption alignnone" style="width: 991px"><a rel="attachment wp-att-484" href="http://www.formfollowsbehavior.com/2009/05/16/three-new-york-times-visualizations/nyt_041/"><img class="size-full wp-image-484" title="A Year of Heavy Losses" src="http://www.formfollowsbehavior.com/wp-content/uploads/2009/05/nyt_041.png" alt="A Year of Heavy Losses (October 2007)" width="981" height="590" /></a><p class="wp-caption-text">A Year of Heavy Losses (October 2007)</p></div>
<div id="attachment_485" class="wp-caption alignnone" style="width: 991px"><a rel="attachment wp-att-485" href="http://www.formfollowsbehavior.com/2009/05/16/three-new-york-times-visualizations/nyt_051/"><img class="size-full wp-image-485" title="A Year of Heavy Losses" src="http://www.formfollowsbehavior.com/wp-content/uploads/2009/05/nyt_051.png" alt="A Year of Heavy Losses (September 2008)" width="981" height="590" /></a><p class="wp-caption-text">A Year of Heavy Losses (September 2008)</p></div>
<p>What makes this visualization successful is its simplicity. The treemap format effectively shows the relative sizes of market cap, and the before/after comparison makes the overall sector loss abundantly clear—with rather brilliant subtlety, the boundary of the October 2007 visualization remains visible in the September 2008 comparison. Through color one is also able to compare five types of financial company: Investment banks, national banks, financial services, regional banks, and asset managers/investors. Finally, the toggle used to switch between years also depicts the size of financial sector in relation to the total stock market. Overall, this is an effective and elegantly compact information graphic.</p>
<p><em><a href="http://www.nytimes.com/ref/us/20061228_3000FACES_TAB2.html" target="_blank">Casualties of War</a></em>, finally, offers an on-going analysis of US military fatalities from the Iraq war, by location of death, age, race, military branch, and type of duty.</p>
<div id="attachment_513" class="wp-caption alignnone" style="width: 980px"><a rel="attachment wp-att-513" href="http://www.formfollowsbehavior.com/2009/05/16/three-new-york-times-visualizations/nyt_061/"><img class="size-full wp-image-513" title="Casualties of War" src="http://www.formfollowsbehavior.com/wp-content/uploads/2009/05/nyt_061.png" alt="Casualties of War (initial invasion)" width="970" height="446" /></a><p class="wp-caption-text">Casualties of War (initial invasion)</p></div>
<div id="attachment_514" class="wp-caption alignnone" style="width: 980px"><a rel="attachment wp-att-514" href="http://www.formfollowsbehavior.com/2009/05/16/three-new-york-times-visualizations/nyt_071/"><img class="size-full wp-image-514" title="Casualties of War" src="http://www.formfollowsbehavior.com/wp-content/uploads/2009/05/nyt_071.png" alt="Casualties of War (since troop buildup began)" width="970" height="450" /></a><p class="wp-caption-text">Casualties of War (since troop buildup began)</p></div>
<div id="attachment_515" class="wp-caption alignnone" style="width: 980px"><a rel="attachment wp-att-515" href="http://www.formfollowsbehavior.com/2009/05/16/three-new-york-times-visualizations/nyt_081/"><img class="size-full wp-image-515" title="Casualties of War" src="http://www.formfollowsbehavior.com/wp-content/uploads/2009/05/nyt_081.png" alt="Casualties of War (home states)" width="970" height="451" /></a><p class="wp-caption-text">Casualties of War (home states)</p></div>
<p>Mike Migurski of Stamen Design <a href="http://mike.teczno.com/notes/3000.html" target="_blank">reviewed</a> this piece in early 2007. I won’t add much more apart from summarizing the aspects that make it an effective visualization, from the flexibility of the timeline, which not only allows the variable selection of time-ranges, but also charts the number of casualties, to the side-by-side display of multiple data records and the inclusion of preset key milestones. Its data rich presentation allows open-ended exploration with a seemingly infinite number of possible time-ranges.</p>
<p>The characteristically understated (one might say transparent) presentation—showing difference through the smallest possible stylistic variation—respects the gravitas of the subject matter, and the only hint of political affiliation (apart from the choice of subject matter in itself) is the terminology used within the preset milestones. Rounding out the core analysis are stories of the fallen and an expressive visualization of each service member who died in Iraq, represented in a grid in order of death—a virtual memorial.</p>
<p>Following Tufte’s principle of data density, these three interactive pieces, among many others published by the Times, are exercises in the effectiveness of information visualization as a technology, for both sense-making and storytelling.</p>
<img src="http://feeds.feedburner.com/~r/formfollowsbehavior/~4/0dqe7OGiOxo" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.formfollowsbehavior.com/2009/05/16/three-new-york-times-visualizations/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.formfollowsbehavior.com/2009/05/16/three-new-york-times-visualizations/</feedburner:origLink></item>
	</channel>
</rss>
