<?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>FeraLabs &#187; Design</title>
	<atom:link href="http://blog.feralabs.com/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.feralabs.com</link>
	<description>better insight</description>
	<lastBuildDate>Mon, 15 Mar 2010 19:17:22 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Information Visualization for Knowledge Discovery</title>
		<link>http://blog.feralabs.com/2009/03/information-visualization-for-knowledge-discovery/</link>
		<comments>http://blog.feralabs.com/2009/03/information-visualization-for-knowledge-discovery/#comments</comments>
		<pubDate>Tue, 10 Mar 2009 09:41:10 +0000</pubDate>
		<dc:creator>Sabrina</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Information Visualisation]]></category>
		<category><![CDATA[Talks & Presentations]]></category>
		<category><![CDATA[Ben Schneiderman]]></category>
		<category><![CDATA[Colin Ware]]></category>
		<category><![CDATA[Knowledge Discovery]]></category>
		<category><![CDATA[SocialAction]]></category>
		<category><![CDATA[TreeMap]]></category>
		<category><![CDATA[Visual Literacy]]></category>

		<guid isPermaLink="false">http://blog.feralabs.com/?p=299</guid>
		<description><![CDATA[Ben concluded his talk with three key points for information visualization to guide knowledge discovery:
1.    Rank-by-Feature Framework, i.e. rank by what people want to know
2.    Decomposition of complex problems into multiple simpler problems
3.    Ranking guides discovery. It is important to provide systematic
       approaches for discovery.
Challenges of visual literacy
A theme that kept popping up [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_343" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.cs.umd.edu/hcil/treemap-history/"><img class="size-full wp-image-343 " title="Treemap" src="http://blog.feralabs.com/wp-content/uploads/2009/03/treemap2.jpg" alt="Treemap developed by Jean-Daniel Fekete" width="500" height="375" /></a><span style="line-height: 17px;">Treemap developed by Jean-Daniel Fekete</span> </dt>
</dl>
</div>
<p><a href="http://www.cs.umd.edu/~ben/" target="_blank">Ben Schneiderman</a> from the University of Maryland, gave a fascinating talk in Cambridge on 5th March 2009 about the topic of &#8220;Information Visualization for Knowledge Discovery.&#8221;</p>
<p>Ben has authored many books and papers on human computer interaction, and was the founder of the <a href="http://www.cs.umd.edu/hcil/" target="_blank">Human Computer Interaction Laboratory</a> at the University of Maryland. His keen interest is the field of information visualisation.</p>
<p>During his talk, Ben pointed out that in contrast to scientific visualization information visualization is a relatively young field as information visualization conferences have only been going for about 15 years. He added that, the challenge with information visualization is that the information keeps changing over time.</p>
<p>Ben presented his conceptual break down of information visualization tasks: <strong>&#8220;Overview -&gt; zoom and filter -&gt; details on demand.&#8221;</strong> What he means is that one should provide an overview first, showing all the information, for example complex graphs, diagrams and maps. This allows the user to orientate themselves and get the big picture. Then allow the user to zoom into more detail and filter out any unwanted information. Finally, allow the user to select an item and get more detail about it when required.</p>
<p>The most enlightening point that Ben made during his talk was that: <strong>&#8220;Information visualization gives you answers to questions you didn’t even know.&#8221;</strong> He went on to argue that &#8220;there should be a move from opportunistic discovery to a more systematic discovery of knowledge.&#8221;</p>
<p>Ben illustrated his argument with a number of demonstrations and screenshots of projects that he and his students have developed over the years. Each guides knowledge discovery thought the visualization of different patterns in the data. Ben emphasised that for information visualization &#8220;the interest is not in a particular value, but an overall view and patterns in the data&#8221;. Yet, he also emphazised the importance &#8220;trying to see the violations in the data that are contrary to your expectations&#8221;.</p>
<p>Ben demonstrated his famous <a title="TreeMap History" href="http://www.cs.umd.edu/hcil/treemap-history/" target="_blank">treemap</a> that has now been modified by many commercial companies. It has been modified for example  <a title="News treemap" href="http://marumushi.com/apps/newsmap/" target="_blank">to visually show the constantly changing landscape of the google news aggregator</a>, and even the <a title="Car sales treemap" href="http://www.nytimes.com/imagepages/2007/02/25/business/20070225_CHRYSLER_GRAPHIC.html" target="_blank">New York Times has used it to show changes in truck and car sales</a>.</p>
<p>Other tools which Ben showed were the ShapeSearcher which finds spikes in the data, Scattergrams which provide the opportunity of hunting for stuff, the alignment tool which can filter by event and show what happened before and after this event, and another tool which identifes gaps in the data.</p>
<p>The most intriguing example of finding patterns in data was Ben&#8217;s demonstration of the <a title="SocialAction tool" href="http://www.cs.umd.edu/hcil/socialaction/" target="_blank">SocialAction</a> tool, which uncovers hidden structures in social networks over time. The visualization presented the correlation between US senators voting the same way. It showed a strong that democrats and republicans vote the same way. Only four republicans sometimes voted similar to the democrats. Yet the most surprising finding through this visualization was that the correlation for democrats voting the same way was far stronger then republican voting the same way.</p>
<div class="mceTemp mceIEcenter">
<dl id="attachment_329" class="wp-caption aligncenter" style="width: 510px;">
<dt class="wp-caption-dt"><a href="http://www.cs.umd.edu/hcil/socialaction/"><img class="size-full wp-image-329  " title="SocialAction Visualisation" src="http://blog.feralabs.com/wp-content/uploads/2009/03/socialaction-senators.jpg" alt="" width="500" height="241" /></a><p class="wp-caption-text">&quot;The social network of the U.S. Senators voting patterns in 2007, after Democrats took control. Republicans are colored red, Democrats blue and Independents maroon. Here, the partisanship of the parties appeared automatically (180 vote threshold).&quot; (by Ben Schneiderman)</p></div>
<div id="attachment_330" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.cs.umd.edu/hcil/socialaction/"><img class="size-full wp-image-330  " title="SocialAction Visualisation" src="http://blog.feralabs.com/wp-content/uploads/2009/03/socialaction-senators2.jpg" alt="" width="500" height="241" /></a><p class="wp-caption-text">&quot;The social network of the U.S. Senators voting patterns. Here, the threshold is raised to 290 votes. The Democrats&#39; relationships are much more intact than the Republicans. Details-on-demand are provided for Senator Whitehouse, the senator with the highest degree at this threshold.&quot; (by Ben Schneiderman)</p></div>
<p><strong>Ben concluded his talk </strong>with three key points for information visualization to guide knowledge discovery:<br />
1.    Rank-by-Feature Framework, i.e. rank by what people want to know<br />
2.    Decomposition of complex problems into multiple simpler problems<br />
3.    Ranking guides discovery. It is important to provide systematic<br />
       approaches for discovery.</p>
<p><strong>Challenges of visual literacy</strong></p>
<p>A theme that kept popping up in the talk and particular in the questions afterwards, was the challenge of visual literacy. Words can help to clarify matters of information visualization, but Ben explained that textual information is only good for simple queries (such as a rank list in Google search results). Visual tools on the other hand are better for complex queries.</p>
<p>For anyone who is interested in finding out more about the challenges of visual literacy, Ben recommended the work of <a href="http://ccom.unh.edu/vislab/CWBio.html" target="_blank">Colin Ware</a>, a perceptional psychologist, who looks at the challenges of understanding visual information.</p>
<p><strong>Interesting reads about information visualisation:</strong></p>
<p>Bederson, B. and Shneiderman, B. (2003) <em><strong>The Craft of Information Visualization: Readings and Reflections</strong></em>, Morgan Kaufmann Publ., San Francisco, CA. <a href="http://www.amazon.co.uk/gp/product/1558609156?ie=UTF8&amp;tag=ferblo-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738&amp;creativeASIN=1558609156">Amazon UK</a><img style="border:none !important; margin:0px !important;" src="http://www.assoc-amazon.co.uk/e/ir?t=ferblo-21&amp;l=as2&amp;o=2&amp;a=1558609156" border="0" alt="" width="1" height="1" />, <a href="http://www.amazon.com/gp/product/1558609156?ie=UTF8&amp;tag=fera-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=1558609156">Amazon US</a><img style="border:none !important; margin:0px !important;" src="http://www.assoc-amazon.com/e/ir?t=fera-20&amp;l=as2&amp;o=1&amp;a=1558609156" border="0" alt="" width="1" height="1" /></p>
<p>Card, S., Mackinlay, J., and Shneiderman, B. (1999) <em><strong>Readings in Information Visualization: Using Vision to Think</strong></em>, Morgan Kaufmann Publ., San Francisco, CA. <a href="http://www.amazon.co.uk/gp/product/1558605339?ie=UTF8&amp;tag=ferblo-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738&amp;creativeASIN=1558605339">Amazon UK</a><img style="border:none !important; margin:0px !important;" src="http://www.assoc-amazon.co.uk/e/ir?t=ferblo-21&amp;l=as2&amp;o=2&amp;a=1558605339" border="0" alt="" width="1" height="1" />, <a href="http://www.amazon.com/gp/product/1558605339?ie=UTF8&amp;tag=fera-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=1558605339">Amazon US</a><img style="border:none !important; margin:0px !important;" src="http://www.assoc-amazon.com/e/ir?t=fera-20&amp;l=as2&amp;o=1&amp;a=1558605339" border="0" alt="" width="1" height="1" /></p>
<p>Tufte, Edward (1983) <em><strong>The Visual Display of Quantitative Information</strong></em>, Graphics Press, Cheshire, CT. <a href="http://www.amazon.co.uk/gp/product/0961392142?ie=UTF8&amp;tag=ferblo-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738&amp;creativeASIN=0961392142">Amazon UK</a><img style="border:none !important; margin:0px !important;" src="http://www.assoc-amazon.co.uk/e/ir?t=ferblo-21&amp;l=as2&amp;o=2&amp;a=0961392142" border="0" alt="" width="1" height="1" />, <a href="http://www.amazon.com/gp/product/0961392142?ie=UTF8&amp;tag=fera-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0961392142">Amazon US</a><img style="border:none !important; margin:0px !important;" src="http://www.assoc-amazon.com/e/ir?t=fera-20&amp;l=as2&amp;o=1&amp;a=0961392142" border="0" alt="" width="1" height="1" /></p>
<p>Tufte, Edward (1990) <em><strong>Envisioning Information</strong></em>, Graphics Press, Cheshire, CT. <a href="http://www.amazon.co.uk/gp/product/0961392118?ie=UTF8&amp;tag=ferblo-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738&amp;creativeASIN=0961392118">Amazon UK</a><img style="border:none !important; margin:0px !important;" src="http://www.assoc-amazon.co.uk/e/ir?t=ferblo-21&amp;l=as2&amp;o=2&amp;a=0961392118" border="0" alt="" width="1" height="1" />, <a href="http://www.amazon.com/gp/product/0961392118?ie=UTF8&amp;tag=fera-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0961392118">Amazon US</a><img style="border:none !important; margin:0px !important;" src="http://www.assoc-amazon.com/e/ir?t=fera-20&amp;l=as2&amp;o=1&amp;a=0961392118" border="0" alt="" width="1" height="1" /></p>
<p>Tufte, Edward (1997) <em><strong>Visual Explanations: Images and Quantities, Evidence and Narrative</strong></em>, Graphics Press, Cheshire, CT. <a href="http://www.amazon.co.uk/gp/product/0961392126?ie=UTF8&amp;tag=ferblo-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738&amp;creativeASIN=0961392126">Amazon UK</a><img style="border:none !important; margin:0px !important;" src="http://www.assoc-amazon.co.uk/e/ir?t=ferblo-21&amp;l=as2&amp;o=2&amp;a=0961392126" border="0" alt="" width="1" height="1" />, <a href="http://www.amazon.com/gp/product/0961392126?ie=UTF8&amp;tag=fera-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0961392126">Amazon US</a><img style="border:none !important; margin:0px !important;" src="http://www.assoc-amazon.com/e/ir?t=fera-20&amp;l=as2&amp;o=1&amp;a=0961392126" border="0" alt="" width="1" height="1" /></p>
<p>Ware, Colin (2004) <em><strong>Information Visualization, Second Edition: Perception for Design (Interactive Technologies)</strong></em>, Morgan Kaufmann Publ., San Francisco, CA. <a href="http://www.amazon.co.uk/gp/product/1558608192?ie=UTF8&amp;tag=ferblo-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738&amp;creativeASIN=1558608192">Amazon UK</a><img style="border:none !important; margin:0px !important;" src="http://www.assoc-amazon.co.uk/e/ir?t=ferblo-21&amp;l=as2&amp;o=2&amp;a=1558608192" border="0" alt="" width="1" height="1" />, <a href="http://www.amazon.com/gp/product/1558608192?ie=UTF8&amp;tag=fera-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=1558608192">Amazon US</a><img style="border:none !important; margin:0px !important;" src="http://www.assoc-amazon.com/e/ir?t=fera-20&amp;l=as2&amp;o=1&amp;a=1558608192" border="0" alt="" width="1" height="1" /></p>
<p>Ware, Colin (2008) <em><strong>Visual Thinking for Design</strong></em>, Morgan Kaufman, Burlington, MA. <a href="http://www.amazon.co.uk/gp/product/0123708966?ie=UTF8&amp;tag=ferblo-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738&amp;creativeASIN=0123708966">Amazon UK</a><img style="border:none !important; margin:0px !important;" src="http://www.assoc-amazon.co.uk/e/ir?t=ferblo-21&amp;l=as2&amp;o=2&amp;a=0123708966" border="0" alt="" width="1" height="1" />, <a href="http://www.amazon.com/gp/product/0123708966?ie=UTF8&amp;tag=fera-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0123708966">Amazon US</a><img style="border:none !important; margin:0px !important;" src="http://www.assoc-amazon.com/e/ir?t=fera-20&amp;l=as2&amp;o=1&amp;a=0123708966" border="0" alt="" width="1" height="1" /></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.feralabs.com/2009/03/information-visualization-for-knowledge-discovery/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Designers Dilema: visual convention vs. breaking new ground</title>
		<link>http://blog.feralabs.com/2009/01/designers-dilema-visual-convention-vs-breaking-new-ground/</link>
		<comments>http://blog.feralabs.com/2009/01/designers-dilema-visual-convention-vs-breaking-new-ground/#comments</comments>
		<pubDate>Wed, 21 Jan 2009 10:02:52 +0000</pubDate>
		<dc:creator>Sabrina</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Testing and Measuring]]></category>
		<category><![CDATA[measuring]]></category>
		<category><![CDATA[testing]]></category>

		<guid isPermaLink="false">http://blog.feralabs.com/?p=99</guid>
		<description><![CDATA[The dilemma of visual convention vs. ground breaking new design seems to be a fearsome concern for usability specialists.  In a recent blog post on the Concept 7 blog, Stefan Wobben quotes a paper by Luis Santa-Maria and Mary C. Dyson form the University of Reading that investigated the impact of violating visual conventions on [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_153" class="wp-caption alignleft" style="width: 348px"><a href="http://blog.feralabs.com/wp-content/uploads/2009/01/printing-press.jpg"><img class="size-full wp-image-153" title="printing-press" src="http://blog.feralabs.com/wp-content/uploads/2009/01/printing-press.jpg" alt="Without innovation the internet would still look like this. (Gutenberg's printing press. Photograph by Matthias Kabel)" width="338" height="416" /></a><p class="wp-caption-text">Without innovation the internet would still look like this. (Gutenberg&#39;s printing press. Photograph by Matthias Kabel)</p></div>
<p>The dilemma of visual convention vs. ground breaking new design seems to be a fearsome concern for usability specialists.  In a recent blog post on the <a title="Designer Dilema" href="http://www.concept7.nl/stefan/?p=63">Concept 7 blog</a>, Stefan Wobben quotes a paper by Luis Santa-Maria and Mary C. Dyson form the University of Reading that investigated the impact of violating visual conventions on user&#8217;s performance and orientation. Santa-Maria and Dyson explain:</p>
<blockquote><p>&#8220;Although initially violating visual conventions might hinder user performance and leave users disoriented this experiment indicates their experiment indicates that these problems can be short-lived and users can adapt reasonably fast to a new set of visual conventions.&#8221;</p></blockquote>
<p>This is good to hear, yet its no news as such. If design had always only followed convention we would not have progressed from the written word to the printing press to computers and the internet.</p>
<blockquote><p>&#8220;So the decision to whether conform or violate visual conventions when designing a website should ponder that although users might adapt quickly to novelty there is an initial performance hindrance and disorientation.&#8221;</p></blockquote>
<p>They have a good point there in encouraging those violations. Too many studies focus on first time use, but not repeat users, how behaviour changes over time, and the experience and use of the system by expert users. A single lab study as a Q+A exercise just before the launch of your website is not going to do the trick in gaining this understanding. Usability is an ongoing process, not a one of label of approval. As Harry Brignal <a title="A UX designer's job is never done" href="http://www.90percentofeverything.com/2009/01/19/no-rest-for-the-wicked-a-ux-designers-job-is-never-done/">pointed out on his blog</a>: &#8220;A UX designer&#8217;s job is never done.&#8221;</p>
<p>The one great thing about remote usability testing is that it is cost efficient and can therefore be carried out more often, than a lab study. Webnographer, as a remote usability testing tool, makes ongoing testing simple and affordable. It makes it easy to test the learning curve and behaviour and satisfaction of experienced users.</p>
<p>As <a title="The quiet death of the major relaunch" href="http://www.uie.com/articles/death_of_relaunch/?article=death_of_relaunch">Jared Spool explained back in 2003</a> small ongoing changes carry far less risk, then a major relaunch and re-design, which is very likely going to fail. As with the prinitng press, changes in improvements were small streched out over a lenght of time and we ented up with the internet, which makes the spreading of ideas and information easier than ever. For website design, the small changes allow you to measure the effect of that change on your users, and you will find out whether the change has made your site better or just different, and how it affects your users over time.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.feralabs.com/2009/01/designers-dilema-visual-convention-vs-breaking-new-ground/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
