xkcd - Tall Infographics

The Tall Infographics design from Randall Munroe at xkcd literally made me laugh out loud.  As he mentions in the text:

“‘Big Data’ doesn’t just mean increasing the font size.”

Very similar to something I repeat here on Cool Infographics all the time.  “Big fonts are not data visualizations!”

However, the format of the Tall Infographic is here to stay.  The tall format fits nicely in the content area of most websites and blogs, and the user experience of scrolling vertically is much easier than scrolling horizontally.

Found on Gizmodo and Stats Chat

Kim Rees and Dino Citraro - What Makes an Infographic Cool?

Guest Post by Kim Rees and Dino Citraro

When an Infographic Isn’t

Infographics are popular, useful, and seem to be an established part of our vernacular these days. They are easy to read, quick to digest, and for the most part, can require less work to create than a more in-depth data visualization. However, as with many things that are popular and useful, they have a dubious imposter that is frequently wrongly categorized. 

Digital Posters

Digital Posters are everywhere and almost entirely presented under the auspices of being an Infographic. These distant cousins confuse the definition of an Infographic because while they often might be easy to read and quick to digest, they fail to expand the essence of the data by adding context and metaphor. 

A collection of cats holding a variety of mobile devices may be adorable, but it is not an Infographic. A huddle of celebrities who all have a similarly peculiar personality trait might curious, but this also, is not an Infographic. Extremely large numbers surrounding nicely formed text treatments is not an Infographic.

All of these are examples of Digital Posters.

If You Want to Make an Infographic, Don’t Make a Digital Poster

You might still be confused by the revelation that not all things posing as Infographics are in fact genuine, but if it’s your job to create one, here are a few things to keep in mind:

Add Context

One of the most important things an Infographic can do is add context. Consider this example:

The illustration on the left represents the way this information would be presented in a Digital Poster. The illustration on the right shows the same information as an Infographic. Both of these start the same information, but the Infographic allows the viewer to glean a deeper understanding through the addition of context.  A good example of a Digital Poster posing as an infographic can be seen here: http://think.withgoogle.com/databoard/

Expand Context Through the Use of Metaphors

Infographics can (and should) be enhanced through the use of metaphor.

Being stuck with a single number to display is maddening. How do you show size? What does its size even mean? This dilemma is an opportunity to add context and metaphor. By comparing a number to something else that is familiar, you create understanding. 

Here are some examples of adding context to the previous graphic:

http://www.flickr.com/photos/periscopic/6352095776/in/set-72157629247990061

http://www.flickr.com/photos/periscopic/6351350561/in/set-72157629247990061

http://www.flickr.com/photos/periscopic/6351350295/in/set-72157629247990061

Keep in mind that the context should match the subject matter. The examples provided above concern emails – or correspondence – and the metaphor will be most effective when it extends the topic. Making a comparison to a page of text and the time spent reading it are easy leaps of imagination because the viewer’s mind is already considering the concept of communication. If we had instead compared that number to the blades of grass in a field, the size of the field might end up being pretty large, but the goal of getting the viewer to imagine the scale of the emails requires a larger cognitive leap, and provides less impact. 

By adding metaphor to data we add dimension. Through this abstraction we gain the ability to provide complex information in a way that is accessible to a much wider audience than that which might be familiar with the specific subject matter. In addition, metaphors not only provide an easy vehicle for empathy and comprehension, they are also an excellent opportunity to add visual interest.

Respect the Data

Data collectors are the historians of our time. The data revolution that started with affordable large storage devices is capturing our history in the finest detail we have ever known. The process of collecting it, specifically when it is done by real people, is difficult and tedious, and largely goes unnoticed. When you visualize data, you must respect what you have, and the enormous potential it represents. Even the simplest statistic deserves more than a passing thought, or an effortless grasp at the most obvious visual display that comes to mind.

Do More

When creating an Infographic, the data you present must do more as a graphic than if it were presented as a number or single line of text. Adjusting the size of your text, illustrating a word found within the text, or even showing the concept embraced by a cute illustration is not enough. If you believe the data has a story to tell, then you should do your best to tell it.

Know Your Options 

Working with data is nuanced and requires an understanding of the appropriate types of data display. A single data set, or statistic, can potentially have multiple ways of being visualized. In the same manner, a single data presentation method can be used to display multiple types of data. Understanding the relationship between your data and your data presentation options is essential if you want to create effective Infographics.

Strive for Elegance and Clarity

A natural tendency is to want to include every datapoint on the screen, assuming that more data will equate to more credibility. This is logical in spirit, but counterproductive in practice. Data design follows the same rules as visual design. Remove anything you can’t justify and isn’t relevant to the message you’re trying to convey. The empty spaces, the things you leave out, can provide clarity – and can also provide an opportunity to evoke questions in the viewer’s mind (that’s a good thing). 

http://www.flickr.com/photos/periscopic/8004311938/in/set-72157631576836704

Use Emotion

The best way to connect with people is to elicit an emotional response. No matter what the subject matter, visualizers need to have empathy for how people will feel when they reflect on the data we’re presenting. Sock, joy, sorrow, curiosity, and other strong emotional reactions likely illustrate that you’ve chosen an important dataset and are presenting it well. In many ways, the ultimate compliment an Infographic creator can receive is to know that a viewer of their work is being moved at a level that goes deeper than just an intellectual response. 

http://www.flickr.com/photos/periscopic/8601076022/in/set-72157633115411317

Be Authentic and Sincere

Presenting datapoints without consideration for what they represent shows a lack of empathy. When you visualize data, it is essential to understand the role it plays in the larger social conversation. If it has the potential to change a person’s worldview, you need to do whatever you can to make this happen. Divorcing yourself from this responsibility is the sign of on uninspired designer. Imagine you are actually having a conversation with the viewer. Let your design choices begin a dialog.

http://www.flickr.com/photos/periscopic/6792935314/

Know the Difference

Data is easy to love. It represents truth and clarity, and can inspire people to grab whatever living thing is nearest to them and insist it listen. It can move a person to join a protest, to shout a slogan, or even inspire someone to make a poster. Even a digital one.

When we begin to discern between graphical representations of data and actual visualizations of data, we become better data consumers and better knowledge creators. There is a place for Digital Posters, it’s just not the same place as Infographics.

Kim Rees

Partner & Head of Data Visualization (@krees)

Kim Rees is Head of Information Visualization at Periscopic, and is a prominent individual in the data visualization community. She has presented at several industry events including Strata, OSCON, Wolfram Data Summit, VisWeek, Tableau User Conference, NY Hacks/Hackers, and Portland Data Visualization among others.

She is an advisor to the US Congressional Budget Office. Kim has published papers in Parsons Journal of Information 

Mapping, was an award winner in the VAST 2010 Challenge, and is a guest blogger for Infosthetics and FlowingData.

Recently, she was the Technical Editor of Visualize This, by Nathan Yau of FlowingData. She was a judge on the WikiViz Challenge 2011 and CommArts Interactive Annual 2012.

Dino Citraro

Partner & Head of Strategy (@dinocitraro)

Dino Citraro is Head of Strategic Design and Operations at Periscopic, and has a strong background in problem solving, creative direction, and writing. 

A twenty-year veteran of the multimedia industry, his work has spanned immersive online development, application design, interactive motion pictures, multi-player games, and interactive hardware installations.

He is the Visualization Editor of the Big Data journal, as well as a contributing blogger to several industry sites. He is also an accomplished photographer, a published poet, and has written & illustrated seven children’s books.

The Investfographic

The Investfographic from EquipRent.com is the infographic they designed in-house to share with potential investors. Visual aids and infographics are becoming a valuable tool for companies to communicate with potential investors and shareholders.  Consider this to be a visual elevator pitch.

Using an “InvestFoGraphic” to raise capital

As a serial entrepreneur, I am always looking for an edge that makes a company standout and be noticed during capital raising times.

With the advent of new software tools like Prezi to boost your presentations, we decided to creatively put together a colorful investment infographic handout that completely complied with our goal of keeping our story concise, relevant, and exciting. The typical handout (1-page executive summary) that we had previously given VCs was heavy on words explaining in great detail what our company did and how successful we had been. This new graphic handout was riddled with bold and exciting claims about our company and our industry. The underlying theory behind using the infographic was to hook them first, grab their attention and then be ready to talk business. 

The exciting news is that we are now in final discussions with several investor groups to close our funding. We know the infographic wasn’t the main reason for getting to this final phase, but we do know that differentiating yourself makes you more memorable and shows investors you and your company plan on being different than the massess.

Remember the advice that the great Rod Stewart gave years ago:  Every picture tells a story, don’t it!

The team at EquipRent uses the design as a talking point at investor events.  They found it much easier to point out the visuals and discuss each point with their investors.  They shared with Cool Infographics, a few of the comments made by investors after seeing the design:

• “I can quickly see what is different about this company than reading a typical one-page executive summary.”
• “I have never seen anyone use an infographic for investor purposes,  other than to distinguish market trends.”
• “Definitely sets you a part…like a cool and different resume.”

Thanks to Nate for sending in the link!

Matthew Dunn - What Makes an Infographic Cool?

Guest Post by Dr. Matthew Dunn

What Makes an Infographic Cool?  Beer.

Beer is cool.

So is an infographic on beer cool?

I think this one is cool:

But, unfortunately for the guys at Pop Chart Lab:

• First Rule of Cool: “The act of discovering what’s cool causes cool to move on.”

Dang, if I think this is cool, it must not be, because

• Second Rule of Cool: “Cool cannot be manufactured, only observed.”

plus

• Third Rule de Cool: “…can only be observed by those who are themselves cool.”  *

I discovered this, and I’m not cool. (Never have been. Never will be.) So, Pop Chart Lab guys, I apologize for thinking The World of Beer infographic is cool, and killing you on #1 and #3.  But leaving aside my fondness for the subject matter, here’s why it’s cool.

1) Show More In Less. 

This shows me much more about beer varieties on one page than could be written in one page.  It makes effective use of a few visual-communications principles - connection, clustering, scale and typography - to help me traverse, relate and generally make sense of 300+ different beers and about 100 varieties. That’s thousands of relationships in one page; if they’d have typed all that, I’d have gone out for a sample instead.

Many of the awful constructs that set out to be “infographics” manage to say in one large page what could be said in one short paragraph. They’re long on decoration and stylistic flourish, short on substance. Not cool.

2) Structure Is Chancellor **

The visual design here is driven by the structure of the subject matter.  They didn’t draw a bunch of circles and lines and say “Hey, let’s fill these in with beer varieties!”.  Likewise, the aesthetic choices - color, line, typography for example - serve the subject matter instead of overriding it.  (The quasi-Victorian look underlines the historical longevity of beer varieties, for example.)  It’s also worth pointing out that visualization is more effective with this structure than language.  Describing all of these formal relationships in English (or your language of choice) would be ponderous and far, far longer. 

Run-of-the-mall infographics tend to impose style on structure. Not cool.

3) The Goal Is Understanding

A very old-fashioned criterion for cool, admittedly, but absolutely key IMHO.  I happen to like Arrogant Bastard Ale (top-left); understanding that it’s an American Strong Ale, which is an offshoot of Strong Pale Ale, in the flick of an eye…is cool. It delivers on that criterion called “utility value” in the intellectual-property world - ‘does something useful’ - because it helps me understand more, more quickly - at least up to the limits of consumption in this case. (Will I remember all of it? No. Is it in Evernote for future brewpub visits? Yes.)

Not-cool infographics tend to aim at goals external to understanding of the subject matter - goals like SEO ranking, keyword packing, and branding.  These are fine business goals, but pretending to inform me is an Arrogant Bastard move, really. It’s a trick of the form - “look at our cool infographic” masking “look at us.”  It’s interrupt advertising masquerading as content marketing and that’s not cool.

Infographics (a portmanteau nobody should carry) tend to split along data-rich and decoration-rich. The World of Beer isn’t a Big Data set - but it’s a respectably difficult subject to tackle.  There’s some real design integrity to this piece - no CGI trickery or typographical back-flips because that would be wrong for the subject.

It’s a personal bias, to be sure, but I find the coolest infographics tend to have that kind of restraint and class. They aim more at connecting me to the subject matter than the subject maker.  That’s me; may not be you.  Cool, like beer, is a matter of taste.

* Malcolm Gladwell, The Coolhunt, New Yorker, 1997.

** There are too many “content is king, ______ is queen” tropes, you don’t need another.   Where content is king, structure is the power behind the throne.

Matthew Dunn is Chief Explainer at Say It Visually, the Explanation Agency.  

He holds the first PhD in Digital Media, which he created at the University of Washington (just before the Web was invented), and an MFA in Directing from the University of Texas.  He’s been a teacher, professor, a 9-year Microsoft veteran, a Fortune 1000 Senior VP & CIO and a tech-startup CEO.  He’s also an award-winning writer, designer, director, frequent public speaker, and an inventor, with 15 patents to date.  He launched Say It Visually with a business partner in 2008, and lives with his family in Bellingham, WA, a town of superb brewpubs.

LINKS:

Website: sayitvisually.com

Twitter: @DrMatthewDunn

Google+: DrMatthewD

LinkedIn: drmatthewdunn

Paws vs. Claws: Social Media Explained

Avalaunch Media is running the Paws vs. Claws infographic voting competition between these two infographic that explain the social media networks from the perspective of dogs and cats.  The campaign is raising money for charity, so place your vote now (before July 31st) and donate money if you are in a position to support the causes.

A Social Media Bark-off of Epic Purrportions!

Here’s how it works:

We’ve joined forces with two world-renowned, animal-focused, non-profit organizations — The Humane Society of The United States is being sponsored by the Claws (a.k.a cats) and NEADS/Dogs for Deaf and Disabled Americans is being sponsored by the Paws (a.k.a. dogs).

We’re inviting internet-and-animal-loving companies and individuals everywhere to join us in donating to a pot of charity-cash. We’re kicking off the sharing by pledging $500 to the to-be-determined winner of the Paws vs Claws showdown and we’re counting on you, our internet-and-animal loving friends, to join in donating to the charitable cause.

 Thanks to Matt for sending in the link!

Nathaniel Pearlman - What Makes an Infographic Cool?

Guest Post by Nathaniel Pearlman

Randy asked me to write a post on the topic “what makes an infographic cool?” 

Unfortunately, I hate the term infographic. The first four letters feels too casual to me, but maybe it’s a good fit for quick marketing infographics.  For my firm’s work, I prefer the terms “information graphic” or “data graphic” or “data visualization”… or “timeplot.” They seem more dignified. But then I’m a guy who insists on using the term “small, medium, and large” at Starbucks.

My quick answer is: an infographic is “cool” when it presents an important and complex story and does so with integrity and good looks. Important, because if the subject is not important, why bother? Complex, because it is complexity in information that requires visual treatment. Integrity is key for the long-term reputation of both client and design firm. By good looks I mean good aesthetic design, crucial for both pride in our work and the reception it receives from our audience.

(Perhaps an infographic graduates from “cool” to “warm” if it is especially good, and if one is really beautiful, which is quite rare, it could be called “hot” or “awesome” or “epic.” For this reason, I advise Randy to reserve warminfographics.com, hotinfographics.com, awesomeinfographics.com, and epicinfographics.com if they are not already taken).  [Randy: Most are already taken]

Maybe my history explains my resistance to the term infographic. My route to practitioner in this field was quite indirect. A class I took in 1987 with Professor Edward Tufte sparked my original interest. At the time he had written only one book of his four classic books on the visual display of quantitative information. For that class, I hunted for historical examples of good statistical graphics in the stacks of Sterling library, and got the bug.  But, though I continue to collect examples to this day, filling up my map drawers, it took me some twenty years of other activities (graduate school, founder of software company, CTO for presidential campaign, husband and father), before I started making Timeplots (www.timeplots.com).

Anyway, I’ve become pretty opinionated about what makes an information graphic cool. My strong preference leans to working with data and stories that have potential to impact public policy or to educate people about things they care about. In my view, this can be done by presenting information in a new way or pulling many threads together into a new tapestry. The form could be print, or a web-based interactive, or a motion graphic, but the work should fit the medium. The form of the graphic doesn’t have to be new or inventive, but should be the best fit for the information. I find it best to be attentive to others who are truly great at this craft, as I have much to learn.

I also prefer to work for the right side of an issue, as I see it, and to say something that matters. It’s not always possible (financially or otherwise) to find the right clients or projects to do this, but I much prefer to tell stories with data that hold the potential to make a positive difference in the world—not just to advertise a run-of-the-mill product or service. I aspire to execute work with integrity (to tell the truth with the data, to provide comparative context, to consider counterarguments, to truly explain).

We are currently working, for example, with the Center for American Progress to help show how immigration will be economically essential over the next twenty years, and how public policy ought to be shaped with that in mind. Happy to have that project.  My firm also provides yearly updates to the Death and Taxes poster on the Federal Budget. The 2014 version is just out and is available here: http://www.timeplots.com/collections/all

My consulting firm Graphicacy helps others tell complex stories visually(www.graphicacy.com). Our name (think literacy, numeracy, graphicacy) reminds us to take into account the abilities of our audience to understand the graphics we create.

Since we often work with complex data, this is particularly relevant, for unintelligible information graphics cannot be cool. 

Nathaniel Pearlman has been interested in visualizing data for more than two decades. Nathaniel majored in computer science at Yale and he finished all but his dissertation in MIT’s political science doctoral program. Nathaniel founded NGP Software, Inc. in 1997 (now NGP VAN, Inc.) to join his interests in politics and technology and grew that company into the market leader in fundraising and compliance software for progressive political campaigns. Nathaniel served as Chief Technology Officer for the Hillary Clinton for President campaign in 2007-8. In 2009, Nathaniel founded the information graphic products company Timeplots and reserved the name GRAPHICACY for information graphics consulting and services. Together, Timeplots and Graphicacy are dedicated to making the visual display of information more comprehensible and aesthetic.

LINKS:

Graphicacy: graphicacy.com

Timeplots: timeplots.com

Twitter: @timeplots

Facebook: facebook.com/timeplots

Peter Sena - What Makes an Infographic Cool?

Guest Post by Peter Sena

Infographics, another problem solved through design 

As a designer, everything I see is a form of an infographic. Whether the packaging on the shelves of a grocery store, to the interface in my car, down to the websites I visit each day, being able to visualize and experience information easily is a critical part of design. Infographics were born for that very same purpose, to take the complex and simplify it or capture it in a way where the viewer can easily draw conclusions from the information. If you’ve been anywhere on the web you’ve likely seen a slew of infographics plastered all over Pinterest or your favorite websites and blogs.

Cool Infographics does a fantastic job at capturing some of the best and most interesting infographics so rather than talk about a problem that is already solved, I figure I’ll walk you through a few of my recent favorite examples of data visualizations that help tell a story, evoke an emotion or speed up ones access to research.

Infographics that make us remember

Storytelling is one of the oldest forms of sharing information and the thing that legends are made of. Making one remember their past is a sure-fire way to truly capture the attention of your viewer. Foursquare’s recent partnership with Samsung to launch their Time Machine is a great example of how data can be visualized in a way to make us remember not just where we are, but we’re we’ve been. Tapping into viewers’ memories is a key way to trigger emotion to your viewer. Their time machine let’s you login with your foursquare account and you can take a trip down memory lane to see all the places you’ve checked into and explore that data in a very intuitive, interactive fashion.  (https://foursquare.com/timemachine)

Infographics as a research tool

With so much data at our fingertips one Google search away, being able to drill down to find the information we’re are after is a critical need. Google’s Consumer Barometer and Real-Time Insight Finder let you browse their databases in a very visual way and look into how consumers are using the Internet, searching for and buying products, and what ways they are connecting to the internet.

Google’s Real-Time Insight Finder: www.google.com/think/tools/real-time-insights.html

Google’s Consumer Barometer: www.consumerbarometer.com

Our Facebook vs Twitter infographic, received almost 13 million page views since we posted it, with reshares, likes, tweets and pins all over the internet but aside from asking us to update it with new data, the biggest request from users was the ability to see it interactive and give the ability to segment and view the data in different ways. I feel Google is doing a fantastic job at making information fun and intuitive to access and doing it with the perfect blend of form and function.

Infographics that show you how it works.

I absolutely love these infographics because they take complex devices and break them down in a beautiful designed, easy to understand way in the form of a cross-section view while incorporating aspects of the popular flat-design visual style.

Why they work so well?

We’re visual beings with almost 50% of our brains being used for processing visuals. People’s attention spans are decreasing by the day due to the sheer amount of information that they are presented with. Give someone the ability to quickly scan something and you are much more likely not to lose their attention.  The good folks at NEOMAM.com put together this great infographic on thirteen reasons why our brains crave infographics, which takes a much deeper dive into the science behind them.

What infographics and data visualizations are inspiring to you these days? Shoot me a tweet and lemme know.

Pete Sena is the founder of Digital Surgeons, a digital-first creative agency that specializes in combining design and technology to connect brands and consumers.

LINKS:

www.digitalsurgeons.com

Twitter: @petesena

LinkedIn: petersena

Ben Harrow - What Makes an Infographic Cool?

Guest Post by Ben Harrow

Infographics are a visual representation of engaging and enlightening statistics or facts - as Randy puts it, “infographics turn data into information”.  Now, a lot of interesting people have said a lot of interesting things about what makes an infographic ‘cool’ - but sometimes, you just have to trust the numbers.  

Infographics aim to go ‘viral’ - to spread to and engage with as many people as possible. However, with the sheer amount being produced now, it’s incredibly difficult to stand out and it takes something special to really make a mark in the popularity stakes.

So, what’s wrong with going simple? Let’s look at the coolest infographics - by the views.

The Top 3 - News by Design

News by Design is (obviously) our project - and we basically want to show off the infographics that tell a newsworthy story in a beautiful way.

The most viewed pieces since our inception?

1. How we hit 7 billion
2. Beep - a f**king infographic (beware - it features lots of swearing)
3. The ‘big infographic’ trend

The top 3 certainly cover the bases - with a video infographic with some real-world interaction and some huge, huge infographics featured - as well as a whole heap of swearing.  But, that number 1 definitely shouts out about one thing that can make an infographic cool - a totally unique approach.

I’m very happy that a video infographic (of sorts) topped the table - it immediately brings to light the benefits of doing something hugely creative and putting some thought (and love) into a project.

And yes, for an infographic to be cool, it doesn’t have to be a straight forward up and down affair - visualising the influence of birth and death rates simultaneously using drips and drops makes the constant ebb and flow of population a beautiful and instantly understandable thing.

The subject matter also brings to light another point - the rapid global population increase is a very serious topic, and covering important issues is a great way to immediately engage viewers and appeal to a specific audience, especially if you break it down in an attractive and digestible way.

In short, this infographic tells you that the very coolest examples are original, innovative, and can, of course, feature some serious or controversial subject matter. That, and creating something utterly beautiful always helps.

The Top 3 - Visual.ly

Visual.ly is one of my personal favourite resources for finding quality infographics - most designers worth their salt know that adding their designs to the giant Visual.ly database will help gather views and begin the sharing process.

The three most viewed pieces in the history of Visual.ly?

1. What are the odds?
2. Should I text him?
3. 30 shots

Now, this makes for an interesting Top 3 - a somewhat standard-form infographic, a flow-chart and a poster all make the grade here.  Although not all ‘infographics’ per-say, the visual representation of jokes, stories and, well, alcohol, are massively engaging for an audience when done correctly.

But, Visual.ly’s own infographic nabbed the top spot - a sleek and slick design that mirrors the Visual.ly house style and colour scheme is a plus, and the vertical flow of the information, guided by the neon pink line, is nothing out of the ordinary but definitely effective.

What matters here are the numbers - carefully explained and intricately entwined statistics that map out the likelihood that you exist as you are today. Now, ignoring the controversy in the math itself, (check the comments for some elaboration) it is a very cool concept, and philosophical content is always particularly engaging as it encourages the viewer to think rather than just read.

This infographic shows off the appeal of blowing the reader’s mind - introducing ideas and concepts that reflect on everyday life but will create endless amounts of talk value (as soon as 1 in 10^2,685,000 appears on page, you know you’re talking about something pretty intense).

However, a cool infographic definitely needs a helping hand - and Visual.ly owning the most viewed infographic on their entire site speaks volumes about distribution.  A great infographic won’t always sell itself, and it takes hard work to get the word out there.

The Top 3 - Cool Infographics

What kind of guest-blogger would I be if I didn’t hat tip to our gracious host?  You already know what Randy does, it’s why you’re here - Cool Infographics collects and reviews infographics to see if they cut the mustard.

And the three that really made the grade?

1. The Caffeine Poster
2. Guinness vs. Beer
3. Comparing Hurricane Disasters: Sandy vs. Katrina

Now, despite more fun with alcohol, this Top 3 has something else of interest - the interpretation of official statistics and data. The comparing hurricanes graphic, although somewhat basic in design, looks at data that effects people and is newsworthy in itself - and presents it in a quick to digest format. Always appealing.

But one of Randy’s own doodles made the grade here - the already three-and-a-half years old Caffeine Poster.

Randy admits in the ‘making of’ posts that he isn’t a graphic designer - but that isn’t what’s important in this graphic.

When it was produced, the art of the infographic was still a relatively new thing, and there weren’t many truly innovative pieces floating around. Randy took something that is a widely discussed media topic, is important in our everyday lives (or at least, influential and awakening - caffeine)  and is directly comparable from one product to another, and combined it to make something instantly shareable.

‘Caffeine intoxication’ is a terrifying prospect - otherwise known as the ‘jitters’ you get after ingesting 300mg of caffeine (or one can of Jolt energy!). That, and I had never thought of caffeine in terms of chemistry and biology - but its ‘half-life’ is an interesting topic (4.9 hours is the time it takes for your body to flush out half the caffeine ingested).

What makes this infographic cool is the talk value - looking at your friend who’s drinking a tall Starbucks coffee and going ‘you’re drinking 5 cans of coke in caffeine right there’, or looking at your second can of Monster and preparing for the jitters. That, and the real-world application - discussing something that is relevant to everyone in a way they have not seen or heard before.

Drawing comparisons helps too - allowing the reader to immediately compare and rank recognisable objects or themes is a tool that can never be under-estimated. Because it works so fiercely well.

So, what makes an infographic cool?

Let’s go back through the list.

Cool infographics are original, innovative and cover important subjects.

They provide talk-value, draw comparisons, focus on real-world topics and more often than not blow the reader’s mind.

Throw in some quality design, functional layout, and some healthy distribution, and you’re probably well on the way.

And of course, make it beautiful.

___

I have to admit, I’m surprised that innovative visual elements and really intuitive/interactive design didn’t feature particularly strongly in these lists - is the idea and the concept more important than the visual product? Is the story more important than the vehicle when it comes to making a really cool infographic?

I’d love to know your thoughts on those most viewed lists - do you think they reflect the world of infographics well, or is there something major missing?

Ben Harrow is the Digital Editor at UK-based national news agency 72point, selling in stories to the national newspapers and creating infographics alongside. He is also the co-founder of News by Design, which praises the infographics that tell brilliant stories in  an engaging visual way.

LINKS:

news-by-design.com

Twitter: @newsbydesignuk

Matt Siltala - What Makes an Infographic Cool?

Guest Post by Matt Siltala

“Cool” infographics effectively build links, drive social shares, and create buzz in a unique way.  There are many that would call infographics a “fad” or “tactic”, but I don’t think of infographic marketing so much as a tactic, but more of one important piece to an overall marketing puzzle.

I analyze a lot of infographics and find that those that catch my attention have also caught the attention of many others, and that ‘s reflected in the social mentions (specifically retweets).  You’ll typically see a correlation in the number of shares on Facebook, the links built, and especially the comments.  The comments are very telling!

I guess that answer was more about the results of the infographic, rather than the makeup of the infographic, so let’s talk about the makeup:

1. Design - Is the design distracting or does it build the story?  Is the design unique, new and refreshing?  How clean and easy to read and follow graphic?  With so many graphics out there, you have to find a way to visually set yours apart without detracting from the story you’re selling.  The graphic does not always have to be a LONG vertical piece that we are used to seeing in this industry.  You can see from our “Social MeOWdia Explained by Cats” piece, the design was critical to show everything right there without scrolling, so it does a better job of telling the story.



2. Story - Does the graphic tell a story?  In my opinion this is probably the most important thing to get right with an infographic.  You must set reader hooks that are easy to understand and that set firmly and early on.   Having a good opener and intro makes all the difference in the world.  This is where you capture your reader.  You can now move into all of those juicy stats and data that really build the story out.
3. Flow - How does the graphic flow?  This is an area where a lot of infographic designs fall short.  They have a hard time visualizing flow without becoming overly wordy.  Your visuals should transcend words whenever possible.
4. Data - How striking is the data?   The key here is to have information that is both fresh and relevant.  Always use up to date survey results or make your own (often times we conduct primary research through SurveyMonkey).  If your graphic displays a unique set of data that can’t be found anywhere else, THIS MAKES the graphic.
5. Shareability - Does it pass the “share test”?  Does your graphic add meaning and perspective to a conversation people want to have?  If so, it passes the share test.

BONUS - Think about what is next in this industry. If you have the budget to make even a simple infographic interactive, you should do so.  We created the “History of Social Media” piece first as a static graphic, but felt it would go over much better if it were interactive, and it did.  We got many compliments on the UI, and being a friendly, easy way to learn a little history lesson.  It is a great research piece for those looking up the history of social media too!

This goes back to what I said earlier about comments.  If you can start or effectively add to a conversation, then you have done your job! We blogged about top notch infographics earlier this year and really hit this point in more depth if you want to read more.  

I will be the first to admit I have put out some bad infographics, but the more I try to live within the walls of the 5 points above, the better my graphics get.  For those of you listening to the “infographics are dead” hype, let me assure you that visualization is not going away.  I have been working with infographics for the better part of a decade, long before most marketers had ever heard of them, and the majority of my new clients still don’t know what they are.  My point is this, marketers see a lot of infographics just like we do linkbait and all of the other marketing puzzle pieces, but the rest of the world still finds data visualization a refreshing way to tell a story, share good content, and build brand authority.

So, if you put out conversation-starting, story-telling, “cool” infographics, the social mentions will come, the links will build, and the brand recognition will grow.  That is never going to change or go away.  

This post would be never-ending if I shared all of the infographics I loved out there, so for the sake of time I will just share this link to my company’s porfolio of Infographics.  

Matt Siltala is the President of @AvalaunchMedia.  The company does Content Marketing, Data Visualization, Social Promotion, Web Design, SEO & PPC.  Matt is also a regular Search Industry Speaker.

Twitter:  @Matt_Siltala 

Dean Meyers - What Makes an Infographic Cool?

Guest post by Dean Meyers

Gun Deaths, Infographics, and Emotional Storytelling

How do we get emotionally connected to a story? By finding where we can relate or empathize at the personal level. The best infographics tell their stories with emotional impact, helping us relate to the facts or the results of actions rather than just displaying them. Otherwise, they become yet another collection of data, perhaps with some striking visuals to make them appealing, but not much better than the spreadsheets they come from. The most memorable infographics will have a strong storytelling component that resonates with us emotionally.

As an example, during the rush to expose data due to the heated battles over gun control after the Newtown shootings, I saw a lot of infographics where data is displayed on a map. This is typical of what I found:  (see http://www.motherjones.com/politics/2012/07/mass-shootings-map). 

Even though there is some slight interaction with the map on this page, it’s still a pretty cold reading of data. Interactivity and facts, yes, but how can I connect with this information?

Here is an interactive infographic that tells us the effect of people killed by guns in a much more personal way: 

Stolen years from a life… Who wouldn’t be drawn into discover more about the facts shown here? We all think about our lifespan, and this infographic takes thousands of potentially anonymous datapoints and allows us to both see the mass effect or lets us drill down in a variety of ways to these very personal, relatable stories. 

Another feature that heightens the emotional effectiveness of this infographic is the way it creates the display. The screen shot below shows how the image starts building, from a single arc representing one lifetime, which changes color at the point the victim loses his life. It’s like watching a shooting star, launching into its glowing path but losing its color the moment life ends before finishing the grand arc. Powerful and personal. The chart builds quite dramatically, showing the first three shootings one by one as arcs slowly shoot across the dark background. It then rapidly fills in the rest of the display in less than a minute, both to show us a flood of incidents and also keeping us from getting bored as thousands of curves are drawn and the numbers pile up.

In another view, more information is revealed which, true to the storyteller’s intent, gives us yet more information that carries the emotional weight of “that could be me, or someone I know and love”. Here I have selected the data for fatal shootings of 21 year olds, to highlight how many deaths from guns have occurred so far this year to these young people. Without resorting to pictures, icons or symbols, the graph combined with the text highlights the sad fact that so many young people died that, otherwise would not have been at risk. Again, a powerful message, and one that is intended to reach us emotionally.

I recommend bookmarking the site (http://guns.periscopic.com/?year=2013) and revisiting every few weeks, as the data for 2013 is being updated regularly. The creators of the infographic, periscopic.com, have the motto, “do good with data—socially conscious information visualization”, and take storytelling to heart. They have avoided the cliches of trying to impress strictly with big numbers, or, from the other side, telling the stories of the killers. Instead, they focus on the story of the victims, people like us, and make the data that much more meaningful and memorable.

Whether static or interactive, an infographic will have the greatest resonance and be most memorable when it tells a story that touches our emotions. When we find ourselves within that story, either as the subject or when we can comprehend the information as it might relate to us, we are compelled to pay attention and remember. To create a powerful infographic, save the big graphics and clever images. Dig into the information and find the story that means something to us all.

Visual Problem-Solver Dean Meyers combines creativity, design, marketing and training experience to facilitate visual thinking in a wide variety of business, educational and strategic settings.  Dean has worked in the dual fields of graphic design and technology since the mid-80’s, when he worked for Apple Computer at the launch of the Macintosh in international markets. His career has taken him from leading ad agency graphic departments into web design and development in the mid-90’s to his current practice of improving communications in user experience, general business strategy and education through his work as a visual facilitator. His interest in infographics focuses on interactivity and better storytelling across multiple media. He has been seen giving workshops and graphically recording for events including South by Southwest, the World Innovation Forum, Picnic (Amsterdam), Business Innovation Factory, Pop!Tech, LeanUX NYC and TEDMED. 

LINKS:

www.vizbiztools.com

Twitter: @deanmeistr

Facebook: https://www.facebook.com/vizbiztools

Flickr: http://www.flickr.com/photos/deanmeyers/collections/72157622622863701/

Pinterest: http://pinterest.com/deanmeyers/

Curated content about Visual Innovation:  http://www.scoop.it/t/visual-innovation