<?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>Patrick Dubroy &#187; infoviz</title>
	<atom:link href="http://dubroy.com/blog/category/infoviz/feed/" rel="self" type="application/rss+xml" />
	<link>http://dubroy.com/blog</link>
	<description>programming, usability, and interaction design</description>
	<lastBuildDate>Wed, 21 Apr 2010 18:05:36 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Could visualization help make better software?</title>
		<link>http://dubroy.com/blog/could-visualization-help-make-better-software/</link>
		<comments>http://dubroy.com/blog/could-visualization-help-make-better-software/#comments</comments>
		<pubDate>Thu, 18 Dec 2008 17:59:09 +0000</pubDate>
		<dc:creator>Patrick</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[infoviz]]></category>
		<category><![CDATA[programming]]></category>

		<guid isPermaLink="false">http://dubroy.com/blog/2008/12/18/could-visualization-help-make-better-software/</guid>
		<description><![CDATA[Writing software is incredibly hard. Every programmer knows this. The software we write is complex, unreliable, and difficult to maintain. And this isn&#8217;t a new thing &#8212; the term &#8220;the software crisis&#8221; was coined in 1968. 

The thing about software is that it&#8217;s remarkably easy to write a program that mostly works. And it&#8217;s difficult [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Writing software is incredibly hard.</strong> Every programmer knows this. The software we write is complex, unreliable, and difficult to maintain. And this isn&#8217;t a new thing &#8212; the term &#8220;the software crisis&#8221; was coined in <em>1968</em>. </p>

<p>The thing about software is that it&#8217;s remarkably easy to write a program that <em>mostly</em> works. And it&#8217;s difficult to tell the difference between a quick hack and a stable, reliable, and robust system, because the software development process produces almost no visible artifacts.</p>

<p>When you look at a building, it&#8217;s easy to get a quick sense of how well-built it is. Which of the two buildings below would you rather be in during a heavy storm?</p>

<div align="center">
<a href="http://flickr.com/photos/seier/1244185274/"><img id="image230" src="http://dubroy.com/blog/wp-content/uploads/2008/12/glass1.jpg" alt="&quot;christiania, glass house, august 2007&quot; by seier+seier+seier on Flickr" /></a>
<a href="http://flickr.com/photos/london/382065084/"><img id="image231" src="http://dubroy.com/blog/wp-content/uploads/2008/12/glass2.jpg" alt="&quot;This incredible house was featured in WIRED magazine!&quot; by jonrawlinson on Flickr" /></a>
</div>

<p>Besides the program itself, the only visible artifact of the software development process is the source code. And that is only viewed by the programmers, through the tiny lens of the text editor. <strong>What if we could make the entire process more visible?</strong></p>

<p>I&#8217;m thinking of visualizations along the lines of the <a href="http://www.visualcomplexity.com/vc/project.cfm?id=392">comparison of system calls in Linux/Apache and Windows/IIS</a> that I posted a while back. But this is just one idea. What other ways could we visualize <a href="http://c2.com/xp/CodeSmell.html">Code Smells</a>? (Maybe we could actually smell them!)</p>

<p>Aside from visualizing various aspects of the source code itself, could we show how well tested a piece of software is? We could show how many tests were run recently, what their results were, how good the code coverage is, the number of crashes encountered in the field, etc. With projectors and LCD displays being so cheap these days, there&#8217;s no reason a development team couldn&#8217;t have a few displays dedicated to these kinds of visualizations.</p>

<p>What do you think? Could this help improve the quality of software? What if companies openly published these kinds of things?</p>
]]></content:encoded>
			<wfw:commentRss>http://dubroy.com/blog/could-visualization-help-make-better-software/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Links: Windows 7, visualizing complexity, Cruz</title>
		<link>http://dubroy.com/blog/links-windows-7-visualizing-complexity-cruz/</link>
		<comments>http://dubroy.com/blog/links-windows-7-visualizing-complexity-cruz/#comments</comments>
		<pubDate>Thu, 30 Oct 2008 21:32:58 +0000</pubDate>
		<dc:creator>Patrick</dc:creator>
				<category><![CDATA[hci]]></category>
		<category><![CDATA[infoviz]]></category>
		<category><![CDATA[links]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://dubroy.com/blog/2008/10/30/links-windows-7-visualizing-complexity-cruz/</guid>
		<description><![CDATA[Ars Technica: First look at Windows 7&#8217;s User Interface

Looks like Windows 7 is going to have a bunch of interesting new task management features. (Of course, Microsoft has been pulling the ol&#8217; bait-and-switch on things like since Memphis&#8230;we&#8217;ll see what actually ships.) The taskbar is getting a complete overhaul: thumbnails and &#8220;Jump Lists&#8221; look cool. [...]]]></description>
			<content:encoded><![CDATA[<h4><a href="http://arstechnica.com/news.ars/post/20081028-first-look-at-windows-7.html">Ars Technica: First look at Windows 7&#8217;s User Interface</a></h4>

<p>Looks like Windows 7 is going to have a bunch of interesting new task management features. (Of course, Microsoft has been pulling the ol&#8217; bait-and-switch on things like since Memphis&#8230;we&#8217;ll see what actually ships.) The taskbar is getting a complete overhaul: thumbnails and &#8220;Jump Lists&#8221; look cool. Window management is changing as well; I especially like the ability to dock a window on one half of the screen.</p>

<p>Even if you&#8217;re not a Windows user, major new features like this will no doubt influence other platforms.</p>

<h4><a href="http://blogs.msdn.com/e7/archive/2008/09/23/user-interface-starting-launching-and-switching.aspx">Engineering Windows 7: The Taskbar</a></h4>

<p>Seeing the Ars article on Windows 7 reminded me about this post that I saw a while back. It sets the context for some of the new task management features. The most interesting part is seeing the statistics on what features of the taskbar are actually used, how many windows people typically have open, etc. This is a bit like the kind of data I&#8217;m hoping to collect with my tabbed browsing study.</p>

<h4><a href="http://www.thisisby.us/index.php/content/why_windows_is_less_secure_than_linux">Why Windows is less secure than Linux</a></h4>

<p>This is brilliant. A graphical visualization of system calls in IIS/Windows vs. Apache/Linux. Full size images: <a href="http://www.stiennon.com/images/SysCallIIS.jpg">IIS</a>, <a href="http://www.stiennon.com/images/SysCallApache.jpg">Apache</a>. <em>(via <a href="http://third-bit.com/">Greg Wilson</a> &amp; <a href="http://www.visualcomplexity.com/vc/project.cfm?id=392">Visual Complexity</a>)</em></p>

<h4><a href="http://cruzapp.com/">Cruz &#8211; A Social Browser for Mac OS X Leopard</a></h4>

<p>Cruz is a new WebKit-based browser written by <a href="http://ditchnet.org/">Todd Ditchendorf</a>, the creator of <a href="http://fluidapp.com/">Fluid</a>. Some cool features: multi-pane browsing, a plugin API, Greasemonkey support, built-in TinyURL support. It&#8217;s only at 0.1 now, but I&#8217;ll be keeping my eye on this.</p>
]]></content:encoded>
			<wfw:commentRss>http://dubroy.com/blog/links-windows-7-visualizing-complexity-cruz/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Graphics for summarizing customer reviews</title>
		<link>http://dubroy.com/blog/graphics-for-summarizing-customer-reviews/</link>
		<comments>http://dubroy.com/blog/graphics-for-summarizing-customer-reviews/#comments</comments>
		<pubDate>Mon, 01 Oct 2007 01:28:25 +0000</pubDate>
		<dc:creator>Patrick</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[infoviz]]></category>

		<guid isPermaLink="false">http://dubroy.com/blog/2007/09/30/graphics-for-summarizing-customer-reviews/</guid>
		<description><![CDATA[A few weeks ago, Joshua Porter wrote about how Amazon.com improved the way they display a summary of user reviews:


  For years Amazon’s interface showed the average review, so viewers could tell the general 
  mood surrounding a book. If it was a 5 star or a 1 star book, then that would [...]]]></description>
			<content:encoded><![CDATA[<p>A few weeks ago, Joshua Porter wrote about <a href="http://bokardo.com/archives/on-increasingly-sophisticated-social-interfaces/">how Amazon.com improved the way they display a summary of user reviews</a>:</p>

<blockquote>
  <p>For years Amazon’s interface showed the average review, so viewers could tell the general 
  mood surrounding a book. If it was a 5 star or a 1 star book, then that would be instantly 
  recognizable.</p>
  
  <p>But over time it became clear that the rating system had a fault: if the average rating was 
  somewhere in the middle, say 3.5 stars, it was unclear whether it was just a dull book that 
  most people rated as mediocre or if it was a polarizing book that half the people rated 5 and 
  half the people rated 1. A political book, for example, usually polarizes. </p>
</blockquote>

<p>The solution they came up with is a graphic that shows not only the average review, but also the distribution:</p>

<p><img id="image128" src="http://dubroy.com/blog/wp-content/uploads/2007/09/amazon-reviews-split-view.gif" alt="Amazon user reviews summary" /></p>

<p>I like the new visualization, but I still find that the meaning doesn&#8217;t really jump out at me. I have to really concentrate for a few seconds to grok the graphic.</p>

<p>I just ran across another take on this problem. David Abbet <a href="http://www.davidabbet.com/blog/2007/05/19/ratings-as-color-bars/">points to a much simpler solution</a>:</p>

<blockquote>
  <p>Instead of using stars, Summize displays color bars which summarize the reviews: 
  the more green, the more positive they are. Where stars only give an average rating, 
  those color bars really add some depth to the information.</p>
</blockquote>

<p><img id="image129" src="http://dubroy.com/blog/wp-content/uploads/2007/09/picture_3.png" alt="Summize.com review summary" /></p>

<p>I like it. Much easier to understand at first glance, I think. And <a href="http://swissmiss.typepad.com/weblog/2007/09/ratings-color-b.html">as swissmiss points out</a>, it&#8217;s cool that both their logo and their favicon reflect the style of the color bars.</p>
]]></content:encoded>
			<wfw:commentRss>http://dubroy.com/blog/graphics-for-summarizing-customer-reviews/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Data visualization roundup</title>
		<link>http://dubroy.com/blog/data-visualization-roundup/</link>
		<comments>http://dubroy.com/blog/data-visualization-roundup/#comments</comments>
		<pubDate>Thu, 23 Aug 2007 23:17:48 +0000</pubDate>
		<dc:creator>Patrick</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[infoviz]]></category>

		<guid isPermaLink="false">http://dubroy.com/blog/2007/08/23/data-visualization-roundup/</guid>
		<description><![CDATA[Anand pointed me to a roundup of cool data visualizations. My favourite of the bunch is Elastic Lists:



Elastic lists are a technique for browsing multi-faceted data structures. A multi-faceted data structure is one that is structured by several different attributes &#8212; in this example, Nobel Prize winners are grouped by the area (physics, chemistry, etc.), [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://honeybrown.ca">Anand</a> pointed me to a <a href="http://www.smashingmagazine.com/2007/08/02/data-visualization-modern-approaches/">roundup of cool data visualizations</a>. My favourite of the bunch is <a href="http://well-formed-data.net/experiments/elastic_lists/">Elastic Lists</a>:</p>

<p><img id="image102" src="http://dubroy.com/blog/wp-content/uploads/2007/08/elasticlist.png" alt="Elastic Lists" /></p>

<p>Elastic lists are a technique for browsing multi-faceted data structures. A multi-faceted data structure is one that is structured by several different attributes &#8212; in this example, Nobel Prize winners are grouped by the area (physics, chemistry, etc.), nationality and gender of the winner, and year. What I really like about this visualization is how the relative weights of each of the metadata values are represented by the size of the box. You can see in the image above that the box for <em>male</em> is much bigger than the box for <em>female</em>, indicating that there have been more male winners of the Nobel Prize in physics.</p>

<p><img id="image103" src="http://dubroy.com/blog/wp-content/uploads/2007/08/tag-cloud.PNG" alt="Flickr tag cloud" /></p>

<p>The technique is similar to the now-ubiquitous tag cloud (an example from Flickr above), but I like the approach from Elastic Lists better, because it&#8217;s more subtle. I find that some tag clouds tend to punch you in the face with the main terms, but this approach gives the words themselves equal footing, while still providing some useful secondary information.</p>
]]></content:encoded>
			<wfw:commentRss>http://dubroy.com/blog/data-visualization-roundup/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->