Intriguing study reveals the secrets of successful infographics

Default avatar.
March 11, 2014
Intriguing study reveals the secrets of successful infographics.

thuWhat makes an infographic successful? As designers, we want it to achieve a balance of two main things:

  • Did the reader get the message we wanted them to get?
  • Was the message memorable?

Doctoral student Michelle Borkin of Harvard's School of Engineering and Applied Sciences worked with collaborators to collect, analyze and present 2,070 single-panel visualizations from a range of publications and websites.

In the “largest scale visualization study to date,” they asked, “What Makes a Visualization Memorable?”

Caveat

Memorability is very important, but still just half the recipe.

The researches did not look at how well viewers understood the images, just how well they remembered them. Borkin’s next steps are to measure comprehension: that new study is already in progress.

This study represents the first step in their research, as they explore what makes an effective infographic, but it already raises questions about what designers have believed so far.

What they did

First, the team created a "visual taxonomy" of the images, identifying them by qualities like chart types, number of colors and presence of human-recognizable objects. They also classified attributes like the presence of non-essential decoration and “visual density” (a.k.a. clutter).

002

"Redesign Your Place" infographic designed for DMC Bologna, by Jacopo Ferretti

Then they chose 410 images that evenly represented the range of their sources (like news, science and the infographics site, visual.ly) as well as the range of qualities they’d identified. Using that group, they ran an online experiment (using Amazon’s Mechanical Turk) in which participants watched a stream of images and clicked a button whenever they saw one they believed had been shown before.

What they learned

To the surprise of the researchers, bar graphs and charts did poorly. It turns out (news flash) they all kinda look the same. The most memorable images contained "human recognizable objects." Think mundane stuff like photos or illustrations of bottles, animals and shoes, not to mention people.

001

"Who is Occupy Wall Street" infographic created for Fast Company, by Jess3

Other important points:

  1. Color made a huge difference: the more, the better.
  2. Images with more clutter were highly memorable. How much more memorable? A lot.
  3. Images with lots of circles and rounded corner graphics also ranked high.

More about clutter

Plenty of psychology lab studies show that simple and clear visualizations are easier to understand. However, researchers have also found that “chart junk” (a term coined by Edward Tufte, so important it gets its own Wikipedia entry) can improve retention because it forces us to work harder at understanding a graph, resulting in better comprehension.

Again, understanding what makes an infographic memorable is only the first step to creating more effective presentations. According to Borkin, “Making a visualization more memorable means making some part of the visualization ‘stick’ in the viewer’s mind.” She emphasizes that we also need to learn how to make sure that what sticks is our intended message, and not the eye candy.

Penina Finger

Penina Finger is passionate about design, real brand and community. She owns the Fantastic Machine design studio and is also a partner at H1Talent. Feel free to say hi, ask questions and debate ideas with her on Twitter @peninasharon.

Read Next

15 Best New Fonts, July 2024

Welcome to our monthly roundup of the best fonts we’ve found online in the last four weeks. This month, there are fewer…

20 Best New Websites, July 2024

Welcome to July’s round up of websites to inspire you. This month’s collection ranges from the most stripped-back…

Top 7 WordPress Plugins for 2024: Enhance Your Site's Performance

WordPress is a hands-down favorite of website designers and developers. Renowned for its flexibility and ease of use,…

Exciting New Tools for Designers, July 2024

Welcome to this July’s collection of tools, gathered from around the web over the past month. We hope you’ll find…

3 Essential Design Trends, July 2024

Add some summer sizzle to your design projects with trendy website elements. Learn what's trending and how to use these…

15 Best New Fonts, June 2024

Welcome to our roundup of the best new fonts we’ve found online in the last month. This month, there are notably fewer…

20 Best New Websites, June 2024

Arranging content in an easily accessible way is the backbone of any user-friendly website. A good website will present…

Exciting New Tools for Designers, June 2024

In this month’s roundup of the best tools for web designers and developers, we’ll explore a range of new and noteworthy…

3 Essential Design Trends, June 2024

Summer is off to a fun start with some highly dramatic website design trends showing up in projects. Let's dive in!

15 Best New Fonts, May 2024

In this month’s edition, there are lots of historically-inspired typefaces, more of the growing trend for French…

How to Reduce The Carbon Footprint of Your Website

On average, a web page produces 4.61 grams of CO2 for every page view; for whole sites, that amounts to hundreds of KG…

20 Best New Websites, May 2024

Welcome to May’s compilation of the best sites on the web. This month we’re focused on color for younger humans,…