<?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>Sat, 24 Jul 2010 14:02:38 +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>Taipei City Memory Visualization update (2)</title>
		<link>http://feedproxy.google.com/~r/formfollowsbehavior/~3/ZaU91Z3uyi4/</link>
		<comments>http://www.formfollowsbehavior.com/2010/06/28/taipei-city-memory-visualization-update-2/#comments</comments>
		<pubDate>Mon, 28 Jun 2010 13:23:11 +0000</pubDate>
		<dc:creator>Christian Marc Schmidt</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[taipeiproject]]></category>

		<guid isPermaLink="false">http://www.formfollowsbehavior.com/?p=813</guid>
		<description><![CDATA[The visualization continues to take shape (see these earlier posts for context). We are now parsing live data from Twitter and image tiles from the Google Maps API for the surface mesh. The user interface remains the point of focus at this point in time, though we are beginning to look for data parsing solutions to [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_822" class="wp-caption alignnone" style="width: 1034px"><a rel="attachment wp-att-822" href="http://www.formfollowsbehavior.com/2010/06/28/taipei-city-memory-visualization-update-2/____-2010-06-25-__0741231/"><img class="size-large wp-image-822" title="screenshot" src="http://www.formfollowsbehavior.com/wp-content/uploads/2010/06/____-2010-06-25-__0741231-1024x784.png" alt="New York landscape populated with status updates" width="1024" height="784" /></a><p class="wp-caption-text">New York landscape populated with status updates</p></div>
<p>The visualization continues to take shape (see these <a href="http://www.formfollowsbehavior.com/2010/06/05/taipei-city-memory-visualization-update/" target="_self">earlier</a> <a href="http://www.formfollowsbehavior.com/2010/03/30/a-visualization-of-collective-memory-for-taipei/" target="_self">posts</a> for context). We are now parsing live data from Twitter and image tiles from the Google Maps API for the surface mesh. The user interface remains the point of focus at this point in time, though we are beginning to look for data parsing solutions to help construct the semantic pathways between status updates. Below are a few images of the latest progress.</p>
<p><span id="more-813"></span></p>
<div id="attachment_823" class="wp-caption alignnone" style="width: 1034px"><a rel="attachment wp-att-823" href="http://www.formfollowsbehavior.com/2010/06/28/taipei-city-memory-visualization-update-2/____-2010-06-25-__074019/"><img class="size-large wp-image-823" title="screenshot" src="http://www.formfollowsbehavior.com/wp-content/uploads/2010/06/____-2010-06-25-__074019-1024x784.png" alt="Close-up of landscape populated with updates" width="1024" height="784" /></a><p class="wp-caption-text">Close-up of landscape populated with updates</p></div>
<div id="attachment_824" class="wp-caption alignnone" style="width: 1034px"><a rel="attachment wp-att-824" href="http://www.formfollowsbehavior.com/2010/06/28/taipei-city-memory-visualization-update-2/____-2010-06-26-__0220341/"><img class="size-large wp-image-824" title="screenshot" src="http://www.formfollowsbehavior.com/wp-content/uploads/2010/06/____-2010-06-26-__0220341-1024x784.png" alt="Narrative pathway connecting several updates" width="1024" height="784" /></a><p class="wp-caption-text">Narrative pathway connecting several updates</p></div>
<div id="attachment_825" class="wp-caption alignnone" style="width: 1034px"><a rel="attachment wp-att-825" href="http://www.formfollowsbehavior.com/2010/06/28/taipei-city-memory-visualization-update-2/____-2010-06-26-__0221031/"><img class="size-large wp-image-825" title="screenshot" src="http://www.formfollowsbehavior.com/wp-content/uploads/2010/06/____-2010-06-26-__0221031-1024x784.png" alt="Narrative pathway connecting several updates" width="1024" height="784" /></a><p class="wp-caption-text">Narrative pathway connecting several updates</p></div>
<img src="http://feeds.feedburner.com/~r/formfollowsbehavior/~4/ZaU91Z3uyi4" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.formfollowsbehavior.com/2010/06/28/taipei-city-memory-visualization-update-2/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.formfollowsbehavior.com/2010/06/28/taipei-city-memory-visualization-update-2/</feedburner:origLink></item>
		<item>
		<title>Taipei City Memory Visualization update</title>
		<link>http://feedproxy.google.com/~r/formfollowsbehavior/~3/3hv_9dpqFYA/</link>
		<comments>http://www.formfollowsbehavior.com/2010/06/05/taipei-city-memory-visualization-update/#comments</comments>
		<pubDate>Sun, 06 Jun 2010 00:50:04 +0000</pubDate>
		<dc:creator>Christian Marc Schmidt</dc:creator>
		
		<category><![CDATA[projects]]></category>

		<category><![CDATA[information]]></category>

		<category><![CDATA[mapping]]></category>

		<category><![CDATA[narrative]]></category>

		<category><![CDATA[taipeiproject]]></category>

		<category><![CDATA[urbanism]]></category>

		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://www.formfollowsbehavior.com/?p=761</guid>
		<description><![CDATA[Joining the project is Liangjie Xia, a programmer and media artist based in New York and a recent graduate from ITP.
The current project focus is on a data landscape comprised of geocoded social updates, forming narrative pathways according to themes (we are evaluating Twitter, Flickr and Foursquare as data sources). As they occur, updates add [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_798" class="wp-caption alignnone" style="width: 1145px"><a rel="attachment wp-att-798" href="http://www.formfollowsbehavior.com/2010/06/05/taipei-city-memory-visualization-update/concept_mesh3/"><img class="size-full wp-image-798" title="concept_mesh3" src="http://www.formfollowsbehavior.com/wp-content/uploads/2010/06/concept_mesh3.png" alt="Sketch of geolocated tweets, manipulating the mesh surface below" width="1135" height="869" /></a><p class="wp-caption-text">Sketch of geolocated tweets, manipulating the mesh surface below</p></div>
<p>Joining the project is <a href="http://leejayxia.com">Liangjie Xia</a>, a programmer and media artist based in New York and a recent graduate from ITP.</p>
<p>The current project focus is on a data landscape comprised of geocoded social updates, forming narrative pathways according to themes (we are evaluating Twitter, Flickr and Foursquare as data sources). As they occur, updates add points to a basemap of Taipei, cumulatively changing the elevation of the landscape. Updates, represented as nodes, are selectable, and articulate the landscape based on other thematically related updates. Finally, we are exploring toggling between two views: the surface mesh outlined above, and a view exchanging the mesh for narrative pathways, represented by hairlines connecting nodes related by topic and time.</p>
<p><span id="more-761"></span></p>
<p>Below are a few early explorations that begin to depict the direction.</p>
<div id="attachment_767" class="wp-caption alignnone" style="width: 1234px"><a rel="attachment wp-att-767" href="http://www.formfollowsbehavior.com/2010/06/05/taipei-city-memory-visualization-update/100419_diagram_31/"><img class="size-full wp-image-767" title="Diagram" src="http://www.formfollowsbehavior.com/wp-content/uploads/2010/06/100419_diagram_31.png" alt="Concept diagram of thematically-related social updates on a basemap of Taipei" width="1224" height="791" /></a><p class="wp-caption-text">Concept diagram of thematically-related social updates on a basemap of Taipei</p></div>
<div id="attachment_781" class="wp-caption alignnone" style="width: 1034px"><a rel="attachment wp-att-781" href="http://www.formfollowsbehavior.com/2010/06/05/taipei-city-memory-visualization-update/concept_model/"><img class="size-full wp-image-781" title="Concept model" src="http://www.formfollowsbehavior.com/wp-content/uploads/2010/06/concept_model.png" alt="Early concept model of a narrative pathway, utilizing the z-axis" width="1024" height="768" /></a><p class="wp-caption-text">Early concept model of a narrative pathway, utilizing the z-axis</p></div>
<div id="attachment_786" class="wp-caption alignnone" style="width: 1034px"><a rel="attachment wp-att-786" href="http://www.formfollowsbehavior.com/2010/06/05/taipei-city-memory-visualization-update/concept_mesh/"><img class="size-full wp-image-786" title="Concept mesh" src="http://www.formfollowsbehavior.com/wp-content/uploads/2010/06/concept_mesh.png" alt="Side elevation of surface mesh wireframe" width="1024" height="768" /></a><p class="wp-caption-text">Side elevation of surface mesh wireframe</p></div>
<div id="attachment_803" class="wp-caption alignnone" style="width: 1034px"><a rel="attachment wp-att-803" href="http://www.formfollowsbehavior.com/2010/06/05/taipei-city-memory-visualization-update/concept_model_2/"><img class="size-full wp-image-803" title="concept_model_2" src="http://www.formfollowsbehavior.com/wp-content/uploads/2010/06/concept_model_2.png" alt="Sketch of chronologically-connected, geolocated Tweets" width="1024" height="768" /></a><p class="wp-caption-text">Sketch of chronologically-connected, geolocated Tweets</p></div>
<div id="attachment_795" class="wp-caption alignnone" style="width: 1034px"><a rel="attachment wp-att-795" href="http://www.formfollowsbehavior.com/2010/06/05/taipei-city-memory-visualization-update/concept_mesh2/"><img class="size-full wp-image-795" title="concept_mesh2" src="http://www.formfollowsbehavior.com/wp-content/uploads/2010/06/concept_mesh2.png" alt="Articulated surface mesh mapped with satellite image of Taipei" width="1024" height="768" /></a><p class="wp-caption-text">Articulated surface mesh mapped with satellite image of Taipei</p></div>
<img src="http://feeds.feedburner.com/~r/formfollowsbehavior/~4/3hv_9dpqFYA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.formfollowsbehavior.com/2010/06/05/taipei-city-memory-visualization-update/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.formfollowsbehavior.com/2010/06/05/taipei-city-memory-visualization-update/</feedburner:origLink></item>
		<item>
		<title>A Visualization of Collective Memory for Taipei</title>
		<link>http://feedproxy.google.com/~r/formfollowsbehavior/~3/PsAmqvZWXo8/</link>
		<comments>http://www.formfollowsbehavior.com/2010/03/30/a-visualization-of-collective-memory-for-taipei/#comments</comments>
		<pubDate>Tue, 30 Mar 2010 12:55:57 +0000</pubDate>
		<dc:creator>Christian Marc Schmidt</dc:creator>
		
		<category><![CDATA[projects]]></category>

		<category><![CDATA[community]]></category>

		<category><![CDATA[design]]></category>

		<category><![CDATA[information]]></category>

		<category><![CDATA[mapping]]></category>

		<category><![CDATA[narrative]]></category>

		<category><![CDATA[taipeiproject]]></category>

		<category><![CDATA[urbanism]]></category>

		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://www.formfollowsbehavior.com/?p=729</guid>
		<description><![CDATA[I am currently working with Jason Hsu, organizer of TEDx Taipei, and Edward Shen, recent MIT Media Lab graduate, on a data visualization project aiming to document urban memory in Taipei. The project began with a dialog Jason and I started at TEDActive in Palm Springs earlier this year. Jason recently wrote a blog article [...]]]></description>
			<content:encoded><![CDATA[<p>I am currently working with Jason Hsu, organizer of <a href="http://tedxtaipei.com" target="_blank">TEDx Taipei</a>, and <a href="http://db-db.com/loves/edward/" target="_blank">Edward Shen</a>, recent MIT Media Lab graduate, on a data visualization project aiming to document urban memory in Taipei. The project began with a dialog Jason and I started at TEDActive in Palm Springs earlier this year. Jason recently wrote a <a href="http://tedxtaipei.com/2010/03/we-feel-fine-by-johnathan-harris" target="_blank">blog article</a> comparing my earlier work <em>Pastiche</em> with Jonathan Harris’ <em>We Feel Fine</em>.  As the project progresses, I will continue to post updates here. Below is a proposal that captures my initial thoughts on issues the visualization might seek to address.</p>
<p><span id="more-729"></span>“Memories are often linked to places. Through data visualization, I am proposing to explore the connection points between collective memory and their geographic context, relative to the city of Taipei. Collective memory could unfold as a time-based narrative, constantly changing yet always representing a continuum. Places are mapped to the memories they correspond to, in the process resulting in a new kind of city geography in which the urban landscape is reframed through narrative. In this new representation of Taipei, places will exist in the proximity of other places, related not through geography but through shared thematic associations. As it unfolds, the landscape could reveal new points of intersection and invert our expected view of the city.</p>
<div>
<p class="MsoNormal">
<p class="MsoNormal">The piece will utilize existing social platforms, such as Twitter or <a href="http://www.plurk.com" target="_blank">Plurk</a>, to gather geocoded written statements that will be added to a growing database of city memories. The resulting visualization will continue to grow in specificity and complexity as more data is added to the system.”</p>
<p class="MsoNormal">Below are a selection of data visualization projects that seemed relevant for our process.</p>
<div id="attachment_731" class="wp-caption alignnone" style="width: 845px"><a href="http://imaginarymuseum.org/LPG/Mapsitu1.htm"><img class="size-full wp-image-731" title="Cover of Guide Psychogeographique de Paris (Guy Debord)" src="http://www.formfollowsbehavior.com/wp-content/uploads/2010/03/debord.jpg" alt="Cover of Guide Psychogeographique de Paris (Guy Debord)" width="835" height="804" /></a><p class="wp-caption-text">Cover of Guide Psychogeographique de Paris (Guy Debord)</p></div>
<div id="attachment_732" class="wp-caption alignnone" style="width: 410px"><a href="http://www.emotionmap.net/"><img class="size-full wp-image-732" title="Emotion Mapping (Christian Nold)" src="http://www.formfollowsbehavior.com/wp-content/uploads/2010/03/nold.jpg" alt="Emotion Mapping (Christian Nold)" width="400" height="300" /></a><p class="wp-caption-text">Emotion Mapping (Christian Nold)</p></div>
<div id="attachment_733" class="wp-caption alignnone" style="width: 1034px"><a href="http://www.christianmarcschmidt.com/projects/pastiche"><img class="size-full wp-image-733" title="Pastiche (Christian Marc Schmidt and Ivan Safrin)" src="http://www.formfollowsbehavior.com/wp-content/uploads/2010/03/pastiche.jpg" alt="Pastiche (Christian Marc Schmidt and Ivan Safrin)" width="1024" height="768" /></a><p class="wp-caption-text">Pastiche (Christian Marc Schmidt and Ivan Safrin)</p></div>
<div id="attachment_734" class="wp-caption alignnone" style="width: 965px"><a href="http://labs.digg.com/bigspy/"><img class="size-full wp-image-734" title="Digg Labs Big Spy (Stamen)" src="http://www.formfollowsbehavior.com/wp-content/uploads/2010/03/bigspy.png" alt="Digg Labs Big Spy (Stamen)" width="955" height="654" /></a><p class="wp-caption-text">Digg Labs Big Spy (Stamen)</p></div>
<div id="attachment_735" class="wp-caption alignnone" style="width: 903px"><a href="http://projects.flowingdata.com/inauguration"><img class="size-full wp-image-735" title="Twitter visualization of Obama’s inauguration day" src="http://www.formfollowsbehavior.com/wp-content/uploads/2010/03/obama_twitter_viz.png" alt="Twitter visualization of Obama’s inauguration day" width="893" height="448" /></a><p class="wp-caption-text">Twitter visualization of Obama’s inauguration day</p></div>
<div id="attachment_736" class="wp-caption alignnone" style="width: 962px"><a href="http://www.wefeelfine.org/"><img class="size-full wp-image-736" title="We Feel Fine (Jonathan Harris)" src="http://www.formfollowsbehavior.com/wp-content/uploads/2010/03/wefeelfine.png" alt="We Feel Fine (Jonathan Harris)" width="952" height="726" /></a><p class="wp-caption-text">We Feel Fine (Jonathan Harris)</p></div>
<div id="attachment_737" class="wp-caption alignnone" style="width: 1012px"><a href="http://www.research.ibm.com/visual/projects/history_flow/"><img class="size-full wp-image-737" title="History Flow (Martin Wattenberg)" src="http://www.formfollowsbehavior.com/wp-content/uploads/2010/03/historyflow.gif" alt="History Flow (Martin Wattenberg)" width="1002" height="736" /></a><p class="wp-caption-text">History Flow (Martin Wattenberg)</p></div>
<div id="attachment_739" class="wp-caption alignnone" style="width: 922px"><a href="http://www.turbulence.org/Works/gothamberg/about.php"><img class="size-full wp-image-739" title="Gothamberg (Martin Wattenberg)" src="http://www.formfollowsbehavior.com/wp-content/uploads/2010/03/gothamberg.png" alt="Gothamberg (Martin Wattenberg)" width="912" height="587" /></a><p class="wp-caption-text">Gothamberg (Martin Wattenberg)</p></div>
<div id="attachment_740" class="wp-caption alignnone" style="width: 1034px"><a href="http://www.cabspotting.org"><img class="size-full wp-image-740" title="Cabspotting (Stamen)" src="http://www.formfollowsbehavior.com/wp-content/uploads/2010/03/cabspotting.jpg" alt="Cabspotting (Stamen)" width="1024" height="768" /></a><p class="wp-caption-text">Cabspotting (Stamen)</p></div>
</div>
<img src="http://feeds.feedburner.com/~r/formfollowsbehavior/~4/PsAmqvZWXo8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.formfollowsbehavior.com/2010/03/30/a-visualization-of-collective-memory-for-taipei/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.formfollowsbehavior.com/2010/03/30/a-visualization-of-collective-memory-for-taipei/</feedburner:origLink></item>
		<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>
	</channel>
</rss>
