information design

You are currently browsing articles tagged information design.

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 if anything could be learned from looking at what they were doing.

The Living Proof Project uses flash interactive infographics (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.

On the other hand, interactive infographics may not be the best fit for your project for a number of reasons–ranging from how you plan to use the infographic to it’s just not in the budget.

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).

Below are some ideas of how you might apply design strategies from the following examples to your own work.

United States’ 2010 Federal Budget For Global Health Spending

- Start with a key fact that puts your information into context of the world around it.

- Follow up that key fact with supporting facts for each issue you are trying to highlight.

The non-interactive graphic version: 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.

Progress Against Polio

- Integrate your timeline with a map. This is a great way to visually show progress over time.

- Keep the number of categories on your map relatively simple. Making it easy for the viewer to quickly interpret your key message.

The non-interactive graphic version: Create a series of maps that your audience could page through or show in a series on a single graphic.

The Benefits of Breastfeeding

- Keep your message simple and to the point. Save the details for the full report.

- Try using photos that connect to your message, rather than data. Sometimes this can be just as or more effective than facts.

The non-interactive graphic version: Apply this concept to a four page layout or to a single graphic image divided into four quadrants.

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 progress report sheets.

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).

  1. Use one large image, rather than many images. Many times this provides a greater impact for your piece.
  2. Start your report with bold text to introduce the report’s key message.
  3. Be consistent with categories across various reports. The categories in these reports include: Overview, Progress, Advances, Results, Moving Forward.
  4. Choose one key graph, rather than cluttering the report with many.
  5. Use callouts to highlight a key definition and/or specific case study.
  6. Provide your sources.
  7. Keep your report to a manageable length (2-4 pages).
  • Share/Bookmark

Tags: , ,

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.

  1. 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.
  2. Respect your audience. Think of your audience as busy, not stupid.
  3. 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.
  4. People think at their best at 12”-24”. Dedicate more time to your handout than your PowerPoint.
  5. You should never need a legend for your graph. Instead put all the needed information for interpretation on the graph.
  6. A graphic shouldn’t show one data point.
  7. Find good examples and copy them.
  8. Check out the sports or financial sections in the newspaper to find good examples of how to present lots of numbers in a table.
  9. 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.
  10. There is no such thing as information overload, only bad design.

If you don’t know who Edward Tufte is, here’s his quick bio from his website:

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.”

  • Share/Bookmark

Tags: ,

In continuation from last week’s blog topic “What to include in an effective visual executive summary” this week I thought I’d explore the pros and cons of a few popular options for presenting your summary information. Hopefully, this will help you determine what format(s) will best achieve your objectives.

[Note: The previous post primarily focused on items to include within a print piece. In this post, I have decided to also include information about the pros and cons of presenting your information in a digital format to give you another option to consider.]

The 1-2-pager (standard paper sizes)

*Pros

  • Your audience may be more likely to engage with the information by not feeling intimidated to take notes directly on the summary
  • Save on printing costs by printing directly from your personal printer
  • Easily accessible for your audience to download and print a personal copy if you post a pdf version of the summary to your website or attach to email

*Cons

  • May not appear as professional if created as a standard Word doc or printed from a personal printer
  • Easier to update content for future use
  • Not as engaging for web use

Professionally printed brochure/booklet

*Pros

  • A professionally designed and printed piece will stand out from the crowd and capture your audience’s attention
  • Will provide you with the most design flexibility
  • Audiences can easily download and view materials if posted as a pdf online

*Cons

  • Higher printing costs and costs to making future edits
  • Not as engaging for web use

Animated video clip

*Pros

  • Engaging and interactive for audiences
  • Can easily insert into PowerPoint presentations and post on your website
  • Potentially more options for creatively communicating your information

*Cons

  • Has to be viewed on a computer or digital device
  • May be more difficult to make changes to the data or information as updates occur

In general, remember that your information summaries are a marketing piece for your organization as well. Therefore, make sure to include your logo, or stick to your standard color palette or fonts if you have them. This will provide you a consistent look across organizational materials.

-Elissa Schloesser

  • Share/Bookmark

Tags: , ,

You have collected all this great information. Now how can you present it in a way that moves it from just a lot of great information to action? One tool is creating an effective “visual” executive summary that quickly summarizes your key finding or messages to engage your audience and get the conversation started.

You may be thinking, okay this is not a rocket science idea. I already write executive summaries for my reports. If you do, you are already off to a great start. By taking your current executive summary just one step further and making it a “visual” executive summary, you will be more likely to clarify your key points, engage audiences, and actually use the information that you spent a good deal of time collecting.

So what is a “visual” executive summary? A “visual” executive summary is a tool that integrates visual aids and design to highlight your key findings or messages.

Where to start?

Always start with determining your key findings or messages. All the other items on the page will be support these items.

Keep the text to a minimum. Save your descriptive writing and analysis for the full report. You just want to provide enough information to engage your audience and get the conversation started.

Once you have determined your key findings or messages, here is a list of a few visuals you will want to consider including in your summary. Not all items are necessary to include in every summary. Only include items that directly support your main points.

  • Graphs or charts: Typically you will want to include a graph or a chart if you have strong data to support your main message. Many times people will look at the graphs or charts and not read the text. Just make sure they are easy to understand (more on this topic in other blog posting).
  • Infographics: Graphs and charts are a form of infographics, but many times I like to think of using infographcs as a visual that helps to explain a complex process, activity, procedure or organization. This may be helpful if you are introducing a new way of doing something or your findings are based on a particular process.
  • Maps: Maps are also a form of infographic, but felt they were worth mentioning separately. Maps can be used to not only show location reference, but are very useful in quickly explaining geographic distribution of information. They are great to include if you want to show how particular pieces of data compare across a region.
  • Photos: Sometimes a picture really is worth a thousand words. Just make sure you are not including photos for the sake of including photos. Make sure they relate to your main message and are large enough to see for the highest impact.
  • Quotes: Quotes are not necessarily thought of as a visual, but they can be used as a graphic element. Quotes can personalize findings and further emphasize key messages.
  • Logo(s): Lastly, you will most likely want to consider including your logo. Although the primary purpose of the “visual” executive summary is to clarify findings and messages, it also serves as a marketing piece for your organization.

Once you have determined what items will best support your message it is time to package the information into a format that successfully pulls it all together. But I’ll save my tips for doing that for next week’s blog topic.

-Elissa Schloesser

  • Share/Bookmark

Tags: ,

Last week the Design for America contest hosted by Sunlight Labs winners were announced. It was a contest looking for ways to visualize how government works or how it could serve its citizens.

I thought the contest produced some interesting visualizations that might get you thinking about how you could creatively display complex processes or information in your own work. The graphics might just be worth checking out if you are interested in the topic as well.

Below is an example one of the contest winning designs. It is titled “How Our Laws are Made.” It contains a ton of information, but I believe the color scheme nicely breaks up the sections while providing visual interest. I also like that you have the option to easily identify the main process components or take the time to dig into the detail.

What do you think of the design?

Sunlight Labs is part of the Sunlight Foundation a non-profit, non partisan Washington, DC based organization focused on digitization of government data and making tools and websites to make it easily accessible.

For those of you interested in government data sources I would recommend checking out the Sunlight Foundation’s National Data Catalog.

-Elissa Schloesser

  • Share/Bookmark

Tags: , , ,

If you are looking for a fun and creative way to compose key messages, findings or information in a graphic, you may want to play around with the Wordle website. It won’t create designs for you to download directly, but provide you with some inspiration.

Below are a couple screen shots of my creations. They all pull text from my website.

-Elissa Schloesser

  • Share/Bookmark

Tags: ,

If you are interested in browsing through some very creative information graphics, I would recommend checking out The Visual Miscellaneum by David McCandless.

I checked it out from the library this past week and wasn’t disappointed. Tons of great inspiration to get you thinking about presenting information differently!

-Elissa Schloesser

  • Share/Bookmark

Tags: , , ,

Paper or plastic?

What do you think is more useful for your work—paper (a.k.a. print materials) or plastic (a.k.a. interactive graphics on your computer)?

I am fascinated by the possibilities of interactive graphics. At the same time, I believe there is value in having something you can hold in your hands.

Here are a few things I like to consider when determining the best project format, but am also interested in hearing your thoughts on the subject.

If you answer “yes” to these questions, you may want to consider using print materials.

  • Do we want to capture a snapshot in time?
  • Do we want people to have something to physically take with them to remember our product, presentation, or organization?
  • Will people want to print this information?
  • Will we be creating a piece with a lot of text (reading on the computer can be tiring on the eyes)?

If you answer “yes” to these questions, you may want to consider using interactive or online graphics.

  • Is our target audience computer savvy?
  • Are most people accessing our information through our website or email?
  • Do we have large quantities of information we want to represent on one visual?
  • Do we want our audience to be able to actively engage or manipulate the information?
  • Will we need to update the information frequently?
  • Share/Bookmark

Tags: ,

As a follow-up to the graph discussion earlier this week, I am passing along a link to page compiled by the organization Many Eyes. This page outlines different graph types, when it might be best to use each, and how the different graphs work.

Below is one example. Click here to see others.

  • Share/Bookmark

Tags: , ,

Need inspiration for generating your information graphics? Here’s a short list of my favorite national news websites that I follow to find ideas (while keeping up on the news).

The Wall Street Journal | Interactives

TIME in partnership with CNN | Graphics

The New York Times

Financial Times | Interactive Graphics

Am I missing one of your favorite news websites? Please let us know.

  • Share/Bookmark

Tags: ,