<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0"><channel><title>Visual Voice</title><link>http://myvisualvoice.com</link><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/http/myvisualvoicecom/blog" /><description>Visual Voice | Supporting education, advocacy, &amp; marketing efforts through information design.</description><language>en</language><lastBuildDate>Wed, 01 Sep 2010 05:00:15 PDT</lastBuildDate><generator>http://wordpress.org/?v=3.0.1</generator><sy:updatePeriod xmlns:sy="http://purl.org/rss/1.0/modules/syndication/">hourly</sy:updatePeriod><sy:updateFrequency xmlns:sy="http://purl.org/rss/1.0/modules/syndication/">1</sy:updateFrequency><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/http/myvisualvoicecom/blog" /><feedburner:info uri="http/myvisualvoicecom/blog" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><geo:lat>45.019315</geo:lat><geo:long>-93.243047</geo:long><feedburner:emailServiceId>http/myvisualvoicecom/blog</feedburner:emailServiceId><feedburner:feedburnerHostname>http://feedburner.google.com</feedburner:feedburnerHostname><item><title>Using program evaluation findings to support your cause</title><link>http://feedproxy.google.com/~r/http/myvisualvoicecom/blog/~3/TCr54cY9pkE/using-program-evaluation-findings-to-support-your-cause</link><category>Uncategorized</category><category>program evaluation</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Elissa Schloesser</dc:creator><pubDate>Wed, 01 Sep 2010 05:00:15 PDT</pubDate><guid isPermaLink="false">http://myvisualvoice.com/?p=3145</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<address class="mceTemp"> </address>
<dl id="attachment_3148" class="wp-caption alignleft" style="width: 266px;">
<dt class="wp-caption-dt"><img class="size-full wp-image-3148  alignleft" title="ARISE" src="http://myvisualvoice.com/wp-content/uploads/2010/08/ARISE.jpg" alt="" width="256" height="179" /></dt>
<dd class="wp-caption-dd"> </dd>
</dl>
<p>In follow up to my previous blog posting that explored techniques and tips for visually communicating program findings and results, I asked Leah Goldstein Moses of the <a href="http://www.theimprovegroup.com/" target="_blank">Improve Group</a> to write a blog topic that provides a little more information about what is program evaluation and the benefits of sharing those results with various audiences in a usable format.</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8211;</p>
<p>Program evaluation is the process of exploring the efficiency, effectiveness and qualities of programs. Informally, staff and other stakeholders may be constantly monitoring their successes and challenges as they go about their work. A more formal process typically goes through a cycle of identifying questions, designing an evaluation approach, collecting data, analyzing data, and reporting findings to stakeholders.</p>
<p>When you do have evaluation findings, a variety of audiences may benefit from learning them:</p>
<ul>
<li>Staff can learn how effective different practices are and focus their efforts on those that are the most effective</li>
<li>Administrators or program managers can identify which programs need additional support or clarification</li>
<li>Program participants can learn what makes the program successful and how the program might work for them</li>
<li>Funders can determine whether they are supporting strong programs and how they can fund any supports that the program needs</li>
<li>Volunteers, board members and other committed stakeholders can see how their efforts “paid off” and whether additional help is needed</li>
</ul>
<p>For example, one of our clients, a nonprofit housing organization that offers a host of supportive services to its residents, used their evaluation findings to help staff develop work plans, establish a resident council committee, and seek new funds to support the programs that were demonstrating strong results.</p>
<p><em>Leah Goldstein Moses is president and CEO of the <a href="http://www.theimprovegroup.com/" target="_blank">Improve Group</a>, a research, evaluation and strategic planning firm.</em></p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fmyvisualvoice.com%2Funcategorized%2Fusing-program-evaluation-findings-to-support-your-cause&amp;linkname=Using%20program%20evaluation%20findings%20to%20support%20your%20cause"><img src="http://myvisualvoice.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>
<p><a href="http://feedads.g.doubleclick.net/~a/Ani9Y-I8SMDew_OyxpkgvB-_wbA/0/da"><img src="http://feedads.g.doubleclick.net/~a/Ani9Y-I8SMDew_OyxpkgvB-_wbA/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/Ani9Y-I8SMDew_OyxpkgvB-_wbA/1/da"><img src="http://feedads.g.doubleclick.net/~a/Ani9Y-I8SMDew_OyxpkgvB-_wbA/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/http/myvisualvoicecom/blog/~4/TCr54cY9pkE" height="1" width="1"/>]]></content:encoded><description>In follow up to my previous blog posting that explored techniques and tips for visually communicating program findings and results, I asked Leah Goldstein Moses of the Improve Group to write a blog topic that provides a little more information about what is program evaluation and the benefits of sharing those results with various audiences [...]</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://myvisualvoice.com/uncategorized/using-program-evaluation-findings-to-support-your-cause/feed</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://myvisualvoice.com/uncategorized/using-program-evaluation-findings-to-support-your-cause</feedburner:origLink></item><item><title>Effectively report findings with info design</title><link>http://feedproxy.google.com/~r/http/myvisualvoicecom/blog/~3/-ehH4OJkIg8/effectively-report-findings-with-info-design</link><category>Inspiration</category><category>Tips</category><category>Bill and Melinda Gates Foundation</category><category>infographics</category><category>information design</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Elissa Schloesser</dc:creator><pubDate>Wed, 18 Aug 2010 05:00:40 PDT</pubDate><guid isPermaLink="false">http://myvisualvoice.com/?p=3107</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p>I find it interesting to check out how other organizations are integrating infographics and information design into their work. So when I ran across the Bill and Melinda Gates Foundation using information design to communicate their findings for their <a href="http://www.gatesfoundation.org/livingproofproject/Pages/default.aspx" target="_blank">Living Proof Project</a>, I thought it was worth exploring in a little more detail to see if anything could be learned from looking at what they were doing.</p>
<p>The <a href="http://www.gatesfoundation.org/livingproofproject/Pages/default.aspx" target="_blank">Living Proof Projec</a>t uses flash interactive <a href="http://www.gatesfoundation.org/livingproofproject/Pages/infographics.aspx" target="_blank">infographics</a> (at least for their online infographics). Interactive infographics are great for posting on your website or integrating into a presentation. They engage the audience and can provide multiple layers of information without cluttering the graphic.</p>
<p>On the other hand, interactive infographics may not be the best fit for your project for a number of reasons&#8211;ranging from how you plan to use the infographic to it’s just not in the budget.</p>
<p>Whether you hope to create an interactive or static infographic, I believe you can always learn something from looking critically at the work of others (even if you know you will have to make modifications to fit your own design requirements).</p>
<p>Below are some ideas of how you might apply design strategies from the following examples to your own work.</p>
<p><a href="http://www.gatesfoundation.org/livingproofproject/Pages/2010-us-federal-budget.aspx" target="_blank"><img class="size-full wp-image-3109 alignleft" title="budget-thumb" src="http://myvisualvoice.com/wp-content/uploads/2010/08/budget-thumb.jpg" alt="" width="296" height="186" /><strong>United States’ 2010 Federal Budget For Global Health Spending</strong></a></p>
<p>- Start with a key fact that      puts your information into context of the world around it.</p>
<p>- Follow up that key fact      with supporting facts for each issue you are trying to highlight.<em> </em></p>
<p><em>The non-interactive graphic version:</em> You can still apply this      same concept. Just remember to start with your key fact at the top of the      page and build out your key findings below.</p>
<p><a href="http://www.gatesfoundation.org/livingproofproject/Pages/progress-against-polio.aspx" target="_blank"><strong><strong><img class="alignleft size-full wp-image-3114" title="polio-thumb" src="http://myvisualvoice.com/wp-content/uploads/2010/08/polio-thumb.jpg" alt="" width="296" height="186" /></strong>Progress Against Polio</strong></a></p>
<p>- Integrate your timeline with a map. This is a great way to visually show progress over time.</p>
<p>- Keep the number of categories on your map relatively simple. Making it easy for the viewer to quickly interpret your key message.<em> </em></p>
<p><em>The non-interactive graphic version:</em> Create a series of maps that your audience could page through or show in a series on a single graphic.</p>
<p><strong><a href="http://www.gatesfoundation.org/livingproofproject/Pages/benefitsofbreastfeeding.aspx" target="_blank"><img class="alignleft size-full wp-image-3117" title="infographic-thumb-breastfeeding" src="http://myvisualvoice.com/wp-content/uploads/2010/08/infographic-thumb-breastfeeding.jpg" alt="" width="296" height="186" />The Benefits of Breastfeeding</a></strong></p>
<p>- Keep your message simple      and to the point. Save the      details for the full report.</p>
<p>- Try using photos that      connect to your message, rather than data. Sometimes this can be just as or more      effective than facts. <em> </em></p>
<p><em>The non-interactive graphic version:</em> Apply this concept to a four      page layout or to a single graphic image divided into four quadrants.</p>
<p><a href="http://www.gatesfoundation.org/livingproofproject/Documents/progress-towards-immunization.pdf" target="_blank"><img class="size-full wp-image-3127 alignleft" title="immunization" src="http://myvisualvoice.com/wp-content/uploads/2010/08/immunization.gif" alt="" width="86" height="111" /></a> <a href="http://www.gatesfoundation.org/livingproofproject/Documents/progress-against-malaria.pdf" target="_blank"><img class="alignleft size-full wp-image-3129" title="progress-sheet-malaria" src="http://myvisualvoice.com/wp-content/uploads/2010/08/progress-sheet-malaria.gif" alt="" width="86" height="111" /></a><a href="http://www.gatesfoundation.org/livingproofproject/Documents/progress-against-hiv-aids.pdf" target="_blank"><img class="alignleft size-full wp-image-3130" title="progress-sheets-hiv-aids" src="http://myvisualvoice.com/wp-content/uploads/2010/08/progress-sheets-hiv-aids.gif" alt="" width="86" height="111" /></a></p>
<p>In addition to the infographics used to communicate key findings, the Living Proof Project uses another information design strategy to report results—simple, but well designed <a href="http://www.gatesfoundation.org/livingproofproject/Pages/progress-sheets.aspx" target="_blank">progress report sheets</a>.</p>
<p>Below I’ve highlighted some of the key components used in their progress reports as a potential template of sorts for what you may want to include in your own (understanding each project is different).</p>
<ol>
<li>Use one large image,      rather than many images. Many times this provides a greater impact for      your piece.</li>
<li>Start your report with bold      text to introduce the report’s key message.</li>
<li>Be consistent with categories      across various reports. The categories in these reports include: Overview,      Progress, Advances, Results, Moving Forward.</li>
<li>Choose one key graph,      rather than cluttering the report with many.</li>
<li>Use callouts to highlight      a key definition and/or specific case study.</li>
<li>Provide your sources.</li>
<li>Keep your report to a      manageable length (2-4 pages).</li>
</ol>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fmyvisualvoice.com%2Ftips%2Feffectively-report-findings-with-info-design&amp;linkname=Effectively%20report%20findings%20with%20info%20design"><img src="http://myvisualvoice.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>
<p><a href="http://feedads.g.doubleclick.net/~a/fOV0D70wltAQN7GhIhaKzLtqMC8/0/da"><img src="http://feedads.g.doubleclick.net/~a/fOV0D70wltAQN7GhIhaKzLtqMC8/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/fOV0D70wltAQN7GhIhaKzLtqMC8/1/da"><img src="http://feedads.g.doubleclick.net/~a/fOV0D70wltAQN7GhIhaKzLtqMC8/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/http/myvisualvoicecom/blog/~4/-ehH4OJkIg8" height="1" width="1"/>]]></content:encoded><description>I find it interesting to check out how other organizations are integrating infographics and information design into their work. So when I ran across the Bill and Melinda Gates Foundation using information design to communicate their findings for their Living Proof Project, I thought it was worth exploring in a little more detail to see [...]</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://myvisualvoice.com/tips/effectively-report-findings-with-info-design/feed</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://myvisualvoice.com/tips/effectively-report-findings-with-info-design</feedburner:origLink></item><item><title>Blog schedule</title><link>http://feedproxy.google.com/~r/http/myvisualvoicecom/blog/~3/8itDeOs0jYY/blog-schedule</link><category>Visual Voice...learn more</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Elissa Schloesser</dc:creator><pubDate>Wed, 11 Aug 2010 07:04:21 PDT</pubDate><guid isPermaLink="false">http://myvisualvoice.com/?p=3102</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p>The My Visual Voice blog will be switching to a bi-weekly blog posting. The blog will continue to focus on providing you with tips for using your visual voice and highlighting trends in information design and infographics.</p>
<p>If you are interested in receiving more information design and infographic examples, I will be retweeting those when I come across them on Twitter. You can keep up on my latest tweets on the right sidebar of this blog page, or by following me on twitter at: <a href="http://twitter.com/elschloesser" target="_blank">http://twitter.com/elschloesser</a></p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fmyvisualvoice.com%2Fmore-about-visual-voice%2Fblog-schedule&amp;linkname=Blog%20schedule"><img src="http://myvisualvoice.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>
<p><a href="http://feedads.g.doubleclick.net/~a/mpHcSClB-UbyzOxDwMNXt6nRBow/0/da"><img src="http://feedads.g.doubleclick.net/~a/mpHcSClB-UbyzOxDwMNXt6nRBow/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/mpHcSClB-UbyzOxDwMNXt6nRBow/1/da"><img src="http://feedads.g.doubleclick.net/~a/mpHcSClB-UbyzOxDwMNXt6nRBow/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/http/myvisualvoicecom/blog/~4/8itDeOs0jYY" height="1" width="1"/>]]></content:encoded><description>The My Visual Voice blog will be switching to a bi-weekly blog posting. The blog will continue to focus on providing you with tips for using your visual voice and highlighting trends in information design and infographics. If you are interested in receiving more information design and infographic examples, I will be retweeting those when [...]</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://myvisualvoice.com/more-about-visual-voice/blog-schedule/feed</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://myvisualvoice.com/more-about-visual-voice/blog-schedule</feedburner:origLink></item><item><title>10 Takeaways from Edward Tufte Course</title><link>http://feedproxy.google.com/~r/http/myvisualvoicecom/blog/~3/O2zyAfEmmAw/10-takeaways-from-edward-tufte-course</link><category>Resources</category><category>Tips</category><category>Edward Tufte</category><category>information design</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Elissa Schloesser</dc:creator><pubDate>Wed, 04 Aug 2010 10:25:22 PDT</pubDate><guid isPermaLink="false">http://myvisualvoice.com/?p=3024</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p>A couple weeks ago I attended a <a href="http://www.edwardtufte.com/tufte/courses" target="_blank">one-day course on presenting data and information</a> taught by Edward Tufte. It was a thought provoking course with lots of useful tips for effectively presenting information. Here are just a few I jotted down in my notes.</p>
<ol>
<li>Don’t pre specifiy data      sources or methods before creating an infographic. Instead approach the      graphic by using the “whatever it takes” approach to answer the question      presented.</li>
<li>Respect your audience.      Think of your audience as busy, not stupid.</li>
<li>When creating a flow chart, remember that the items are the nouns and  the arrows are the verbs and the main reason for presenting information  in a flow chart is to understand causality.</li>
<li>People think at their best      at 12”-24”. Dedicate more time to your handout than your PowerPoint.</li>
<li>You should never need a      legend for your graph. Instead put all the needed information for      interpretation on the graph.</li>
<li>A graphic shouldn’t show      one data point.</li>
<li>Find good examples and      copy them.</li>
<li>Check out the sports or      financial sections in the newspaper to find good examples of how to      present lots of numbers in a table.</li>
<li>The principles of      analytical design are the same as analytical thinking. Show causality. Show      comparison. Show multivariate data. Integrate evidence. Document work. Assist      thinking. Content counts most of all.</li>
<li>There is no such thing as      information overload, only bad design.</li>
</ol>
<p>If you don’t know who Edward Tufte is, here’s his quick bio from his <a href="http://www.edwardtufte.com/tufte/" target="_blank">website</a>:</p>
<p><em>“</em><img class="alignleft size-full wp-image-3026" title="photo_tufte" src="http://myvisualvoice.com/wp-content/uploads/2010/08/photo_tufte.jpg" alt="" width="184" height="134" /><em>Edward Tufte has written seven books, including Beautiful Evidence, Visual Explanations, Envisioning Information, The Visual Display of Quantitative Information, and Data Analysis for Politics and Policy. He writes, designs, and self-publishes his books on analytical design, which have received more than 40 awards for content and design. He is Professor Emeritus at Yale University, where he taught courses in statistical evidence, information design, and interface design. His current work includes landscape sculpture, printmaking, video and a new book.”</em></p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fmyvisualvoice.com%2Ftips%2F10-takeaways-from-edward-tufte-course&amp;linkname=10%20Takeaways%20from%20Edward%20Tufte%20Course"><img src="http://myvisualvoice.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>
<p><a href="http://feedads.g.doubleclick.net/~a/DIpyygB6KaAzG7Ls6fSyMDc2c74/0/da"><img src="http://feedads.g.doubleclick.net/~a/DIpyygB6KaAzG7Ls6fSyMDc2c74/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/DIpyygB6KaAzG7Ls6fSyMDc2c74/1/da"><img src="http://feedads.g.doubleclick.net/~a/DIpyygB6KaAzG7Ls6fSyMDc2c74/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/http/myvisualvoicecom/blog/~4/O2zyAfEmmAw" height="1" width="1"/>]]></content:encoded><description>A couple weeks ago I attended a one-day course on presenting data and information taught by Edward Tufte. It was a thought provoking course with lots of useful tips for effectively presenting information. Here are just a few I jotted down in my notes. Don’t pre specifiy data sources or methods before creating an infographic. [...]</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://myvisualvoice.com/tips/10-takeaways-from-edward-tufte-course/feed</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://myvisualvoice.com/tips/10-takeaways-from-edward-tufte-course</feedburner:origLink></item><item><title>The Four Phases of Design Thinking</title><link>http://feedproxy.google.com/~r/http/myvisualvoicecom/blog/~3/IeWMzgxDoL0/the-four-phases-of-design-thinking</link><category>Tips</category><category>Design Thinking</category><category>Harvard Business Review</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Elissa Schloesser</dc:creator><pubDate>Fri, 30 Jul 2010 11:03:38 PDT</pubDate><guid isPermaLink="false">http://myvisualvoice.com/?p=3016</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p><strong> </strong></p>
<p>Wow this week has flown by, and I realized I never got around to my weekly blog topic. Since I didn’t get a chance to write one this week I’m passing a link along to another blog article posted yesterday on the Harvard Business Review that I found interesting.</p>
<h4><a href="http://blogs.hbr.org/cs/2010/07/the_four_phases_of_design_thin.html?goback=.gde_64941_member_25967117" target="_blank"><strong>The Four Phases of Design Thinking</strong></a><em> by Warren Berger</em></h4>
<p>“What can people in business learn from studying the ways successful designers solve problems and innovate? On the most basic level, they can learn to question, care, connect, and commit — four of the most important things successful designers do to achieve significant breakthroughs.”</p>
<p>&#8230;click <a href="http://blogs.hbr.org/cs/2010/07/the_four_phases_of_design_thin.html?goback=.gde_64941_member_25967117" target="_blank">here</a> to read the complete article.</p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fmyvisualvoice.com%2Ftips%2Fthe-four-phases-of-design-thinking&amp;linkname=The%20Four%20Phases%20of%20Design%20Thinking"><img src="http://myvisualvoice.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>
<p><a href="http://feedads.g.doubleclick.net/~a/n_bU5kRDPOcvozpJdVinBPX3T1s/0/da"><img src="http://feedads.g.doubleclick.net/~a/n_bU5kRDPOcvozpJdVinBPX3T1s/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/n_bU5kRDPOcvozpJdVinBPX3T1s/1/da"><img src="http://feedads.g.doubleclick.net/~a/n_bU5kRDPOcvozpJdVinBPX3T1s/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/http/myvisualvoicecom/blog/~4/IeWMzgxDoL0" height="1" width="1"/>]]></content:encoded><description>Wow this week has flown by, and I realized I never got around to my weekly blog topic. Since I didn’t get a chance to write one this week I’m passing a link along to another blog article posted yesterday on the Harvard Business Review that I found interesting. The Four Phases of Design Thinking [...]</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://myvisualvoice.com/tips/the-four-phases-of-design-thinking/feed</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://myvisualvoice.com/tips/the-four-phases-of-design-thinking</feedburner:origLink></item><item><title>5 Amazing Infographics for the Health Conscious</title><link>http://feedproxy.google.com/~r/http/myvisualvoicecom/blog/~3/QpOqiPeELj8/5-amazing-infographics-for-the-health-conscious</link><category>Inspiration</category><category>examples</category><category>Health infographics</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Elissa Schloesser</dc:creator><pubDate>Wed, 21 Jul 2010 09:14:45 PDT</pubDate><guid isPermaLink="false">http://myvisualvoice.com/?p=2990</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p>These examples were posted by Stan Schroeder on the Mashable blog this spring. I thought they were interesting infographic examples, so I thought I’d pass them along if you have not seen them yet. Click <a href=" http://mashable.com/2010/03/19/amazing-health-infographics/" target="_blank">here</a> read the original article on the Mashable blog. Below are also the infographic images.</p>
<p>What do you think? Do you have a favorite? Which one do you think makes the information most understandable?</p>
<p><a href="http://myvisualvoice.com/wp-content/uploads/2010/07/snakeoil_supplements_956.png"><img class="alignnone size-full wp-image-2991" title="snakeoil_supplements_956" src="http://myvisualvoice.com/wp-content/uploads/2010/07/snakeoil_supplements_956.png" alt="" width="460" height="783" /></a></p>
<p><a href="http://myvisualvoice.com/wp-content/uploads/2010/07/dirty_water.jpg"><img class="alignnone size-full wp-image-2994" title="dirty_water" src="http://myvisualvoice.com/wp-content/uploads/2010/07/dirty_water.jpg" alt="" width="461" height="299" /></a></p>
<p><a href="http://myvisualvoice.com/wp-content/uploads/2010/07/Obesity-2009-Infographic.jpg"><img class="alignnone size-full wp-image-2997" title="Obesity-2009-Infographic" src="http://myvisualvoice.com/wp-content/uploads/2010/07/Obesity-2009-Infographic.jpg" alt="" width="461" height="1350" /></a></p>
<p><a href="http://myvisualvoice.com/wp-content/uploads/2010/07/disease_fatalities_5501.gif"><img class="alignnone size-full wp-image-3008" title="disease_fatalities_550" src="http://myvisualvoice.com/wp-content/uploads/2010/07/disease_fatalities_5501.gif" alt="" width="446" height="600" /></a></p>
<p><a href="http://myvisualvoice.com/wp-content/uploads/2010/07/disease_washyourhands.gif"><img class="alignnone size-full wp-image-3004" title="disease_washyourhands" src="http://myvisualvoice.com/wp-content/uploads/2010/07/disease_washyourhands.gif" alt="" width="447" height="641" /></a><a href="http://myvisualvoice.com/wp-content/uploads/2010/07/health_care.jpg"><img class="alignnone size-full wp-image-3011" title="health_care" src="http://myvisualvoice.com/wp-content/uploads/2010/07/health_care.jpg" alt="" width="461" height="346" /></a></p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fmyvisualvoice.com%2Fexamples-inspiration%2F5-amazing-infographics-for-the-health-conscious&amp;linkname=5%20Amazing%20Infographics%20for%20the%20Health%20Conscious"><img src="http://myvisualvoice.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>
<p><a href="http://feedads.g.doubleclick.net/~a/fh-V8Vw-l21_WyWng82Gi9lWwRY/0/da"><img src="http://feedads.g.doubleclick.net/~a/fh-V8Vw-l21_WyWng82Gi9lWwRY/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/fh-V8Vw-l21_WyWng82Gi9lWwRY/1/da"><img src="http://feedads.g.doubleclick.net/~a/fh-V8Vw-l21_WyWng82Gi9lWwRY/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/http/myvisualvoicecom/blog/~4/QpOqiPeELj8" height="1" width="1"/>]]></content:encoded><description>These examples were posted by Stan Schroeder on the Mashable blog this spring. I thought they were interesting infographic examples, so I thought I’d pass them along if you have not seen them yet. Click here read the original article on the Mashable blog. Below are also the infographic images. What do you think? Do [...]</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://myvisualvoice.com/examples-inspiration/5-amazing-infographics-for-the-health-conscious/feed</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://myvisualvoice.com/examples-inspiration/5-amazing-infographics-for-the-health-conscious</feedburner:origLink></item><item><title>Question + Visual Data + Context = Story</title><link>http://feedproxy.google.com/~r/http/myvisualvoicecom/blog/~3/gdo1krq2n1M/question-visual-data-context-story</link><category>Resources</category><category>data visualization</category><category>Matthias Shapiro</category><category>Storytelling with data</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Elissa Schloesser</dc:creator><pubDate>Wed, 14 Jul 2010 11:07:12 PDT</pubDate><guid isPermaLink="false">http://myvisualvoice.com/?p=2977</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<h4><a href="http://www.politicalmathblog.com/wp-content/plugins/downloads-manager/upload/Beautiful%20Visualization%20-%20Once%20Upon%20A%20Stacked%20Time%20Series%20-%20Matthias%20Shapiro.pdf" target="_blank"><img class="size-full wp-image-2978 alignleft" title="BeautifulVisualizationThumb" src="http://myvisualvoice.com/wp-content/uploads/2010/07/BeautifulVisualizationThumb.jpg" alt="" width="208" height="273" /></a>Something worth checking out&#8230;</h4>
<p>Matthias Shapiro posted on his <a href="http://www.politicalmathblog.com/?tag=matthias-shapiro" target="_blank">blog</a> the <a href="http://www.politicalmathblog.com/wp-content/plugins/downloads-manager/upload/Beautiful%20Visualization%20-%20Once%20Upon%20A%20Stacked%20Time%20Series%20-%20Matthias%20Shapiro.pdf" target="_blank">free chapter</a> he wrote for the book Beautiful Visualization. In the chapter he discusses the importance of storytelling in information visualization, provides insights about the key steps he uses to create an effective infographic, and includes a quick tutorial of the most commonly used visual representations.</p>
<p>Below is an excerpt from the chapter.</p>
<p><em>“While many of the talents required for creating good information visualizations are widely recognized, there is one that is commonly overlooked in more formal settings—probably because nearly every visualization author engages in it subconsciously and because it is such a natural part of the process that is hardly seems worth mentioning.</em></p>
<p><em>This talent is the art of storytelling. Stories have a marvelous way of focusing our attention and helping us to discern why the data presented is important or relevant to some part of our lives. It is only inside of a context that data is meaningful, and using the data as part of a story is an excellent way of allowing the data to make a lasting impact. The most effective information visualizations will make themselves a pivotal point in a story or narrative within the viewers’ (or users’) minds.</em></p>
<p><em>Not every information visualization requires a story. Some are simply beautiful to look at and can exist merely as fine works of art. However, most visualizations have a goal or purpose and present their data in a meaningful way, in the context of some kind of story.</em></p>
<p><em><strong>Question + Visual Data + Context = Story</strong></em></p>
<p><em>Most visualization stories begin with some kind of question that orients the viewer to the topic and context within which the data is most meaningful. This can be done explicitly or implicitly, but the context must be clear. The question contains the premise and introduction to the story, and leads us up to the point at which the data can take over the storyline.</em></p>
<p><em>Many of the key parts of a story are related as part of the process of placing the visualization in a context. We frequently find the visualization context as part of an introductory text to an infographic or visualization. The context provides information that answers questions such as:</em></p>
<ul>
<li><em>What data are we      looking at?</em></li>
<li><em>In what time frame      does this data exist?</em></li>
<li><em>What notable events or      variables influenced the data?”</em></li>
</ul>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fmyvisualvoice.com%2Fexamples-resources%2Fquestion-visual-data-context-story&amp;linkname=Question%20%2B%20Visual%20Data%20%2B%20Context%20%3D%20Story"><img src="http://myvisualvoice.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>
<p><a href="http://feedads.g.doubleclick.net/~a/JeMKku-Z8Krun8d6VniTcGYMzz0/0/da"><img src="http://feedads.g.doubleclick.net/~a/JeMKku-Z8Krun8d6VniTcGYMzz0/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/JeMKku-Z8Krun8d6VniTcGYMzz0/1/da"><img src="http://feedads.g.doubleclick.net/~a/JeMKku-Z8Krun8d6VniTcGYMzz0/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/http/myvisualvoicecom/blog/~4/gdo1krq2n1M" height="1" width="1"/>]]></content:encoded><description>Something worth checking out&amp;#8230; Matthias Shapiro posted on his blog the free chapter he wrote for the book Beautiful Visualization. In the chapter he discusses the importance of storytelling in information visualization, provides insights about the key steps he uses to create an effective infographic, and includes a quick tutorial of the most commonly used [...]</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://myvisualvoice.com/examples-resources/question-visual-data-context-story/feed</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://myvisualvoice.com/examples-resources/question-visual-data-context-story</feedburner:origLink></item><item><title>How to lie with statistics</title><link>http://feedproxy.google.com/~r/http/myvisualvoicecom/blog/~3/X9NlFn3kENc/how-to-lie-with-statistics</link><category>Tips</category><category>data interpretation</category><category>information design tips</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Elissa Schloesser</dc:creator><pubDate>Wed, 07 Jul 2010 10:08:10 PDT</pubDate><guid isPermaLink="false">http://myvisualvoice.com/?p=2963</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p><img class="alignnone size-full wp-image-2964" title="lie.w.stats" src="http://myvisualvoice.com/wp-content/uploads/2010/07/lie.w.stats_.gif" alt="" width="504" height="409" /></p>
<p style="text-align: center;"><em>Source: http://www.physics.csbsju.edu/stats/display.html</em></p>
<p>Okay so you may have guessed, I&#8217;m not going to share secrets to using infographics to lie with your statistics. Instead I came across this cartoon on the web and it reminded me of the power information designers have over what story is being told of the data. Although there may be multiple stories within an individual dataset, it is always important to remember the way the data is presented to an audience can either help or hinder an accurate interpretation of it (even if you are not intentionally trying to lie with statistics).</p>
<p>Here are a couple things to check to make sure your data is being accurately represented in your infographic:</p>
<ul>
<li><strong>Check proportion and scale. </strong>If you are using images      or icons in place of bars, lines or pies, it may be easy to unintentionally      skew proportion or scale of your data points.</li>
</ul>
<ul>
<li><strong>Be careful with      3-dimensional graphs.</strong> The angles or volumes used in these graphs can sometimes      make it hard to accurately compare data.</li>
</ul>
<ul>
<li><strong>Make sure the appropriate      information is included.</strong> Information overload can sometimes make it      difficult to understand a graphic, but you also want to make sure your      graphic is not too over simplified. Double check that critical information      for understanding is included for your audience.</li>
</ul>
<p>What are your biggest concerns or challenges when translating complex information to a graphic?</p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fmyvisualvoice.com%2Ftips%2Fhow-to-lie-with-statistics&amp;linkname=How%20to%20lie%20with%20statistics"><img src="http://myvisualvoice.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>
<p><a href="http://feedads.g.doubleclick.net/~a/GT1B5onyEMRlyTen7cY0xkwf8qI/0/da"><img src="http://feedads.g.doubleclick.net/~a/GT1B5onyEMRlyTen7cY0xkwf8qI/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/GT1B5onyEMRlyTen7cY0xkwf8qI/1/da"><img src="http://feedads.g.doubleclick.net/~a/GT1B5onyEMRlyTen7cY0xkwf8qI/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/http/myvisualvoicecom/blog/~4/X9NlFn3kENc" height="1" width="1"/>]]></content:encoded><description>Source: http://www.physics.csbsju.edu/stats/display.html Okay so you may have guessed, I&amp;#8217;m not going to share secrets to using infographics to lie with your statistics. Instead I came across this cartoon on the web and it reminded me of the power information designers have over what story is being told of the data. Although there may be multiple [...]</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://myvisualvoice.com/tips/how-to-lie-with-statistics/feed</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">3</slash:comments><feedburner:origLink>http://myvisualvoice.com/tips/how-to-lie-with-statistics</feedburner:origLink></item><item><title>Visual Summary Example: 10 Things everyone should know about NYC charter schools</title><link>http://feedproxy.google.com/~r/http/myvisualvoicecom/blog/~3/xE5scBHPgK4/visual-summary-example-10-things-everyone-should-know-about-nyc-charter-schools</link><category>Inspiration</category><category>Tips</category><category>big duck</category><category>visual summary</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Elissa Schloesser</dc:creator><pubDate>Wed, 30 Jun 2010 08:44:11 PDT</pubDate><guid isPermaLink="false">http://myvisualvoice.com/?p=2944</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p>This week I thought I would pass along an example of a nicely composed visual summary as a way to summarize my June tips on the topic. It was created by the organization called <a href="http://www.bigducknyc.com/" target="_blank">Big Duck</a> out of Brooklyn, New York, which specializes in communications work for nonprofits.</p>
<p>The project highlights the <em><a href="http://www.bigducknyc.com/images/NYCCSC_InfoFolder.pdf" target="_blank">10 Things everyone should know about New York City charter schools</a>.</em> I think it does a nice job of integrating different graphics along with text to convey its key message.</p>
<p><a href="http://www.bigducknyc.com/images/NYCCSC_InfoFolder.pdf" target="_blank"><img class="alignnone size-full wp-image-2945" title="NYC_charter_school_infographic" src="http://myvisualvoice.com/wp-content/uploads/2010/06/NYC_charter_school_infographic.jpg" alt="" width="491" height="317" /></a></p>
<p><strong>A couple tips from this example that you can directly apply to your own work: </strong></p>
<ul>
<li>Uses data to back up each      main point, but go beyond the standard bar, line and pie charts (although      one pie chart is used in the summary). I think this makes the data more      interesting.</li>
</ul>
<ul>
<li>Although there are      multiple layers of information in this summary, stick to a simple color      scheme that will not overwhelm the viewer. This will also make the use of orange      or a warm color particularly effective in attracting attention to key      items on the page.</li>
</ul>
<p>You may also want to check out the blog article that this project was posted in called <em><a href="http://www.bigducknyc.com/blog/?p=2576" target="_blank">a picture’s worth 1,000 words: Information graphics for nonprofits</a>.</em></p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fmyvisualvoice.com%2Ftips%2Fvisual-summary-example-10-things-everyone-should-know-about-nyc-charter-schools&amp;linkname=Visual%20Summary%20Example%3A%2010%20Things%20everyone%20should%20know%20about%20NYC%20charter%20schools"><img src="http://myvisualvoice.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>
<p><a href="http://feedads.g.doubleclick.net/~a/9oFMpfoiIZlza-6rW-aNLEGs_qM/0/da"><img src="http://feedads.g.doubleclick.net/~a/9oFMpfoiIZlza-6rW-aNLEGs_qM/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/9oFMpfoiIZlza-6rW-aNLEGs_qM/1/da"><img src="http://feedads.g.doubleclick.net/~a/9oFMpfoiIZlza-6rW-aNLEGs_qM/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/http/myvisualvoicecom/blog/~4/xE5scBHPgK4" height="1" width="1"/>]]></content:encoded><description>This week I thought I would pass along an example of a nicely composed visual summary as a way to summarize my June tips on the topic. It was created by the organization called Big Duck out of Brooklyn, New York, which specializes in communications work for nonprofits. The project highlights the 10 Things everyone [...]</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://myvisualvoice.com/tips/visual-summary-example-10-things-everyone-should-know-about-nyc-charter-schools/feed</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://myvisualvoice.com/tips/visual-summary-example-10-things-everyone-should-know-about-nyc-charter-schools</feedburner:origLink></item><item><title>GOOD Transparency “a graphical exploration of the world around us”</title><link>http://feedproxy.google.com/~r/http/myvisualvoicecom/blog/~3/ll8P7CgLKP0/good-transparency-a-graphical-exploration-of-the-world-around-us</link><category>Inspiration</category><category>Resources</category><category>GOOD Transparency</category><category>information graphics</category><dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Elissa Schloesser</dc:creator><pubDate>Wed, 23 Jun 2010 09:13:32 PDT</pubDate><guid isPermaLink="false">http://myvisualvoice.com/?p=2912</guid><content:encoded xmlns:content="http://purl.org/rss/1.0/modules/content/"><![CDATA[<p>If you are looking for a good resource to see how others are creatively portraying complex information on current issues, I would recommend checking out the online <a href="http://edit.good.is/departments/transparency/page:1/sort:recent/range:all" target="_blank">GOOD Transparency</a> page –“a graphical exploration of the world around us.” It is also interesting to browse through the discussions surrounding the infographics because you can see how the graphics are being used to facilitate conversation.</p>
<p>Below are a few examples of the infographics posted on the website.</p>
<p><strong>Walk This Way, Making the right choices to reduce your water footprint</strong>, <em>by</em><em><em> </em>GOOD and <a href="http://fogelson-lubliner.com/" target="_blank">Fogelson-Lubliner</a></em></p>
<p style="text-align: center;"><a href="http://awesome.good.is/transparency/web/trans0309walkthisway.html"><img class="size-full wp-image-2928 aligncenter" title="trans0309walkthisway2" src="http://myvisualvoice.com/wp-content/uploads/2010/06/trans0309walkthisway2.jpg" alt="" width="428" height="294" /></a></p>
<p><strong>The Most Target Books (in America)</strong> <em>by GOOD and <a href="http://www.stanfordkaystudio.com/">Stanford Kay</a></em></p>
<p style="text-align: center;"><a href="http://awesome.good.is/transparency/web/1005/targeted-books/flash.html"><img class="size-full wp-image-2925 aligncenter" title="Most_targeted_books" src="http://myvisualvoice.com/wp-content/uploads/2010/06/Most_targeted_books.jpg" alt="" width="462" height="308" /></a></p>
<p><strong>Portrait of a Volunteer</strong>, <em>by the Pepsi Refresh Project</em></p>
<p style="text-align: center;"><a href="http://awesome.good.is/transparency/web/1005/AS_002/flat.html" target="_blank"><img class="size-full wp-image-2911 aligncenter" title="Portrait of a Volunteer" src="http://myvisualvoice.com/wp-content/uploads/2010/06/Portrait-of-a-Volunteer.jpg" alt="" width="482" height="310" /></a></p>
<p><strong><em>What is GOOD?</em></strong><em><strong> </strong>&#8220;GOOD is the integrated media platform for people who want to live well and do good. We are a company and community for the people, businesses, and NGOs moving the world forward. GOOD&#8217;s mission is to provide content, experiences, and utilities to serve this community.&#8221;</em></p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fmyvisualvoice.com%2Fexamples-inspiration%2Fgood-transparency-a-graphical-exploration-of-the-world-around-us&amp;linkname=GOOD%20Transparency%20%26%238220%3Ba%20graphical%20exploration%20of%20the%20world%20around%20us%26%238221%3B"><img src="http://myvisualvoice.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>
<p><a href="http://feedads.g.doubleclick.net/~a/aghUb72Utu6d5nFmiDM96r5nhwY/0/da"><img src="http://feedads.g.doubleclick.net/~a/aghUb72Utu6d5nFmiDM96r5nhwY/0/di" border="0" ismap="true"></img></a><br/>
<a href="http://feedads.g.doubleclick.net/~a/aghUb72Utu6d5nFmiDM96r5nhwY/1/da"><img src="http://feedads.g.doubleclick.net/~a/aghUb72Utu6d5nFmiDM96r5nhwY/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/http/myvisualvoicecom/blog/~4/ll8P7CgLKP0" height="1" width="1"/>]]></content:encoded><description>If you are looking for a good resource to see how others are creatively portraying complex information on current issues, I would recommend checking out the online GOOD Transparency page –“a graphical exploration of the world around us.” It is also interesting to browse through the discussions surrounding the infographics because you can see how [...]</description><wfw:commentRss xmlns:wfw="http://wellformedweb.org/CommentAPI/">http://myvisualvoice.com/examples-inspiration/good-transparency-a-graphical-exploration-of-the-world-around-us/feed</wfw:commentRss><slash:comments xmlns:slash="http://purl.org/rss/1.0/modules/slash/">0</slash:comments><feedburner:origLink>http://myvisualvoice.com/examples-inspiration/good-transparency-a-graphical-exploration-of-the-world-around-us</feedburner:origLink></item></channel></rss>
