<?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>Visual.ly Blog &#187; Jakob Jochmann</title>
	<atom:link href="http://blog.visual.ly/author/jakob-jochmann/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.visual.ly</link>
	<description></description>
	<lastBuildDate>Fri, 17 May 2013 18:58:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>What Makes a Good Infographic?</title>
		<link>http://blog.visual.ly/what-makes-a-good-infographic/</link>
		<comments>http://blog.visual.ly/what-makes-a-good-infographic/#comments</comments>
		<pubDate>Mon, 16 Jan 2012 22:50:09 +0000</pubDate>
		<dc:creator>Jakob Jochmann</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://blog.visual.ly/?p=1544</guid>
		<description><![CDATA[What makes a good information visualization piece? Not even the experts agree. Despite sharing a common goal – to create solutions that meet their respective communication objectives – designers fight over the most basic notion in information design: what does and what doesn’t constitute an infographic? <!--more-->]]></description>
			<content:encoded><![CDATA[<p>Not even the experts agree. Despite sharing a common goal – to create solutions that meet their respective communication objectives – designers fight over the most basic notion in information design: what does and what doesn’t constitute an infographic? (Case in point: the comment section of <a href="http://www.smashingmagazine.com/2011/10/14/the-dos-and-donts-of-infographic-design/">this article</a> on the do’s and don’ts of infographic design in Smashing Magazine.)<br />
<span id="more-1544"></span></p>
<p>Among the different approaches to visualization, one design element stands out in dividing the schools of thought: decoration.</p>
<p>Business intelligence expert <a href="http://perceptualedge.com">Stephen Few</a> <a href="http://flowingdata.com/2011/04/17/business-intelligence-vs-infotainment/">sums up his disdain</a> for the ornamentation of infographics: “When visualizations are used primarily for artistic purposes, they are not what we call data visualizations or infographics, which are terms that have been in use for a long time with particular meanings.”</p>
<p>Another highly visible figure, <a href="http://www.informationisbeautiful.net/">David McCandless</a>, has popularized artistic visualizations and introduced data as a storytelling category to a wider audience. He describes his work:</p>
<p>“I love taking all kinds of information – data, numbers, ideas, knowledge – and making them into images. When you visualize information in this way, you can start to see the patterns and connections that matter.”</p>
<p><a href="http://blog.visual.ly/what-makes-a-good-infographic/mccandless-example/" rel="attachment wp-att-1551"><img class="alignnone size-full wp-image-1551" title="mccandless example" src="http://blog.visual.ly/wp-content/uploads/2012/01/mccandless-example.jpg?547b7b" alt="" width="600" height="335" /></a></p>
<p>(via <a href="http://www.informationisbeautiful.net/visualizations/the-billion-dollar-o-gram-2009/" target="_blank">Informationisbeautiful.net</a>)</p>
<p>Can we reconcile a notion of <em>good</em> design with fundamentally opposing attitudes when it comes to decoration? To stand a fighting chance we need to talk a bit of semantics.</p>
<h2>How can we determine good design?</h2>
<p>For the sake of argument, let’s define visualization as a representation of data that amplifies cognition. From here we can measure both <em>efficacy</em> (how easily comprehensible is the data) and <em>veracity</em> (how truthful is the explication of the data) of a given visualization. Decoration introduces visual noise into a design, compromising both categories:</p>
<p><a href="http://blog.visual.ly/what-makes-a-good-infographic/employment-candidate-review-before/" rel="attachment wp-att-1559"><img class="alignnone size-medium wp-image-1559" title="Employment Candidate Review before" src="http://blog.visual.ly/wp-content/uploads/2012/01/Employment-Candidate-Review-before-323x300.jpg?547b7b" alt="" width="323" height="300" /></a></p>
<p>(&#8220;A Design Problem,&#8221; via <a href="http://www.perceptualedge.com/example4.php" target="_blank">perceptualedge.com</a>)</p>
<p>Hence, those who use visualization to transform data in a way that maximizes the ease with which humans can interpret it, like Few, adamantly oppose embellishments. Here is a partial image of Few&#8217;s solution to the visualization above:</p>
<p><a href="http://blog.visual.ly/what-makes-a-good-infographic/employee-candidate-review/" rel="attachment wp-att-1560"><img class="alignnone size-full wp-image-1560" title="employee candidate review" src="http://blog.visual.ly/wp-content/uploads/2012/01/employee-candidate-review.jpg?547b7b" alt="" width="426" height="369" /></a></p>
<p>(via <a href="http://www.perceptualedge.com/images/example4solution2.gif" target="_blank">perceptualedge.com</a>)</p>
<p>Now let us, again for the sake of the argument, define visualization as a contextualization of data that establishes frames of reference. With this definition we can test how well people attune to a given message. Decoration introduces visual metaphors and emotional appeal that go beyond what the truth conditions of the data have to offer. Those who use visualizations to make readers put the information they consume into the perspective of a predetermined narrative, like McCandless, employ the <em>framing</em> capabilities of ornamental design.</p>
<p>What is <em>good</em> design practice according to the definitions above? Well, that depends entirely on your communication strategy. You could have the recipients of your message contextualize information themselves. Or you could provide the contextualization for them. Both strategies have merit. Depending on whom you are talking to and what you need to convey, one will be more suitable than the other.</p>
<p>Are you issuing a warning? Then it is probably a good idea to put the data in a context that tells the audience what conclusion to draw from the facts without them having to waste time making up their minds. Think of critical pressure gauges in a power plant and alarms going off.</p>
<p>Are you preparing data to help experts make a judgment call? Then it’s probably a good idea to put the data in front of them without the distraction of flashing lights and high-pitched sirens.</p>
<p>Aside from these two communication strategies and their use of decoration (or lack thereof) to contextualize information, there is a third popular category of infographic examples that employ yet another communication strategy. These are the infographics that <strong>marketing departments churn out to garner brand recognition and SEO juice on the web</strong>.</p>
<p><a href="http://blog.visual.ly/what-makes-a-good-infographic/microsoft-marketing-example/" rel="attachment wp-att-1552"><img class="alignnone size-full wp-image-1552" title="microsoft marketing example" src="http://blog.visual.ly/wp-content/uploads/2012/01/microsoft-marketing-example.jpg?547b7b" alt="" width="600" height="324" /></a></p>
<p>(via <a href="http://www.microsoft.com/asia/cloud/tools-resources/infographics.aspx?id=MicrosoftCloudComputing" target="_blank">Microsoft</a>)</p>
<p>If we define visualization as a communication device that incentivizes sharing of a message through its packaging, the proliferation of web infographic posters is the metric by which successful design is measured. The novelty effect that leads us to prefer “new” information over things we have seen already and the desire of users to get a quick fix of eye candy drives the way decoration is used to dress up the mundane. It introduces <em>hooks</em> by which the attention of an audience is captured.</p>
<h2>Take the design strategy that works for others and see if it works for you</h2>
<p>Clearly, there are different definitions of what constitutes an infographic – and the categories which each of those definitions emphasize can be negotiated. You can make better choices if you inform yourself first and worry about what to call your design later. As linguists will point out, you don’t have much of a say in the matter anyway. The public will call a design an infographic whenever they feel like it, not when experts feel like it.</p>
<p>If you are a marketer and want to create <em>hooks</em> to seed your message, don’t overlook what specialists on <em>framing</em> or <em>veracity</em> have to say. And if, as an analyst, you feel that your design has met the necessary threshold for <em>efficacy</em> to shrink the time it takes to interpret the data, why not tweak the design further and see whether you can get more people excited about it without losing too much clarity?</p>
<p>Yes, you’ll always have to make tradeoffs. At the very least, learn how to deal with them and create the best possible solution for your needs. Don’t waste time arguing against the merit of other perspectives – we can surely do better than that.</p>
<p><em>Jakob Jochmann explores meaning in communication and develops frameworks to streamline the transfer of information. You can find long reads and snippets at <a href="http://blog.jochmann.me" target="_blank">his blog</a>, but he also shares 140 characters worth of cognitive science, design and other things that tickle his fancy on <a href="http://twitter.com/jochmann" target="_blank">Twitter</a>.</em></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.visual.ly/what-makes-a-good-infographic/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using apc
Object Caching 246/249 objects using apc

Served from: blog.visual.ly @ 2013-05-19 12:04:29 -->