<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	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:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Information Design Watch &#187; Technology</title>
	<atom:link href="http://dd.dynamicdiagrams.com/category/technology/feed/" rel="self" type="application/rss+xml" />
	<link>http://dd.dynamicdiagrams.com</link>
	<description>Dynamic Diagrams&#039; take on the world of visual explanation, information architecture, design, and technology</description>
	<lastBuildDate>Mon, 30 Jan 2012 15:50:29 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.1</generator>
		<item>
		<title>SOPA Day</title>
		<link>http://dd.dynamicdiagrams.com/2012/01/sopa-day/</link>
		<comments>http://dd.dynamicdiagrams.com/2012/01/sopa-day/#comments</comments>
		<pubDate>Wed, 18 Jan 2012 16:53:52 +0000</pubDate>
		<dc:creator>Henry Woodbury</dc:creator>
				<category><![CDATA[Current Events]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Infographics]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Technology]]></category>

		<guid isPermaLink="false">http://dd.dynamicdiagrams.com/?p=5123</guid>
		<description><![CDATA[Wikipedia (English) is blacked out. Wikipedia is just one of many. Other sites, including Google, are acknowledging the protest. Kirby Ferguson explains. Update: This is off-topic for this blog, but it is important to note that free use is not just about the internet. On Wednesday the Supreme Court failed to overturn a 1994 Congressional act that [...]]]></description>
			<content:encoded><![CDATA[<p>Wikipedia (English) is blacked out.</p>
<p><a href="http://en.wikipedia.org/wiki/Main_Page"><img class="alignnone size-full wp-image-5124" title="Wikipedia (English) Blacked Out" src="http://dd.dynamicdiagrams.com/wp-content/uploads/2012/01/wiki.jpg" alt="Wikipedia (English) Blacked Out" width="640" height="530" /></a></p>
<p><a href="http://sopastrike.com/">Wikipedia is just one of many</a>. Other sites, including <a href="https://www.google.com/">Google</a>, are acknowledging the protest.</p>
<p><a href="http://vimeo.com/31147134">Kirby Ferguson explains</a>.</p>
<p>Update: This is off-topic for this blog, but it is important to note that free use is not just about the internet. <a href="http://althouse.blogspot.com/2012/01/professor-lost-his-long-legal-fight-to.html">On Wednesday the Supreme Court failed to overturn a 1994 Congressional act that removes thousands of musical texts from the public domain</a>.</p>

<div class="sociable">

<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2012%2F01%2Fsopa-day%2F&amp;t=SOPA%20Day" title="Facebook"><img src="/wp-content/themes/dd/dDSociable/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=SOPA%20Day%20-%20http%3A%2F%2Fdd.dynamicdiagrams.com%2F2012%2F01%2Fsopa-day%2F" title="Twitter"><img src="/wp-content/themes/dd/dDSociable/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2012%2F01%2Fsopa-day%2F&amp;title=SOPA%20Day&amp;notes=Wikipedia%20%28English%29%20is%20blacked%20out.%0D%0A%0D%0A%0D%0A%0D%0AWikipedia%20is%20just%20one%20of%20many.%C2%A0Other%20sites%2C%C2%A0including%20Google%2C%20are%20acknowledging%20the%20protest.%0D%0A%0D%0AKirby%20Ferguson%20explains.%0D%0A%0D%0AUpdate%3A%20This%20is%20off-topic%20for%20this%20blog%2C%20but%20it%20is%20important%20to%20note%20that%20free%20us" title="del.icio.us"><img src="/wp-content/themes/dd/dDSociable/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2012%2F01%2Fsopa-day%2F&amp;title=SOPA%20Day" title="StumbleUpon"><img src="/wp-content/themes/dd/dDSociable/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://dd.dynamicdiagrams.com/2012/01/sopa-day/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Cost of Research</title>
		<link>http://dd.dynamicdiagrams.com/2012/01/research-for-the-public/</link>
		<comments>http://dd.dynamicdiagrams.com/2012/01/research-for-the-public/#comments</comments>
		<pubDate>Fri, 13 Jan 2012 17:59:31 +0000</pubDate>
		<dc:creator>Henry Woodbury</dc:creator>
				<category><![CDATA[Current Events]]></category>
		<category><![CDATA[Scholarly Publishing]]></category>
		<category><![CDATA[Technology]]></category>

		<guid isPermaLink="false">http://dd.dynamicdiagrams.com/?p=5117</guid>
		<description><![CDATA[As the rumble between intellectual property and free speech advances into the ring drawn by SOPA (the Stop Online Piracy Act), Michael B. Eisen draws attention to a fight on the undercard. Eisen, professor of molecular and cell biology, critiques The Research Works Act which, in his words: &#8230;would forbid the N.I.H. [National Institutes of Health] [...]]]></description>
			<content:encoded><![CDATA[<p>As the rumble between intellectual property and free speech <a href="http://news.cnet.com/8301-31921_3-57329001-281/how-sopa-would-affect-you-faq/">advances into the ring drawn by SOPA</a> (the Stop Online Piracy Act), <a href="http://www.nytimes.com/2012/01/11/opinion/research-bought-then-paid-for.html">Michael B. Eisen draws attention to a fight on the undercard</a>. Eisen, professor of molecular and cell biology, critiques The Research Works Act which, in his words:</p>
<blockquote><p>&#8230;would forbid the N.I.H. [National Institutes of Health] to require, as it now does, that its grantees provide copies of the papers they publish in peer-reviewed journals to the library. If the bill passes, to read the results of federally funded research, most Americans would have to buy access to individual articles at a cost of $15 or $30 apiece. In other words, taxpayers who already paid for the research would have to pay again to read the results.</p></blockquote>
<p>Supporters of the bill include many traditional publishers of medical research (ironically, one of its sponsors, Darrell Issa, Republican of California, is <a href="http://news.cnet.com/8301-31921_3-57342716-281/rep-issa-sopa-wont-be-approved-unless-fixed/">one of SOPA&#8217;s most prominent opponents</a>).</p>
<p>Dynamic Diagrams has a long history of working with scientific publishers going back over 15 years. We worked with major journals like Nature and JAMA to bring them fully online; we&#8217;ve also worked with research aggregators such as HighWire and Publishing Technology. We&#8217;re well aware of the technology and information management demands required just for online presentation, let alone the physical and specialist costs of creating a print publication. Now consider the editorial investment required to guide content to a publishable state (even if, as Eisen points out, peer review is provided voluntarily, often by researchers at publicly-funded institutions). Just for example, at a tactical level, most journals require an access-controlled transactional web space for authors and editors to exchange drafts.</p>
<p>This is not to take sides in the argument, but to draw attention to the real costs associated with managing and presenting electronic information. These should not be disregarded. At Scientific American, <a href="http://blogs.scientificamerican.com/crude-matter/2012/01/07/the-research-works-act-would-deny-taxpayers-access-to-federally-funded-research/#respond">the comments section to Michelle Clement&#8217;s call for opposing the bill offers some back-and-forth</a> (hopefully Clement won&#8217;t follow through on her threat to delete those comments she doesn&#8217;t like), including a link to the <a href="http://publishers.org/researchworksFAQ/">Association of American Publisher&#8217;s competing point of view</a>.</p>

<div class="sociable">

<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2012%2F01%2Fresearch-for-the-public%2F&amp;t=The%20Cost%20of%20Research" title="Facebook"><img src="/wp-content/themes/dd/dDSociable/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=The%20Cost%20of%20Research%20-%20http%3A%2F%2Fdd.dynamicdiagrams.com%2F2012%2F01%2Fresearch-for-the-public%2F" title="Twitter"><img src="/wp-content/themes/dd/dDSociable/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2012%2F01%2Fresearch-for-the-public%2F&amp;title=The%20Cost%20of%20Research&amp;notes=As%20the%20rumble%20between%20intellectual%20property%20and%20free%20speech%20advances%20into%20the%20ring%20drawn%20by%20SOPA%20%28the%20Stop%20Online%20Piracy%C2%A0Act%29%2C%20Michael%20B.%20Eisen%20draws%20attention%20to%20a%20fight%20on%20the%20undercard.%20Eisen%2C%20professor%20of%20molecular%20and%20cell%20biology%2C%20critiques%20Th" title="del.icio.us"><img src="/wp-content/themes/dd/dDSociable/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2012%2F01%2Fresearch-for-the-public%2F&amp;title=The%20Cost%20of%20Research" title="StumbleUpon"><img src="/wp-content/themes/dd/dDSociable/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://dd.dynamicdiagrams.com/2012/01/research-for-the-public/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What&#8217;s This Mobile Thing For, Again?</title>
		<link>http://dd.dynamicdiagrams.com/2011/12/whats-this-mobile-thing-for-again/</link>
		<comments>http://dd.dynamicdiagrams.com/2011/12/whats-this-mobile-thing-for-again/#comments</comments>
		<pubDate>Wed, 28 Dec 2011 17:06:01 +0000</pubDate>
		<dc:creator>Lisa Agustin</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://dd.dynamicdiagrams.com/?p=5104</guid>
		<description><![CDATA[With more and more folks jumping on the smartphone bandwagon, and clients asking for mobile as part of their redesign projects, it&#8217;s not unusual to see articles on how to make your site mobile, or the latest design trends for mobile apps. How to develop for mobile is one of the forefront concerns of many [...]]]></description>
			<content:encoded><![CDATA[<p>With more and more folks jumping on the smartphone bandwagon, and clients asking for mobile as part of their redesign projects, it&#8217;s not unusual to see articles on <a title="How to Mobilise Your Website" href="http://www.netmagazine.com/features/mobilise-your-website">how to make your site mobile</a>, or the <a title="Focus on Design Trends in Mobile Apps" href="http://webdesignledger.com/inspiration/focus-on-design-trends-in-mobile-apps-for-ios">latest design trends for mobile apps</a>. How to develop for mobile is one of the forefront concerns of many web designers. But how about the Why? What are the specific advantages of mobile other than its ability to keep you distracted (productive?) while standing in line? Back in 2008, author and former Nokia executive Tomi Ahonen <a title="Communities Dominate Brand: Deeper Insights into the 7th Mass Media Channel" href="http://communities-dominate.blogs.com/brands/2008/05/deeper-insights.html">expounded on the unique opportunities of mobile as the &#8220;7th mass media channel&#8221;</a> (print is the first, and Internet is the sixth). Conveniently, there are also seven unique capabilities of mobile media, which he summed up this way:</p>
<blockquote><p>1 &#8211; The mobile phone is the first personal mass media<br />
2 &#8211; The mobile is permanently carried media<br />
3 &#8211; The mobile is the only always-on mass media<br />
4 &#8211; Mobile is the only mass media with a built-in payment mechanism<br />
5 &#8211; Mobile is only media available at the point of creative inspiration<br />
6 &#8211; Mobile is only media with accurate audience measurement<br />
7 &#8211; Mobile captures the social context of media consumption</p></blockquote>
<p>These are not necessarily unique observations. But Ahonen&#8217;s perspective is one that puts mobile in the context of the media that preceded it, showing just how far technology has come. As an example, consider his first point, that mobile is the &#8220;first personal mass media&#8221;:</p>
<blockquote><p>Never before was any mass media assumed to be  private. Books and magazines are shared. Movies watched together. Radio  we can have the whole family in the car listening at the same time.  Records are played to a roomfull of wedding guests by the DJ. TV is  watched together by the family. The internet is semi-personal, but often  the PC is shared by the family or business employees. Our secretary or  IT tech support (or Human Resources staff) may read through our emails.  At home our parents often &#8220;snoop&#8221; what the kids do on the family PC etc.  The internet is not a personal media, even if it often seems like it.  But mobile. That is mine, and only mine.</p></blockquote>
<p>Although the stats and facts are a little dated (the iPad had yet to make its debut), his post is a good read, and a reminder of why mobile represents an exciting opportunity in terms of creating innovative user experiences. It&#8217;s not just about Angry Birds.</p>

<div class="sociable">

<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F12%2Fwhats-this-mobile-thing-for-again%2F&amp;t=What%27s%20This%20Mobile%20Thing%20For%2C%20Again%3F%20" title="Facebook"><img src="/wp-content/themes/dd/dDSociable/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=What%27s%20This%20Mobile%20Thing%20For%2C%20Again%3F%20%20-%20http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F12%2Fwhats-this-mobile-thing-for-again%2F" title="Twitter"><img src="/wp-content/themes/dd/dDSociable/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F12%2Fwhats-this-mobile-thing-for-again%2F&amp;title=What%27s%20This%20Mobile%20Thing%20For%2C%20Again%3F%20&amp;notes=With%20more%20and%20more%20folks%20jumping%20on%20the%20smartphone%20bandwagon%2C%20and%20clients%20asking%20for%20mobile%20as%20part%20of%20their%20redesign%20projects%2C%20it%27s%20not%20unusual%20to%20see%20articles%20on%20how%20to%20make%20your%20site%20mobile%2C%20or%20the%20latest%20design%20trends%20for%20mobile%20apps.%20How%20to%20deve" title="del.icio.us"><img src="/wp-content/themes/dd/dDSociable/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F12%2Fwhats-this-mobile-thing-for-again%2F&amp;title=What%27s%20This%20Mobile%20Thing%20For%2C%20Again%3F%20" title="StumbleUpon"><img src="/wp-content/themes/dd/dDSociable/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://dd.dynamicdiagrams.com/2011/12/whats-this-mobile-thing-for-again/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>HTML Sunrise</title>
		<link>http://dd.dynamicdiagrams.com/2011/12/html-sunrise/</link>
		<comments>http://dd.dynamicdiagrams.com/2011/12/html-sunrise/#comments</comments>
		<pubDate>Tue, 20 Dec 2011 15:22:04 +0000</pubDate>
		<dc:creator>Henry Woodbury</dc:creator>
				<category><![CDATA[Diagrams]]></category>
		<category><![CDATA[Information Design]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Visual Explanation]]></category>
		<category><![CDATA[Web Interface Design]]></category>

		<guid isPermaLink="false">http://dd.dynamicdiagrams.com/?p=5076</guid>
		<description><![CDATA[Paul Irish AND Divya Manian have teamed up to create a superb visual explanation that shows browser support for HTML5 and CSS3. Rolling over each spoke of the sunrise (to mix a metaphor) reveals the name of the component; clicking takes you to the W3C page that defines it. While 2011 support for current common browsers [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://paulirish.com/">Paul Irish</a> AND <a href="http://nimbupani.com/">Divya Manian</a> have teamed up to create <a href="http://html5readiness.com/">a superb visual explanation that shows browser support for HTML5 and CSS3</a>. Rolling over each spoke of the sunrise (to mix a metaphor) reveals the name of the component; clicking takes you to the W3C page that defines it.</p>
<p>While 2011 support for current common browsers is the most useful view, Irish and Manian have provided data for 2008, 2009, and 2010 as well. In the slideshow below I show a screenshot of each of the four views. It makes a nice animation.</p>
<script type="text/javascript">/* <![CDATA[ */ psTimeout[0]=3000;psTrans[0]='fade';psNoWrap[0]=true;psSpeed[0]=400;/* ]]&gt; */</script><div id="slideshow-wrapper1" class="slideshow-wrapper">
	<div id="portfolio-slideshow1" class="portfolio-slideshow">
	<div class="slideshow-next slideshow-content">
			<img width="640" height="420" src="http://dd.dynamicdiagrams.com/wp-content/uploads/2011/12/HTMLReadiness2008.jpg" class="attachment-large" alt="HTML Readiness 2008" title="HTML Readiness 2008" /></div>
			<div class="not-first slideshow-next slideshow-content">
			<img width="640" height="420" src="http://dd.dynamicdiagrams.com/wp-content/uploads/2011/12/HTMLReadiness2009.jpg" class="attachment-large" alt="HTML Readiness 2009" title="HTML Readiness 2009" /></div>
			<div class="not-first slideshow-next slideshow-content">
			<img width="640" height="420" src="http://dd.dynamicdiagrams.com/wp-content/uploads/2011/12/HTMLReadiness2010.jpg" class="attachment-large" alt="HTML Readiness 2010" title="HTML Readiness 2010" /></div>
			<div class="not-first slideshow-next slideshow-content">
			<img width="640" height="420" src="http://dd.dynamicdiagrams.com/wp-content/uploads/2011/12/HTMLReadiness2011.jpg" class="attachment-large" alt="HTML Readiness 2011" title="HTML Readiness 2011" /></div>
			</div><!--#portfolio-slideshow--><div class="slideshow-thumbs">
							<ul id="slides1" class="slides"><li><a href="javascript: void(0)"><img width="150" height="98" src="http://dd.dynamicdiagrams.com/wp-content/uploads/2011/12/HTMLReadiness2008-150x98.jpg" class="attachment-thumbnail" alt="HTML Readiness 2008" title="HTML Readiness 2008" /></a></li><li><a href="javascript: void(0)"><img width="150" height="98" src="http://dd.dynamicdiagrams.com/wp-content/uploads/2011/12/HTMLReadiness2009-150x98.jpg" class="attachment-thumbnail" alt="HTML Readiness 2009" title="HTML Readiness 2009" /></a></li><li><a href="javascript: void(0)"><img width="150" height="98" src="http://dd.dynamicdiagrams.com/wp-content/uploads/2011/12/HTMLReadiness2010-150x98.jpg" class="attachment-thumbnail" alt="HTML Readiness 2010" title="HTML Readiness 2010" /></a></li><li><a href="javascript: void(0)"><img width="150" height="98" src="http://dd.dynamicdiagrams.com/wp-content/uploads/2011/12/HTMLReadiness2011-150x98.jpg" class="attachment-thumbnail" alt="HTML Readiness 2011" title="HTML Readiness 2011" /></a></li></ul></div><!-- end thumbs-->
		<br style="clear:both" /></div><!--#slideshow-wrapper-->
<script type="text/javascript">assignSlideshowHeight(27)</script>
<p>The visual is created with HTML5 and CSS3, so it is best viewed with an current browser. Don&#8217;t even bother with MSIE 7.</p>
<p>(via the LinkedIn Web Standards Group)</p>

<div class="sociable">

<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F12%2Fhtml-sunrise%2F&amp;t=HTML%20Sunrise" title="Facebook"><img src="/wp-content/themes/dd/dDSociable/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=HTML%20Sunrise%20-%20http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F12%2Fhtml-sunrise%2F" title="Twitter"><img src="/wp-content/themes/dd/dDSociable/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F12%2Fhtml-sunrise%2F&amp;title=HTML%20Sunrise&amp;notes=Paul%20Irish%20AND%C2%A0Divya%20Manian%20have%20teamed%20up%20to%20create%20a%20superb%20visual%20explanation%20that%20shows%20browser%20support%20for%20HTML5%20and%20CSS3.%20Rolling%20over%20each%20spoke%20of%20the%20sunrise%20%28to%20mix%20a%20metaphor%29%20reveals%20the%20name%20of%20the%20component%3B%20clicking%20takes%20you%20to%20the%20W" title="del.icio.us"><img src="/wp-content/themes/dd/dDSociable/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F12%2Fhtml-sunrise%2F&amp;title=HTML%20Sunrise" title="StumbleUpon"><img src="/wp-content/themes/dd/dDSociable/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://dd.dynamicdiagrams.com/2011/12/html-sunrise/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>I&#8217;d Rather Have a Rocket Car</title>
		<link>http://dd.dynamicdiagrams.com/2011/11/id-rather-have-a-rocket-car/</link>
		<comments>http://dd.dynamicdiagrams.com/2011/11/id-rather-have-a-rocket-car/#comments</comments>
		<pubDate>Tue, 29 Nov 2011 15:09:01 +0000</pubDate>
		<dc:creator>Henry Woodbury</dc:creator>
				<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User Experience]]></category>

		<guid isPermaLink="false">http://dd.dynamicdiagrams.com/?p=5004</guid>
		<description><![CDATA[In the old days the future was about rocket cars. Now it&#8217;s about touch screens. This Microsoft production is one of the vision videos that&#8217;s been making the rounds: It&#8217;s cool, but also cold. And it&#8217;s one of the best of the bunch (Corning&#8217;s A Day Made of Glass is also very good). Others, such [...]]]></description>
			<content:encoded><![CDATA[<p>In the old days the future was about rocket cars. Now it&#8217;s about touch screens.</p>
<p><a href="http://youtu.be/a6cNdhOKwi0">This Microsoft production</a> is one of the vision videos that&#8217;s been making the rounds:</p>
<p><object width="640" height="360"><param name="movie" value="http://www.youtube.com/v/a6cNdhOKwi0?version=3&amp;hl=en_US&amp;rel=0" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed type="application/x-shockwave-flash" width="640" height="360" src="http://www.youtube.com/v/a6cNdhOKwi0?version=3&amp;hl=en_US&amp;rel=0" allowfullscreen="true" allowscriptaccess="always"></embed></object></p>
<p>It&#8217;s cool, but also cold. And it&#8217;s one of the best of the bunch (<a href="http://youtu.be/6Cf7IL_eZ38">Corning&#8217;s A Day Made of Glass is also very good</a>). Others, such as the awkward imitations produced by Research In Motion (Blackberry) <a href="http://www.technologyreview.com/blog/mimssbits/27306/?p1=blogs">invite only ridicule</a>.</p>
<p><a href="http://worrydream.com/ABriefRantOnTheFutureOfInteractionDesign/">Interface designer Bret Victor has produced an intelligent critique of the Microsoft video</a> (and, by extension the whole genre). He starts by reminding us of the incredible sensory and manipulative powers of the human hand:</p>
<blockquote><p>There&#8217;s a reason that our fingertips have some of the densest areas of nerve endings on the body. This is how we experience the world close-up. This is how our tools talk to us. The sense of touch is essential to everything that humans have called &#8220;work&#8221; for millions of years.</p></blockquote>
<p>But what is the sensory experience of Microsoft&#8217;s future (and Corning&#8217;s, and Apple&#8217;s, and RIM&#8217;s)? It&#8217;s the feel of glass. It&#8217;s &#8220;glassy.&#8221;</p>
<p>Now read this: <a href="http://www.wired.com/geekdad/2011/01/the-5-best-toys-of-all-time/all/1">The 5 Best Toys of All Time</a>. I think you&#8217;ll get my point.</p>

<div class="sociable">

<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F11%2Fid-rather-have-a-rocket-car%2F&amp;t=I%27d%20Rather%20Have%20a%20Rocket%20Car" title="Facebook"><img src="/wp-content/themes/dd/dDSociable/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=I%27d%20Rather%20Have%20a%20Rocket%20Car%20-%20http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F11%2Fid-rather-have-a-rocket-car%2F" title="Twitter"><img src="/wp-content/themes/dd/dDSociable/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F11%2Fid-rather-have-a-rocket-car%2F&amp;title=I%27d%20Rather%20Have%20a%20Rocket%20Car&amp;notes=In%20the%20old%20days%20the%20future%20was%20about%20rocket%20cars.%20Now%20it%27s%20about%20touch%20screens.%0D%0A%0D%0AThis%20Microsoft%20production%20is%20one%20of%20the%20vision%20videos%20that%27s%20been%20making%20the%20rounds%3A%0D%0A%0D%0A%0D%0A%0D%0AIt%27s%20cool%2C%20but%20also%20cold.%20And%20it%27s%20one%20of%20the%20best%20of%20the%20bunch%20%28Corning%27s%20" title="del.icio.us"><img src="/wp-content/themes/dd/dDSociable/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F11%2Fid-rather-have-a-rocket-car%2F&amp;title=I%27d%20Rather%20Have%20a%20Rocket%20Car" title="StumbleUpon"><img src="/wp-content/themes/dd/dDSociable/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://dd.dynamicdiagrams.com/2011/11/id-rather-have-a-rocket-car/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Orientation Ratio</title>
		<link>http://dd.dynamicdiagrams.com/2011/11/orientation-ratio/</link>
		<comments>http://dd.dynamicdiagrams.com/2011/11/orientation-ratio/#comments</comments>
		<pubDate>Sat, 26 Nov 2011 04:41:32 +0000</pubDate>
		<dc:creator>Henry Woodbury</dc:creator>
				<category><![CDATA[Illustration]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Visual Explanation]]></category>

		<guid isPermaLink="false">http://dd.dynamicdiagrams.com/?p=5025</guid>
		<description><![CDATA[Folks well into Apple mobile development may have already run across Adam Lisagor&#8217;s take on the iPad&#8217;s aspect ratio. If not, here it is. To elaborate a little, the visualization points to more than just dimensions: But it was clear in the device’s orientation when Steve first pulled it out, and in the orientation of the [...]]]></description>
			<content:encoded><![CDATA[<p>Folks well into Apple mobile development may have already run across Adam Lisagor&#8217;s take on the iPad&#8217;s aspect ratio.</p>
<p><a href="http://lonelysandwich.com/post/356618660/ipad-giggle-aspect-ratio">If not, here it is</a>.</p>
<p><a href="http://lonelysandwich.com/post/356618660/ipad-giggle-aspect-ratio"><img class="alignnone size-full wp-image-5026" title="Aspect Ratios of iPad and iPhone" src="http://dd.dynamicdiagrams.com/wp-content/uploads/2011/11/tumblr_kwxbrdCybB1qz4ml7o1_640.png" alt="Aspect Ratios of iPad and iPhone" width="640" height="388" /></a></p>
<p>To elaborate a little, the visualization points to more than just dimensions:</p>
<blockquote><p>But it was clear in the device’s orientation when Steve first pulled it out, and in the orientation of the Apple logo on the back, that the iPad (…) is meant primarily to be used in portrait mode, that its function as a video device is really secondary to its function as a reading device. And 9:16 is now, and will probably always be too damn skinny for a screen.</p></blockquote>

<div class="sociable">

<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F11%2Forientation-ratio%2F&amp;t=Orientation%20Ratio" title="Facebook"><img src="/wp-content/themes/dd/dDSociable/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=Orientation%20Ratio%20-%20http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F11%2Forientation-ratio%2F" title="Twitter"><img src="/wp-content/themes/dd/dDSociable/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F11%2Forientation-ratio%2F&amp;title=Orientation%20Ratio&amp;notes=Folks%20well%20into%20Apple%20mobile%20development%20may%20have%20already%20run%20across%20Adam%20Lisagor%27s%C2%A0take%20on%20the%20iPad%27s%20aspect%20ratio.%0D%0A%0D%0AIf%20not%2C%20here%20it%20is.%0D%0A%0D%0A%0D%0A%0D%0ATo%20elaborate%20a%20little%2C%20the%20visualization%20points%20to%20more%20than%20just%20dimensions%3A%0D%0ABut%20it%20was%20clear%20in%20the" title="del.icio.us"><img src="/wp-content/themes/dd/dDSociable/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F11%2Forientation-ratio%2F&amp;title=Orientation%20Ratio" title="StumbleUpon"><img src="/wp-content/themes/dd/dDSociable/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://dd.dynamicdiagrams.com/2011/11/orientation-ratio/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>The New and Improved Google Reader! Slightly Dingy and Now with Dark Patterns!</title>
		<link>http://dd.dynamicdiagrams.com/2011/11/google-reader-redesign-slightly-dingy-and-now-with-dark-patterns/</link>
		<comments>http://dd.dynamicdiagrams.com/2011/11/google-reader-redesign-slightly-dingy-and-now-with-dark-patterns/#comments</comments>
		<pubDate>Wed, 02 Nov 2011 18:18:32 +0000</pubDate>
		<dc:creator>Lisa Agustin</dc:creator>
				<category><![CDATA[Information Architecture]]></category>
		<category><![CDATA[Information Design]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[User Experience]]></category>
		<category><![CDATA[Web Interface Design]]></category>

		<guid isPermaLink="false">http://dd.dynamicdiagrams.com/?p=4906</guid>
		<description><![CDATA[I use Facebook, but was not one of those people who grumbled about the latest changes. I accept that technology is about looking forward, convergence makes sense in many cases, and that improving the user experience means continually tweaking an information architecture and visual design to reach whatever your bigger goal may be (e.g., conversions). [...]]]></description>
			<content:encoded><![CDATA[<p>I use Facebook, but was not <a title="Facebook Changes Inspire More Grumbling" href="http://www.nytimes.com/2011/10/20/technology/personaltech/facebook-changes-inspire-more-grumbling-state-of-the-art.html?_r=1">one of those people who grumbled about the latest changes</a>. I accept that technology is about looking forward, convergence makes sense in many cases, and that improving the user experience means continually tweaking an information architecture and visual design to reach whatever your bigger goal may be (e.g., conversions).</p>
<p>But then Google released its redesign of Reader, and we went from this:</p>
<p><a rel="attachment wp-att-4910" href="http://dd.dynamicdiagrams.com/2011/11/google-reader-redesign-slightly-dingy-and-now-with-dark-patterns/google-reader-before/"></a><a rel="attachment wp-att-4912" href="http://dd.dynamicdiagrams.com/2011/11/google-reader-redesign-slightly-dingy-and-now-with-dark-patterns/google-reader-old-2/"></a><a rel="attachment wp-att-4910" href="http://dd.dynamicdiagrams.com/2011/11/google-reader-redesign-slightly-dingy-and-now-with-dark-patterns/google-reader-before/"></a><img class="aligncenter size-full wp-image-4913" title="google reader old 2" src="http://dd.dynamicdiagrams.com/wp-content/uploads/2011/11/google-reader-old-21.jpg" alt="" width="500" height="230" /></p>
<p>to this:</p>
<p><a rel="attachment wp-att-4911" href="http://dd.dynamicdiagrams.com/2011/11/google-reader-redesign-slightly-dingy-and-now-with-dark-patterns/google-reader-new/"></a><img class="aligncenter size-full wp-image-4914" title="google reader new 2" src="http://dd.dynamicdiagrams.com/wp-content/uploads/2011/11/google-reader-new-2.jpg" alt="" width="500" height="213" /><br />
[Image credits: SheGeeks.net]</p>
<p>Google calls the design &#8220;cleaner, faster, and nicer to look at.&#8221;  But after reading<a title="Google Blog Post" href="http://googlereader.blogspot.com/2011/10/new-in-reader-fresh-design-and-google.html"> their announcement</a> more closely, it&#8217;s really more about creating a tighter integration with Google+ by turning off Reader&#8217;s friending, following, shared items and comments in favor of similar Google+ functionality. Which is okay, since I do see the point of consolidating Reader&#8217;s social aspect with Google+. But the redesign has actually made sharing harder, not easier. Former Google Reader Product Manager Brian Shih <a title="Reader redesign: Terrible Decision or Worst Decision?" href="http://brianshih.com/78073742">puts it this way</a>:</p>
<blockquote><p>Keep in mind that on top of requiring 3-4 times as many clicks, you also <strong>now must +1 a post publicly to share it</strong>,  even if it&#8217;s shared to a private circle. That bears repeating. The next  time you want to share some sexy halloween costumes with your <em>private</em> set  of friends, you first must publicly +1 the post, which means it shows  up on your profile, plus wherever the hell G+ decides to use +1 data. So  much for building a network around privacy controls.</p></blockquote>
<p>But then later, an update:</p>
<blockquote><p><strong></strong>It turns out there is a way to share without +1&#8242;ing  first. If you click on the top right &#8220;Share&#8230;&#8221; field on the OneGoogle  bar [the bar at the very top of the pane], you can bypass the +1 button. It&#8217;s just completely undiscoverable.</p></blockquote>
<p>Sounds like a <a title="Dark Patterns" href="http://wiki.darkpatterns.org/Home">dark pattern</a> to me.</p>
<p>But let&#8217;s put Google+ aside, since sharing wasn&#8217;t why I used Reader in the first place. It was about the content. How quickly can I see what&#8217;s new and get to an individual story? From an information design perspective, I&#8217;d think making the design cleaner would mean maximizing space for original content. Rather it seems they did the opposite, with a thicker/more spacious header bar that pushes content further down the page.</p>
<p>From a visual design standpoint, greeted by a new absence of color, I wondered if they were trying to make it look like a traditional newspaper, removing colored elements as if they were distractions? While there is such a thing as too much color, the new Reader goes overboard in the other direction. With black, white, and grey being the dominant scheme, it&#8217;s hard to tell what the priority is in the UI. Google even eliminated the use of the bright blue link color that facilitates scanning.  Now nothing stands out&#8211;except for the bright red Subscribe button and the blue Search button.  Maybe it&#8217;s time to <a title="In Defense of Eye Candy" href="http://www.alistapart.com/articles/indefenseofeyecandy/">revisit the pluses of eye candy.</a><em></em></p>
<p>Kvetching aside, I suppose I will get used to the new direction (assuming I don&#8217;t switch feeds first).  I also guess I had better brace myself for the <a title="Gmail's New Look" href="http://googleblog.blogspot.com/2011/11/gmails-new-look.html">upcoming Gmail redesign. </a></p>

<div class="sociable">

<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F11%2Fgoogle-reader-redesign-slightly-dingy-and-now-with-dark-patterns%2F&amp;t=The%20New%20and%20Improved%20Google%20Reader%21%20Slightly%20Dingy%20and%20Now%20with%20Dark%20Patterns%21" title="Facebook"><img src="/wp-content/themes/dd/dDSociable/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=The%20New%20and%20Improved%20Google%20Reader%21%20Slightly%20Dingy%20and%20Now%20with%20Dark%20Patterns%21%20-%20http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F11%2Fgoogle-reader-redesign-slightly-dingy-and-now-with-dark-patterns%2F" title="Twitter"><img src="/wp-content/themes/dd/dDSociable/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F11%2Fgoogle-reader-redesign-slightly-dingy-and-now-with-dark-patterns%2F&amp;title=The%20New%20and%20Improved%20Google%20Reader%21%20Slightly%20Dingy%20and%20Now%20with%20Dark%20Patterns%21&amp;notes=I%20use%20Facebook%2C%20but%20was%20not%20one%20of%20those%20people%20who%20grumbled%20about%20the%20latest%20changes.%20I%20accept%20that%20technology%20is%20about%20looking%20forward%2C%20convergence%20makes%20sense%20in%20many%20cases%2C%20and%20that%20improving%20the%20user%20experience%20means%20continually%20tweaking%20an%20info" title="del.icio.us"><img src="/wp-content/themes/dd/dDSociable/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F11%2Fgoogle-reader-redesign-slightly-dingy-and-now-with-dark-patterns%2F&amp;title=The%20New%20and%20Improved%20Google%20Reader%21%20Slightly%20Dingy%20and%20Now%20with%20Dark%20Patterns%21" title="StumbleUpon"><img src="/wp-content/themes/dd/dDSociable/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://dd.dynamicdiagrams.com/2011/11/google-reader-redesign-slightly-dingy-and-now-with-dark-patterns/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Goodbye to the King of the Invisible</title>
		<link>http://dd.dynamicdiagrams.com/2011/10/goodbye-to-the-king-of-the-invisible/</link>
		<comments>http://dd.dynamicdiagrams.com/2011/10/goodbye-to-the-king-of-the-invisible/#comments</comments>
		<pubDate>Fri, 14 Oct 2011 20:52:43 +0000</pubDate>
		<dc:creator>Henry Woodbury</dc:creator>
				<category><![CDATA[Current Events]]></category>
		<category><![CDATA[Technology]]></category>

		<guid isPermaLink="false">http://dd.dynamicdiagrams.com/?p=4883</guid>
		<description><![CDATA[Dennis Ritchie has died. Ritchie was the Bell Labs Researcher who invented the C programmer language and teamed with colleague Ken Thompson to build Unix. Fellow Bell Labs alumnus Rob Pike described his contribution this way: &#8220;Pretty much everything on the web uses those two things: C and UNIX. The browsers are written in C. [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://edition.cnn.com/2011/10/14/tech/innovation/dennis-ritchie-obit-bell-labs/">Dennis Ritchie has died</a>. Ritchie was the Bell Labs Researcher who invented the C programmer language and teamed with colleague Ken Thompson to build Unix. Fellow Bell Labs alumnus Rob Pike described his contribution this way:</p>
<blockquote><p>&#8220;Pretty much everything on the web uses those two things: C and UNIX. The browsers are written in C. The UNIX kernel &#8212; that pretty much the entire Internet runs on &#8212; is written in C. Web servers are written in C, and if they&#8217;re not, they&#8217;re written in Java or C++, which are C derivatives, or Python or Ruby, which are implemented in C. And all of the network hardware running these programs I can almost guarantee were written in C.&#8221;</p></blockquote>
<p>Contrasting Ritchie&#8217;s passing with that of the iconic Steve Jobs, MIT&#8217;s Martin Rinard says:</p>
<blockquote><p>&#8220;Jobs was the king of the visible, and Ritchie is the king of what is largely invisible&#8230;. Ritchie built things that technologists were able to use to build core infrastructure that people don&#8217;t necessarily see much anymore, but they use everyday.&#8221;</p></blockquote>
<p>Things like the underlying OS of the MacBook Pro I&#8217;m using to write this.</p>

<div class="sociable">

<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F10%2Fgoodbye-to-the-king-of-the-invisible%2F&amp;t=Goodbye%20to%20the%20King%20of%20the%20Invisible" title="Facebook"><img src="/wp-content/themes/dd/dDSociable/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=Goodbye%20to%20the%20King%20of%20the%20Invisible%20-%20http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F10%2Fgoodbye-to-the-king-of-the-invisible%2F" title="Twitter"><img src="/wp-content/themes/dd/dDSociable/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F10%2Fgoodbye-to-the-king-of-the-invisible%2F&amp;title=Goodbye%20to%20the%20King%20of%20the%20Invisible&amp;notes=Dennis%20Ritchie%20has%20died.%20Ritchie%20was%20the%20Bell%20Labs%20Researcher%20who%20invented%20the%20C%20programmer%20language%20and%20teamed%20with%20colleague%20Ken%20Thompson%20to%20build%20Unix.%20Fellow%20Bell%20Labs%20alumnus%20Rob%20Pike%20described%20his%20contribution%20this%20way%3A%0D%0A%22Pretty%20much%20everything" title="del.icio.us"><img src="/wp-content/themes/dd/dDSociable/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F10%2Fgoodbye-to-the-king-of-the-invisible%2F&amp;title=Goodbye%20to%20the%20King%20of%20the%20Invisible" title="StumbleUpon"><img src="/wp-content/themes/dd/dDSociable/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://dd.dynamicdiagrams.com/2011/10/goodbye-to-the-king-of-the-invisible/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HeadsUP! Competition Invites Designers to Visualize Global Issues on a Large Scale</title>
		<link>http://dd.dynamicdiagrams.com/2011/10/headsup-competition-invites-designers-to-visualize-global-issues-on-a-large-scale/</link>
		<comments>http://dd.dynamicdiagrams.com/2011/10/headsup-competition-invites-designers-to-visualize-global-issues-on-a-large-scale/#comments</comments>
		<pubDate>Thu, 06 Oct 2011 15:48:59 +0000</pubDate>
		<dc:creator>Lisa Agustin</dc:creator>
				<category><![CDATA[Technology]]></category>
		<category><![CDATA[Visual Explanation]]></category>

		<guid isPermaLink="false">http://dd.dynamicdiagrams.com/?p=4815</guid>
		<description><![CDATA[How do we make complex and urgent issues like global warming both understandable and memorable? HeadsUP! is an international competition that challenges designers to visualize critical global issues and create a shared sign for the public space&#8211; in this case, Times Square², the Thomson-Reuters/NASDAQ digital signboards in Times Square. The goal of HeadsUP!: Working with [...]]]></description>
			<content:encoded><![CDATA[<p>How do we make complex and urgent issues like global warming both understandable and memorable? <a title="HeadsUP! Global Visualization Competition" href="http://headsuptimessquare.com/">HeadsUP!</a> is an international competition that challenges designers to visualize  critical global issues and create a shared sign for the public space&#8211; in this case, <a href="http://timessquare2.com/">Times Square²</a>, the Thomson-Reuters/NASDAQ digital signboards in Times Square. The goal of HeadsUP!:</p>
<blockquote><p>Working with global data on issues such as global groundwater levels,  climate change and ocean acidification, designers will create a series  of visual displays to translate abstract metrics into recognizable and  actionable news. It is an opportunity to transform planetary data into a  common sign combining the metaphorical power of the <a title="Doomsday Clock" href="http://en.wikipedia.org/wiki/Doomsday_Clock">Doomsday Clock</a> with  the authority of data visualization and the immediacy of activist  electronic billboards: a HeadsUP! Display for the planet.</p></blockquote>
<p><a title="HeadsUP! Groundwater Visualization Challenge" href="http://www.visualizing.org/contests/groundwater">The first challenge is a visualization of global groundwater trends</a>, which indicate that groundwater reserves are currently threatened due to overuse. The winning entry will premiere on <a href="http://www.worldwaterday.org/" target="_blank">World Water Day</a>, March 22, 2012, and run for one month. I do love this idea, although to me, the success of it will not only depend on making the data easier to understand, but giving passersby concrete steps they can take to make a difference.</p>

<div class="sociable">

<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F10%2Fheadsup-competition-invites-designers-to-visualize-global-issues-on-a-large-scale%2F&amp;t=HeadsUP%21%20Competition%20Invites%20Designers%20to%20Visualize%20Global%20Issues%20on%20a%20Large%20Scale" title="Facebook"><img src="/wp-content/themes/dd/dDSociable/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=HeadsUP%21%20Competition%20Invites%20Designers%20to%20Visualize%20Global%20Issues%20on%20a%20Large%20Scale%20-%20http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F10%2Fheadsup-competition-invites-designers-to-visualize-global-issues-on-a-large-scale%2F" title="Twitter"><img src="/wp-content/themes/dd/dDSociable/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F10%2Fheadsup-competition-invites-designers-to-visualize-global-issues-on-a-large-scale%2F&amp;title=HeadsUP%21%20Competition%20Invites%20Designers%20to%20Visualize%20Global%20Issues%20on%20a%20Large%20Scale&amp;notes=How%20do%20we%20make%20complex%20and%20urgent%20issues%20like%20global%20warming%20both%20understandable%20and%20memorable%3F%20HeadsUP%21%20is%20an%20international%20competition%20that%20challenges%20designers%20to%20visualize%20%20critical%20global%20issues%20and%20create%20a%20shared%20sign%20for%20the%20public%20space--%20in" title="del.icio.us"><img src="/wp-content/themes/dd/dDSociable/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F10%2Fheadsup-competition-invites-designers-to-visualize-global-issues-on-a-large-scale%2F&amp;title=HeadsUP%21%20Competition%20Invites%20Designers%20to%20Visualize%20Global%20Issues%20on%20a%20Large%20Scale" title="StumbleUpon"><img src="/wp-content/themes/dd/dDSociable/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://dd.dynamicdiagrams.com/2011/10/headsup-competition-invites-designers-to-visualize-global-issues-on-a-large-scale/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Follow the Money</title>
		<link>http://dd.dynamicdiagrams.com/2011/09/follow-the-money/</link>
		<comments>http://dd.dynamicdiagrams.com/2011/09/follow-the-money/#comments</comments>
		<pubDate>Fri, 23 Sep 2011 20:00:38 +0000</pubDate>
		<dc:creator>Henry Woodbury</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Implementation]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[Web Interface Design]]></category>

		<guid isPermaLink="false">http://dd.dynamicdiagrams.com/?p=4696</guid>
		<description><![CDATA[Even on mobile devices a web app can beat out a platform-specific app. That&#8217;s the case for The Financial Times (FT). FT spokesman Rob Grimshaw reports that their HTML 5 web app draws more readers for more page views than their now-discontinued Apple store app. This is a nice success story for web developers, but [...]]]></description>
			<content:encoded><![CDATA[<p>Even on mobile devices a web app can beat out a platform-specific app. That&#8217;s the case for The Financial Times (FT). <a href="http://www.reuters.com/article/2011/09/22/us-ft-idUSTRE78L49Q20110922">FT spokesman Rob Grimshaw reports that their HTML 5 web app draws more readers for more page views than their now-discontinued Apple store app</a>.</p>
<p>This is a nice success story for web developers, but there&#8217;s more going on than traffic:</p>
<blockquote><p>&#8230;Apple takes a 30 percent cut of subscription revenue from users who sign up for apps in the store.</p>
<p>More problematic is that Apple wants to control subscriber data &#8212; valuable demographic information used by magazines and newspapers to sell advertising &#8212; from people who sign up for the app in the store.</p></blockquote>
<p>For subscription-based publishers such as FT this is not a supportable position. One has to wonder if other successful subscription-based sites are equally dissatisfied.</p>
<p>Of course, what makes the FT story unique is that its web app <em>replaced</em> its Apple store app. For many organizations the platform app will never get built, not when a comprehensive web development effort can leverage some common UI and code to target both desktop and mobile users.</p>
<blockquote><p>&#8220;App stores are actually quite strange environments,&#8221; Grimshaw said. &#8220;They are cut off from most of the Web ecosystem.&#8221;</p></blockquote>
<p>Update: In regards to my last point before the last quote, <a href="http://www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/">Jason Grigsby&#8217;s Cloud Four critique of responsive web design</a> is required reading. The mobile and desktop environments each deserve their own optimization.</p>
<p>(via a <a href="http://www.facebook.com/tizra">Tizra Facebook post</a>)</p>

<div class="sociable">

<ul>
	<li class="sociablefirst"><a rel="nofollow"  target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F09%2Ffollow-the-money%2F&amp;t=Follow%20the%20Money" title="Facebook"><img src="/wp-content/themes/dd/dDSociable/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://twitter.com/home?status=Follow%20the%20Money%20-%20http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F09%2Ffollow-the-money%2F" title="Twitter"><img src="/wp-content/themes/dd/dDSociable/twitter.png" title="Twitter" alt="Twitter" class="sociable-hovers" /></a></li>
	<li><a rel="nofollow"  target="_blank" href="http://delicious.com/post?url=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F09%2Ffollow-the-money%2F&amp;title=Follow%20the%20Money&amp;notes=Even%20on%20mobile%20devices%20a%20web%20app%20can%20beat%20out%20a%20platform-specific%20app.%20That%27s%20the%20case%20for%20The%20Financial%20Times%20%28FT%29.%20FT%20spokesman%20Rob%20Grimshaw%20reports%20that%20their%20HTML%205%20web%20app%20draws%20more%20readers%20for%20more%20page%20views%20than%20their%20now-discontinued%20Apple%20" title="del.icio.us"><img src="/wp-content/themes/dd/dDSociable/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a></li>
	<li class="sociablelast"><a rel="nofollow"  target="_blank" href="http://www.stumbleupon.com/submit?url=http%3A%2F%2Fdd.dynamicdiagrams.com%2F2011%2F09%2Ffollow-the-money%2F&amp;title=Follow%20the%20Money" title="StumbleUpon"><img src="/wp-content/themes/dd/dDSociable/stumbleupon.png" title="StumbleUpon" alt="StumbleUpon" class="sociable-hovers" /></a></li>
</ul>
</div>
]]></content:encoded>
			<wfw:commentRss>http://dd.dynamicdiagrams.com/2011/09/follow-the-money/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

