3 Tips for Creating the Perfect Infographic (Ironically not an Infographic)

Not a real infographic

Not a real infographic! Image by {a href="http://bigstockphoto.com"}BigStock Photo{/a}

If you were to hold the edge of your hand across your throat, just under your chin, that would be the “here” I’ve had it up to with the infographic craze.

I know I’m not alone.

But I’m not here to rant… I’m here to help.

Because people just freaking love the damn things and if you want to get in on the action, it’s easier than ever. It’s also easy to create stupid, lame infographics.

There is a very good reason for displaying information in a visual format: because it conveys understanding more powerfully than any other format such as text, video or audio. You’re welcome to disagree with me on this, but I’m of the opinion that any other reason for an infographic isn’t good enough.

You know why people create charts and graphs? Because that’s the best way to instantly understand changes and measurements taken for a set of data.

So let’s talk about how to create the perfect infographic:

1. Accompany your infographic with text

Infographics have no text which can be electronically read, which is bad for SEO and tends to piss off blind people.

At least, not yet. So unless you create a correct title (as in the HTML title tag), permalink, headline and body text, your infographic will score a big fat SEO zero. On the plus side, if it gets shared a lot, it won’t create a duplicate content issue.

There are millions (PDF document) of blind people and others with some kind of impared vision. Because of the efforts of these people and their advocates, we have laws in the United States and elsewhere in the world that regulate how certain things like buildings and webpages are to be constructed. These laws may not actually apply to you, but it’s been the consensus among conscientious web designers & developers that web content be as accessible as possible. One of the big no-no’s was text within images. And what is an infographic? Often it’s text within images… just what blind people LOVE.

Here’s where the delicious irony part comes in: if you can present all the information in your infographic as text and provide alongside infographic… then maybe you didn’t need to have an infographic in the first place. Not always… but maybe. Something to think about.

Lastly, translation software can’t read infographics, either. So there goes anyone who doesn’t speak your language as well as all the visually impaired and SEO.

Good job.

So when you post your infographic, be sure to give it context by including relevant text information in your post: Good for SEO, good for the visually impaired and it’s able to be electronically translated.

2. Your infographic must have charts or graphs

I avoid broad statements that use words like “never” and “always.” But remember when above I asked the question: why do people create charts and graphs? The answer (for those of you suffering from short-term memory loss) is that they are the best way to convey certain kinds of information. If the data you’re working with can’t be displayed somehow as a chart or graph, you’d really have to question why you’re bothering with an infographic in the first place (probably it’s just because everyone else is doing it, and we all know leaders do what everybody else does, right?).

If you want to show trends over time or some other kind of change, or you want to visually show categories of data so that viewers can instantly make comparisons and understand your point at a glance, then charts and graphs (and by extension, infographics) are the way to go.

If your infographic is just a bunch of fancy font text and vector clip-art from a stock image site, as far as I’m concerned you’re likely doing it wrong.

You want examples? Here ya go. How to do it right, presented by the U.S. Census: Then and Now – 1940 and 2010. Now that’s an infographic. That information would not be as compelling if it were just text. The charts really drive home the differences between the two datasets.

Here’s good example is: Is Technology Racist? At first glance there’s still too much “info” (boring text) and not enough “graphic.” However, when you look at the chart that shows the disparity between whites and people of color, the impact is immediate because you understand it at a glance. Well done!

And racism (especially when it’s revealed among a group of people who don’t consider themselves racist) is a hot-button issue that gets reactions and gets shared. Again, well done.

3. Your infographic needs to be vertically linear

Huh?

Vertically what?

Infographics are meant to be vertically long and vertically scrolled. What you get out of this experience as a viewer is that as you scroll down, more information is revealed which, ideally, builds to an ultimate effect. But if your infographic lacks continuity and forces the viewer to scroll up and down repeatedly to follow along, you blew it.

Think of it like a vertical timeline (Facebook says hi). The top of the infographic is the beginning of your “story,” the bottom is the end. How do you want the story you’re telling with your infographic to end? What’s the punchline? The call to action?

What would you say?

These are only three tips. Surely, there are more. What has your experience been with using infographics? Do you have any tips to share? Pitfalls to avoid? Let us know in the comments and share this post with your friends so they can chime in, too.

 

  • http://www.cordlessimpactdriverhq.com Nat

    On the idea of ‘needs charts or graphs’ – I think a even more generally you could state: you need to have _data_ of some kind.

    By thinking about what data you have, you can maybe come up with good ways to visualize it. A chart or graph would be a couple specific examples, but there might be other ways.

    (I guess ‘chart’ is pretty general, so maybe that covers what I’m saying, but to me a chart is something like a flow-chart – I wouldn’t consider a heat-map image a chart)

    Heck, even the awful tag clouds are a way of visualizing the relative popularity/usage of a word.

    Great post though – great points to think about.

    • http://remarkablogger.com Michael Martine

      Chart is a rather all-encompassing term. Visual representation of data might be more accurate but it’s also 10 more syllables. :)

  • http://Policemag.com Paul

    Goid post. What tools do you recommend for creating info graphics? Thanks!

    • http://remarkablogger.com Michael Martine

      That is the subject of a future post. :)

  • http://www.laestrategiablog.com/eng Jenifer J.

    You have just scored big bold points with me as I sip my morning coffee by the window on a rainy gray day in Barcelona.

    Big bold point one: driving home the important issue of vision impairment and blindness as a real live part of our functioning, hungry- for -learning, consuming population. Bravo.

    Big bold point two: weaving into the conversation, oh so masterfully, the underdiscussed reality of racisim in technology.

    The usual points three and four: good, solid, smiling reflections about infografics.

    Got me reved for a day that, funnily enough, will be filled with graphic development, marketing strategy and product development for a second generation social network.

    Thanks for that,

    Jenifer

    • http://remarkablogger.com Michael Martine

      Glad you liked it. Side note: it’s no surprise the infographic craze correlates to the tablet/smartphone trend. You’d think that would also be bad for folks with various disabilities, but not so. An iPad can be used as a text-to-speech synthesizer for those who cannot speak (such as ALS sufferers) and hopefully technologies like Siri can be of aid to the visually impaired.

  • http://www.troublesometots.com/ Alexis

    Ditto on the question about software to make a good infographic. This has been on my to-do list for a while but I need to find some decent software to work with. My goal is actually more of a flow-chart infographic however one that isn’t as dull, complicated, or just plain off-putting as the term “flow-chart” would suggest ;)

    • http://remarkablogger.com Michael Martine

      I’ll be posting about this soon, but you may find it helpful to know that if you were to do an online search, charting software and infographic software are separate categories.

  • http://blogcontentsecrets.com/ Tom

    Thanks for the shout-out for visually impaired people & ditto Jenifer J.’s point.

    I’ve just learned the value of using alt text to label my pics. A timely reminder for everyone that infographics should be informative, have a purpose, supply that purpose & be apt.

    @CopyByTom

    • http://remarkablogger.com Michael Martine

      Glad you agree. Alt text is actually required for valid HTML.

  • http://www.heartspoken.com Elizabeth Cottrell

    Great information and great discussion, Michael.

    Even beyond visual impairment, there are lots of different preferred learning styles. I, for one, find infographics confusing and distracting until I’ve sat with them a few minutes and gotten oriented. Give me an illustrated article to read any day of the week over an infographic. The infographic rage is making me crazy and contributing to my sense of information overload.

    My point – offer your information in a choice of styles (including audio and video) and your readers can select what works for them.

    • http://remarkablogger.com Michael Martine

      Thanks for sharing your thoughts. I would say a good infographic wouldn’t require much orientation. Infographics seem to be a hybrid form that’s part article and part chart that works very well on smartphones and tablets. Without these devices and social media, there would be no infographic craze at all.

      Your point about media to match learning modality is well-taken. Unfortunately it’s prohibitive to many in terms of time and effort to create content for multiple channels for free content. This is why you see a weekly podcast but not audio provided with every blog post, for example.

  • Mark Lambert

    An infographic wouldn’t be complete without an accompanying text or explanation. Do you have any software to use that would generate cool infographics instantly?

    -Mark

    • http://remarkablogger.com Michael Martine

      Mark, there are a few budding online services out there for this. I’ll be covering them soon in another post.

    • http://windowtreatmentslosangeles.net/blog/ Joe

      here is a link http://www.makeuseof.com/tag/awesome-free-tools-infographics/ to some free tools to create infographics. I really like the Google public data tool. It is fairly easy to change the data to adapt it to your needs.

  • http://www.clickandinc.com/blog Sarah Kolb

    I could practically feel the ironic eye-rolling — hilarious post!

    Of course, you could also learn from the politicians and create a purposefully confusing infographic just to make clear waters appear muddy (as opposed to the other way around) and blame the other guy…

    • http://remarkablogger.com Michael Martine

      Ha ha, yes, and while you’re explaining your infographic during your interview on FOX News you can say things like: “Clearly…” and “As you can see right here, plain as day…” :)

  • http://goo.gl/SHf2A Donna Montalcino

    I have to admit I am a real sucker for a good joke. Therefore, I love it when the infographic has some amusing cartoons or names in it.

  • http://www.andreaswiedler.com Andrea Swiedler

    I do some graphs, and I happen to like them. I can understand more from something visual, then I like to go to the written documentation. This has gotten me to think that perhaps I need more. And I just got an idea!

  • Richard

    These are solid pointers. I would like to add another… Be mindful of the color schemes used. If you are trying to portray a metric as favorable, but use a lot of red, the reader might immediately interpret the information as unfavorable….

  • http://www.alvarorozas.com Alvaro

    I love infographics. The mix between words and visual is the text of the new era.

  • Curt D

    Good tips I’m going to incorporate these… Another cool thing about infographics is the fact that you can put links in them so if they go viral then you are just getting that link out there to so many people. You can’t really do that with audio or video files.

  • http://textmate2.org/ Derek Maak

    I love infographics when they are designed properly, but I really can’t stand the ones where you have to scroll up and down, up and down, up and down, well you get the point.

    Those ones are like movies that go from beginning to end to beginning to the middle, then back to the beginning, then to the end, and then ending in the middle.

    Confused? Yeah, me too.

  • http://blogsnewsreviews.com Astro Gremlin

    I don’t understand things that are not explained with cartoons. Manufacturing jobs sure aren’t as common as they were in 1940. Perhaps if employers explained how to do the jobs with cartoons?

  • http://www.innovus.com.vn Infinova

    This has been on my to-do list for a while but I need to find some decent software to work with

  • http://www.fotovoltaika-systems.gr/ George

    Very nice tips!
    We are expect more in next post.

    Than you Michael

  • http://artofwar.cc Kjartan Johansen

    I’ve found the Google Charting API to be one of the better tools for respresenting visual data within a web page, since you can just throw it a URL and you get back a rendered image, which is very handy. It’s quite easy to use, and there’s good help resources available.

    On a side topic, for anyone interested, pie charts are reasonably widely considered to be an ineffective way of presenting data visually, despite their popularity. I could go into great detail here, but I think the Wikipedia article does a great job of articulating the issues with pie charts: http://en.wikipedia.org/wiki/Pie_chart#Use.2C_effectiveness_and_visual_perception

  • http://www.wowtotalcleaning.com/ Mary Lebronase

    Great tips -

    To add on to the vertical linear topic, people are more intrigued when there is a good “flow” of information. You can think of it as a flow chart effect.

    Also, devising a color scheme for your infographic is an important step. The right use of colors could help out with the flow of your information.

  • Pingback: 30+ website to submit your Infographics

  • http://www.authorland.net/ Vivek@authorland

    Wow its really wonderful article to learn more about Perfect Infographic. Well basically it has seen that mostly people commit basic & common mistake.

Headway ad
Headway