The Do’s And Don’ts Of Infographic Design: Revisited

Advertisement

Editor’s Note: Last Friday, we published an article on the Do’s And Don’ts Of Infographic Design1 written by Amy Balliett which raised quite a discussion within the design community. Some readers agreed, some readers found examples contradictory, and some readers felt that there were some problems with the article which should be addressed in a further article. Nathan Yau was kind enough to write a counter piece arguing about the practices and examples presented within the original article. This article is his response to Amy’s article published a week ago. Please notice that the main point of this article is to show a different perspective at the points mentioned in the original article; it isn’t supposed to be a “corrected” guide to infographic design.

Smashing Magazine offered advice on the “Dos And Don’ts Of Infographic Design“, but they forgot to include the former. It’s as if I wrote a fake post and someone mistook it for a serious guide. Written by Amy Balliett, it seems to me that the post is basically about a couple of tips on how to create linkbait that doesn’t work. Or at least I hope it doesn’t. Many of the dos are actually dont’s, and judging by some of the comments that the article had received, it’s worth pointing out what’s what.

Data Makes Infographics Unique

Let’s take it from the top.

“Infographics are visual representations of information, or “data viz” as the cool kids call it these days. The term “data viz” comes from “data visualization,” which implies that sets of data will be displayed in a unique way that can be seen, rather than read.”

I’m not going to get into the semantics. That’s for people who are smarter (and cooler) than me, but the obsession with a visually unique result is overdone. Sure, you want your graphic to be compelling, but that comes from the data or the information. You’re just trying to make bad design look like good design if you do it any other way: it looks good from far away, but as soon as you take a taste, you realize that there is something fishy going on.

It’s tempting to approach infographics from purely a design and aesthetics perspective, but that’s only one half of the equation. Data is the other (and more important) half. Data is the foundation of every infographic, so when you have a dataset on hand, take the time to learn what it’s about, where it’s from, the methodology behind the estimates and what makes it interesting and unique.

Representing Data

Next up, which refers to the graphic above:

“What’s wrong with this infographic? It breaks the first rule right out of the gate. When you have an opportunity to display information visually, take it. Here, the tweets per second could have at least been shown in a bar graph.”

What? We all know the first rule of infographic design is to not talk about infographic design. I guess that’s implied. After that though, the first thing wrong is that there are numbers? What about that gauge on the left without any labels? What does it mean?

Most run-of-the-mill infographics take a few data points and make it look like a lot with big things. This is both a reflection of the data on hand and the creator’s data comprehension.

It gets worse.

Two alternatives to the above are offered. Do you choose the very boring, generic graph A or the very cool and round graph B?


Making a choice between accurate and “regular” or inaccurate and “unique.”

I hope you didn’t answer graph A. If so, you’re wrong.

“If you answered Graph B, you’re catching on. Of course, not all data lends itself to creative and unique graphs. Graph A might work very well if the rest of the infographic shared a similar aesthetic. Sometimes you just have to bite the bullet and produce a traditional bar graph or pie chart; nevertheless, always consider ways to dress it up [...]“

It’s that obsession with unique again. The problem isn’t the bar chart. It’s that there’s only five data points occupying a lot of screen space. Plus, the speedometer makes variance for the tweet rates look way more than it actually is, because the method uses arc length as its visual cue. The accuracy in representation, and thus a compromise in the story being told, is sacrificed to look different.

A more useful graphic would provide more context to the events that these numbers describe. What made the Women’s World Cup Final so much more exciting than Super Bowl 2011? Which final was it? Was it really more exciting? When were these measurements taken? Are they the peaks of each event or is it a mix? Were there more tweets because there were more Twitter users at the time? Was it because the time of the day each thing happened? Tell people something — anything — more about the data.

Applying General Design To Infographics

The second half of Balliett’s post covers mostly general design tips such as color and focus, so it’s less rough, but the examples aren’t any better. They simply try too hard to look “visually compelling.”

Remember that design isn’t just about making things pretty. It’s about making things work, and in the case of infographics, that means representing data accurately and clearly. It means letting the data speak and not putting extraneous icons all over the place to obscure what’s important.

I’m not saying strip your infographics down to barebones wireframes. But do think about what you’re showing and what you really want to focus on.

Once you’ve got that covered, you can bring in design elements that can evoke an emotion or portray an important image.

For example, here’s a map that shows where major airlines flew in the United States during February 2011.

2
Designing with the data in mind to highlight more frequent flights

More frequent flights are shown more prominently with a brighter shade of white and some blue, whereas less common flights aren’t as visually dominant. Also, a darker map helps with context but doesn’t get in the way. Let data do the talking, and you can use design to tell that story more clearly.

Wrapping Up

Bottom line: when it comes to information graphics, it should always be data and information first, and then you design around that. For that to happen, you have to learn more about data — how to work with it, where it comes from, and what it represents in the real world. Data can be beautiful when you realize the latter, and when you do, you won’t have to work so hard to catch the eyes of readers, because the story behind the numbers and spreadsheets will shine through.

A couple of years ago, big infographics with little substance were able to draw in lots of visitors because they were something new to look at. However, now these sort of infographics draw backlash. You have to put in the time to think about the story you want to tell and show some actual insight.

Using my suggestion box as an indicator, I can tell you readers used to send in these sort of infographics all the time. I even posted some for their novelty. Today readers demand more, and the only people who send me novelty linkbait now are “SEO experts” and “content managers.” Those emails are deleted right away.

When designing infographics, do analyze and understand the data. Don’t sacrifice accuracy, clarity and ultimately, an interesting story just to make something look unique.

What Do You Think?

(vf) (il)

↑ Back to topShare on Twitter

Nathan Yau runs FlowingData, a site on design, visualization, and statistics and is the author of Visualize This. He is a statistics PhD candidate and has a background in eating.

  1. 1

    Kudos to the editors for recognizing the errors of the original article but this post isn’t very helpful either.

    The readers already knew the original article was wrong. But if you’re going to rectify that, why not give more examples of better infographics and helpful explanations of how to make them?

    This article looks too much like a piece-by-piece deconstruction of the original contentious post.

    37
  2. 2

    I liked the first post far better. The first post was about design only. From what I can tell, it assumed the designer already had good data and was onto the next step: design. This is a blog about design isn’t it? I appreciated the post because it spoke to what most clients want and as a designer it’s often hard to swallow my pride and design for the client when they ask for this stuff. I agree that these overly unique visualizations aren’t always the best, but clients don’t. It looks like the quote you pulled from the previous post is taken out of context too. She had asked which graph was a more unique visualization of the data which graph b is. Then the author makes it clear that graph a can work as well so she isnt saying to avoid it. Seems to me like a lot of designers don’t want infographics to be so intricate or original, but that’s a cop out. We all hate it when clients want complex and cluttered, but we all grin and bare it to get paid. These types of infographics are everywhere because there always has to be supply for demand. I think the other article covers this very well whereas this article just proves the point further: that flight example is confusing and boring. No client of mine would like it on an infographic. This article talks about visualizing one data set. That’s good if that’s what your client wants, but my client want pieces that are 5000 pixels long and telling a story with many data sets. To keep the viewer engaged, unique graphs are the only way to go. In the end that’s link bait, but it’s also the only way my clients can measure the success of an infographic (ROI) and the only way they can justify a budget to hire me again. Design however you want, but in the end if you are trying to pay your bills you have to do what te client wants and it’s not what this article describes its what the original one nails.

    -25
    • 3

      need.

      more.

      paragraphs.

      18
    • 4

      @Jessica — When it comes to infographic design though, data and design are intertwined, so it’s an iterative process. The ROI on big infographics described in the first post is coming down quickly, and it’s already easy to see that the designers who do infographics and know how to deal with data are the ones who have great clients and can charge higher rates.

      0
      • 5

        hey Nathan. I think it’s great that people like Jessica speak up. While I don’t agree with her points, I also don’t have to do what clients say to get paid. I guess the clients, not the designers, are the ones to educate.

        4
        • 6

          Jerome -

          You beat me to my own comment. As a consultant, my rule is not just to blindly do what the client wants. My role is to work with the client, starting with the data and proceeding through exploration to the final output. If my suggestions are not appreciated, I can leave our the client can fire me. But there’s no call to practice what I peach against.

          6
    • 7

      @Jessica: You obviously haven’t heard of Edward Tufte.

      -4
      • 8

        @RoCer: You obviously didn’t read Edward Tufte very thoroughly…

        He deliberately sidesteps constraints like clients’ business needs or imperfect data, focusing on pure end results only, setting himself up as a deliberately elitist curator of a data visualisation museum and using his books to show that data graphics can be appreciated as an art form: an academic, writing for connoisseurs.

        His books are great at setting a high standard to aspire to when the opportunity presents itself, and contain valuable principles and examples, but they’re about a very specific thing: purity and power in data led design, with an emphasis on aiding analysis. The day-to-day work of people like Jessica is often about a very different thing: eyecatching and memorable design, with an emphasis on communication.

        These two goals don’t need to be in opposition, and most briefs require a delicate balance of both, Quite often, however, compromises are needed, and one isn’t a substitute for the other.

        I often see people tying themselves in knots, taking briefs that demand simple, clear, eye-catching communication and mangling them in a doomed attempt to spin something pure and Tufte-like out of a data set and brief that simply isn’t suitable. Here’s an example that makes me laugh, where a guy takes a visually striking graphic that works and ‘corrects’ it into a confusing graphic that looks like a Subbuteo table left out in the rain: http://well-formed-data.net/archives/669/on-the-role-of-bacon-in-visualization

        3
    • 9

      @Jessica — It sounds to me like you’re confusing Design with Decoration.

      Design is much more than making stuff look pretty; it’s about communication. If the communication fails the design has failed, and you’ve failed your client.

      10
  3. 10

    Nathan and Amy,

    If after comparing the bar chart and the speedometer you feel the speedometer is a more effective visual representation, your symptoms are concerning. They point to an alarming trend that spreads virus-like afflicting many people across frontiers. This phenomenon particularly affects the young. You can see these people all over. Instinctively needing to to make their mark and demonstrate that their contribution has been an innovation, people everywhere contend that ‘new’ equals innovation and improvement while present-day models that have proved their worth over the test of time are rubbished and labelled ‘boring’ or ‘clichéd’. Nowadays, everything is assigned a shelf-life after which it is discarded onto the slagheap of uselessness, deserving or otherwise.

    I maintain that bar chart wins this one hands down because
    1. the linearity of the bar chart helps it to be perceived quicker than the speedometer.
    2. the arrangement of colours provide more contrast
    3. the units do not obfuscate or obscure the view
    4. the side-by-side event ranking makes comparisons much easier than on the speedometer.

    (If you measure and compare the width and height of the both, I think you’ll find the bar chart also occupies less space.)

    But forget about those salient points because look! the speedometer is ‘cool’.

    23
  4. 12

    I always thought that “data goes first” is sine qua non of the infographics and everyone knows it. Turns out, I was wrong. The point of visual data presentation is to help the reader to understand the data, see the patterns that otherwise would remain hidden, and not to impress him with the abilities of designer. If you have two numbers, the best inforgraphics for them will be to just right them in your text, instead of occupying the space and readers time with junk decorations. The author of the first article forgot this principle, and its good that someone took time to state it loud and clear.

    ps. Not using bar charts just because everyone else use bar charts is like not using letters because everyone else uses them.

    12
  5. 13

    Thanks for the post Nathan!!

    We are clearly of 2 different schools of thought on this matter, but I highly appreciate your POV on the subject. I come from a marketing background and use infographics primarily for marketing purposes.

    Regarding data, I agree that finding relevant and appealing data is of the utmost importance. That said, when I suggested my article originally, I had dedicated an entire section to data/research and was asked to only focus on design, this is why there isn’t much about data itself in my post. It’s also important to note that not all data is appealing to the masses. In fact, most infographics have pretty boring data from a mass appeal perspective, but showcase exactly what the client wants to say to their audience. So while data is important, it can’t always be the backbone of an infographic and, many times, the design has to take things to the next level to draw the eye.

    In the end, we are writing about 2 different types of infographics. You provide a great case for clean visualizations, while my post dives into the ways to create the type of infographics that are taking over Google Images (Linkbait? Yes. Successful? Yes). One thing I would change with my post would be to make this fact clear. Instead I just focused on explaining how to design linkbait infographics, without specifying that this is just one type of infographic design. That said, it is the type that we see in the mainstream and what our many clients keep requesting of us.

    While you say the ROI for these infographics is going down, we have not seen this with our clients, in fact we have instead seen the ROI continue to skyrocket for them. There are many great ways to use infographics as linkbait, but I agree that infographics need a cleaner aesthetic with simple data viz when used for non linkbait purposes (we do this for whitepapers, internal reports, flyers, etc). That said, a large majority of infographics are not used for this, they are used for online marketing and require “eye candy” rather than simple visuals. In my opinion, the best designers can design both, not just one or the other.

    2
    • 14

      Getting to the party a bit late here.
      To be honest I have read both articles and what bothers me most is this comment. You’re right in that you should have made your scope clearer.
      I would have assumed that the term infographic in itself implies that information is the core priority. In your comment, you state that to you, in fact, this core priority is marketing. If so, then (imho) you haven’t really been talking about infographics in the fist place.

      0
  6. 15

    Thank you Nathan for this article.

    I think the major flaws with the original article include the idea that basic charts & graphs (bar, line, scatter plot) are somehow NOT data visualization. They are, and when done right, can be graphically compelling as well as informative.

    A primary rule of infographics is that the visual element should add to a reader’s understanding. Amy’s examples fail because they work to obscure the data, and distract with playful imagery. Making the data incomprehensible defeats the purpose. I would direct anyone, who is interested, to the Junk Charts blog (http://junkcharts.typepad.com/) for more on this basic principle of data visualization.

    9
  7. 16

    I don’t know what all the fuss is about. Infographic design is two things, and two things only. There is no reason to make this into some huge deal.

    1. Infographics must make data easier to read. That is the main reason we use them. We don’t like looking at numbers, they’re too arbitrary and mean nothing without context. Visuals make numbers more significant.

    2. Infographics must be accurate (and cite sources). Obviously there is going to be _some_ loss of data when putting numbers into pictures, but the infographic designer has to do his best to minimize this — infographics should be (like the original data) as accurate as possible.

    There are no other rules — infographics don’t have to be unique, they don’t have to blow your mind. The only reason to make data “unique-looking” if it helps Rule #1.

    As always, content is king. This should be emblazoned on the brain of every designer — the second this maxim is forgotten, design fails.

    Also that speedometer has to be the worst visualization of data I have ever seen. To the editors of Smashing Magazine: Thank you for providing a critique of the original post, sometimes I am scared for the legions of designers who follow your articles without question.

    12
    • 17

      Just like Bauhaus School taught us: “Less is more.”

      By the way, I agree the Speedometer, although it looks nice, but it’s hard to understand at a glance and then if you try harder it’s even harder to understand :/

      3
  8. 18

    Whoa there bessy! Let’s all calm down a bit.

    Taken in context, Amy’s article is sound on the principal that it urges us to make the data visualisation a key part of the infographic. Comprehending a set of figures is not as easy as assessing which block of colour is biggest.

    If you are a marketeer and not a designer I think you were very brave to submit to SM with your own graphics and opinions on designing infographics. Could you write a new article which covers infographics from a marketing perspective? I’d be interested in your take on how graphical representation of data can be arranged to provide weight to an argument/concept. Nathan, you point out that the arc length of the speedometer example is distorted. I think that would be a key factor of an infographic designed for marketing purposes. Amy, if that is your field of expertise, lets hear about that from you, and let Nathan or your design team tell us how to make it look good.

    3
  9. 19

    Without getting too philosophical, I think the difference in approach boils down to two distinct approaches to telling compelling stories with data. Marketing is inherently “soft” with regards to it’s use of statistical analysis, and typically presents very high-level summary statistics, often in a predictive or forecasted fashion. The story is often determined before the underlying data is analyzed and summarized. This is somewhat by design, since the message must be short and easy to understand by many people. Marketing stories (infographics) are driven by a desire to change consumer behavior—to help a consumer make a decision to spend money or submit information to a specific business. Much of infographic content must truly be innovative to succeed.

    Data visualization as a tool to analyze complex natural systems is born of a bit “harder” science. The compelling stories are rarely predetermined, and are usually helping us better understand correlations within and between systems that aren’t obvious. Where an infographic strives to innovate, a data visualization strives to discover. Good data visualizations intend to present information with as little bias as possible—hopefully allowing the data user to make a more informed, actionable decision.

    The tension and interplay between innovation and discovery is as old as the hills, and can’t possibly be summarized sufficiently in a comment, but hopefully the general topic can shed some light on the various approaches to telling stories with data.

    3
  10. 20

    Somewhat agree with Mary. I like the first post, but this one is not really helpful at all. Lacks substance and does not tell me anything special.

    1
    • 21

      Daniel Christopher

      January 24, 2012 12:34 am

      I have to agree. The first article at least attempted to provide useful information and examples. I feel like this article could have been summed up with one sentence: “Let’s not forget, accurate display of information is still the ultimate focus of data visualization.”

      That’s great and everything, but probably just could have been appended to the previous article.

      1
  11. 22

    I found both articles interesting, although not really something I’ve worked with, so I won’t comment on the information.

    What I will say is that I appreciate the editors of Smashing – seeing the rebuttal and rather than hiding it, embracing it as an alternative view. Kudos to both authors of course, but especially to the editors for helping to provide the broad spectrum of information that can handle ‘discussion’

    5
  12. 23

    It sounds like some of the other commenters were hoping for a different set of guidelines for creating infographics. Creating interesting, insightful, beautiful graphics around data isn’t easy. Beyond the principles of graphic design there’s the science of analyzing and presenting data. If you are a graphic designer and you want to make ads masquerading as data graphics, or if you want to help poorly trained journalists confuse their readers then the previous article is for you. If you like the visual style of infographics but want to actually communicate something meaningful, pick up some books about data visualization and data science and get reading.

    11
  13. 24

    I am just starting in the world of data viz and graphic design and I realize that I have to be careful in reading of this kind of posts, and I have to be more critic as well. I have noticed that bloggers start to write about what works and what don’t. And it is a matter too subjetive.

    I believe that following what the data is telling you, as Nathan pointed out, is maybe the right thing (or just the better way) to tackle the problem. By the way, I highly recommend his book. It is a masterpiece for beginers and not-so beginers.

    Ramiro

    3
  14. 25

    Nathan is absolutely correct. Its the age old battle of designing around content (using dummy text, etc). Infographics are the purest form of content presented to tell a story or make a point. Without solid, supportive, and intriguing data, your infographic will never be great (although it may still look good).

    Great examples of infographics:

    http://www.good.is/infographics

    2
  15. 26

    Thank you, Nathan, for providing your expertise on this subject matter. I found the first article disturbingly focused on making data look “cool.” (Side note, “cool” is obviously subjective. Speedometer?!?! What year is this? Pretty pedestrian example.)

    I certainly hope the readers take your suggestions to heart, Nathan. Without good data literacy, we’ll likely be spreading misinformation.

    2
  16. 27

    Also, a note to the editor… the first graphic wasn’t included in this post.

    5
  17. 28

    Design 101:

    Form follows function.

    (If you can’t comprehend the infographic, it’s no good).

    So it goes…

    -dp

    7
  18. 29

    I guess we now know the source of Gizmodo’s rage:
    http://gizmodo.com/infographic/

    5
  19. 30

    “The fact is that these monstrosities are not infographics. These atrocities are crimes against good taste and everything that infographics really should be. They’re just a bunch of statistics jammed together on horrible vertical pages, bloated with bad drawings and clipart created by primitive monkeys using CorelDRAW! 1.0—graphical disgraces that most often disguise spam, commissioned by iniquitous companies looking to increase traffic to their sites.”

    -2
  20. 31

    As a beginner there was plenty to take away from both articles. The second also helped a great deal by outlining some very important principles that were overlooked in the first.

    It (and many of the comments) also reminded me to seek out other perspectives, and input from various sources. It’s too easy as a beginner to accept everything on great sites like this as the absolute truth (especially when you’re a bit thick like me!)

    0
  21. 32

    In the UK we have an official British Standard for numeric information: BS7581: 1992 A Guide to the Presentation of Tables & Graphs. Its underlying principle is that data should be presented for the convenience of (or, appropriateness to) the intended audience.

    “Appropriateness” changes with the audience. One role of magazines, newspapers & certain websites is to entertain. Newspapers offer crosswords, for instance. A complex graphic that has to be studied or unravelled may amuse and please readers. It may be appropriate.

    On the other hand, serious organisations – say, for instance, accountancy firms, universities, management consultancies, economic forecasters, banks, government agencies, etc. – are not in the business of entertaining stakeholders. They wish to inform. Graphics that tell a story simply are appropriate. A succinct demonstration table, a line graph, etc, is a convenient way to present the data for that audience. Such organisations do not require new & imaginative methods of display.

    If you don’t know your audience, you can’t possibly give them what they need.

    10
    • 33

      Finally. Someone that makes sense in this debate.
      I have been reading the comments on the original post, then this one, and it drives me crazy that all these people seem to just know what “design” is about.
      Design is NOT about about applying form before function. It’s NOT about making things pretty.
      ——————————-
      Design: (noun)
      1. A plan or drawing produced to show the look and function or workings of a building, garment, or other object before it is built or made
      2. The art or action of conceiving of and producing such a plan or drawing
      3. An arrangement of lines or shapes created to form a pattern or decoration
      4. Purpose, planning, or intention that exists or is thought to exist behind an action, fact, or material object
      ——————————-

      That’s about it, people, any other definition is simply your own. The original author obviously views design from another angle than the second author. None is more “right” or “wrong”.

      Furthermore, in real-life situations, “guiding your client” is definitely NOT about applying Smashing Mag principle. Design principles are thought up by designers, for designers. They make a great thinking experiment, provide guidelines and “thinking blueprints”. But more than a few times, I followed what the client wanted, knowing that whatever I might think, THEY know their audience better, to great results (in numbers), but horrible design (in my eyes). Sometimes too, I fought to convince the client of my DesignerPatternApproved(tm) design, to great failure. And most of the time, a bit of both.

      So thank you Sally

      – note: Just for the record, I am actually of the school of thought that would not agree with Amy, but I am just pissed off at how self-righteous so many people are.

      0
  22. 34

    The previous article on this topic was very much misinformed, I have no idea how having eye catchy visuals would help deliver informatoin. In my opinion, the key challenge to inforgraphics is about summarizing a huge amount of data, and having it presented in an easy to understand manner for the intended audience and their context.

    Sounds simple, but I guess its a tough concept to grasp, especially for people like the writer of the initial post on this topic.

    As for this counter writeup, its well said, short, sweet, and straight to the point. Thanks for the read Nathan, Thumbs Up to an excellent post.

    -2
  23. 35

    I think this articles speaks simple and in general terms, which i think it’s fine since it’s a response to the previous one. What I like is that there’s a community that are passionate about it and that makes me feel part of a bunch, not a lot of designers work on complex pieces like an infograph.
    It’s a very broad topic and there will always be debate surrounding it.

    Also, kudos for Amy Balliett for writing that first piece and prompt everyone to a professional discussion.

    1
  24. 36

    Interesting that Smashing should post a kind of rebuttal to the previous article. In some respects, I consider it a smart move. I think Nathan’s (brief) take aligns more with the Tufte school, which I agree with and appreciate. At the same time, I can’t help but feel like Smashing is being a bit unfair to its writers. I mean why publish Amy’s article if you’re going to have another writer pick it apart later? If it’s a good article and one the magazine can stand by, there’s no need to put Amy on the chopping block. If it’s not an article you can stand by, don’t publish it. I find this “Amy vs. Nathan – FIGHT!” approach in bad taste. This is starting to look like CNN…

    6
    • 37

      David, thank you for your feedback. We aren’t “picking authors apart” nor did we ever say that one of the authors is right and the other isn’t. Smashing Magazine is a platform for sharing ideas, expressing opinions and discussing design approaches. We don’t point fingers at anyone; we are doing our best to make sure that we provide professionals with a podium to express their opinions, even if these opinions refer to an article we have published recently.

      We see our articles primarily as discussion starters within the community. Every article should give readers the chance to learn something new from their colleagues as well as rethink whether the approaches presented do make sense in their own workflow.

      1
  25. 38

    As an infographic designer for more than two decades, I am the recipient of weekly inquiries from marketing firms such as Amy’s looking for “infographics” (I use this term very loosely in this context). I find the content of those emails extremely telling. Almost without exception they consist of no more than two sentences and read something like this:
    “I love your work. Could you tell me how much you charge for infographics?”
    For these companies, money and eye candy, not the accurate presentation of information, is the driving factor.

    4
    • 39

      Hey Trevor,

      We don’t send out inquiries like this. We get inquiries like that all the time, but have never sent one out. We don’t look for others to design our infographics, we have a team of designers that creates infographics for all of our clients and we help to then market those infographics, but we do not reach out to other design firms trying to get design quotes or infographics designed for us.

      Just clearing that up as it seems like you are stating we send out spam emails, which we don’t.

      All that said, eye candy is the driving factor for many online marketing companies as the infographics being shared today are filled with eye candy. I believe that infographics have evolved exceptionally over the past two years to a more mainstream aesthetic that is all about catching the eye and encouraging shares and reposts. I think that we should probably separate the terms: Infographic and Data Visualization. Data Visualizations focus more on clean representations of the data, whereas todays “infographics” are linkbait and eye candy, as mentioned in the conclusion of my post. Cost is also a major concern for any company in today’s economy, and there is nothing wrong with that. Online marketing is all about getting a good return on an investment, and today’s infographics offer that.

      Thanks,
      Amy

      1
      • 40

        Sorry Amy, I did not mean to imply that I’ve received these inquiries from your company, but rather from companies *like* yours.

        In my view, if eye candy is the driving factor for many online companies,as you state, then the use of the term infographic is entirely misleading (and in my view insulting to those who have pioneered infographics). When the information becomes secondary to the visuals, they cease to be infographics and have as much substance as real candy.

        1
  26. 42

    I think it is funny to see an article about infographics written by my old boss Amy. The original post was great but should have been titled, “How to make more shareable info graphics.”

    0
  27. 44

    Great article on a really topical issue. I think this line sums it up perfectly: “when it comes to information graphics, it should always be data and information first, and then you design around that”. You can still present data in a way that is innovative and pleasing to the eye without losing focus of the message/information you are trying to present.

    I think there are some very beautiful and highly detailed infographics out there and I enjoy looking at them and studying them closely b/c I am attracted to the design but I wonder what non-design people think about them? Or whether they are just ignored because they are too complicated? Its all about audience. Making sure your target audience gets it.

    0
  28. 45

    Whats great for us at Zabisco working on infographics is the various briefs we receive for infographics. Yes, we do get to work up alot of pro-active infographics for our own use – but we more often than not are working on client briefed infographics. The single most important driving force behind any infographic (and any design work) is the brief (what the infographic needs to communicate, where and how it is to be used, who are the intended audience etc etc etc)

    The format, key message outtakes and audience must be at the forefront of planning the visualisation and therefore design of the final infographic. But as with web design, content MUST be key in infographic design – otherwise you are just creating a illustration that you happen to be trying to include some sort of content data within.

    As a agency we may well receive a brief from a client who wants a ground breaking designed infographic that is all about brilliant illustration that also happens to communicate a set of data. ‘We arent interested in people being able to read the data in seconds and walk away, we want something super engaging visually that communicates our content story but its going to be printed on a 30 foot high wall in our reception area so lets focus on something that looks great.’

    Now I may be talking of a not so likely brief here (!), but I’m trying to get across that the weight of design v. content needs to be driven by the brief itself. This doesnt have to be a bad thing, there is no need to be thinking ‘i only have to work within exactly what the client is asking for’ – a good infographic can be one of many things in terms of how it looks, works and flows. But what it must do is PRESENT DATA, and present this data flow is whatever it most suitable for the brief and the content itself.

    Rather than arguing to tos and fros of whether bar charts should have any place in infographics, treat each and every brief on its own merits – map out the content story according from the brief and then design from there.

    0
  29. 46

    It’s quite short, but as the author points, it give some specific tips or concepts for those who are rookies about infographics. I find infographics a little frustrating because is not my something I worked a lot, so this article of enough to have a better view of this and a new chance to make betters infographics.

    0
  30. 47

    This is a great post and I don’t know why someones comes with criticism, because it says clear right at the begining, that this is another perspective about the original article, so thumbs down for those who wants to differentiate trough such nasty ways!

    -1
  31. 48

    Re: ‘The second half of Balliett’s post covers mostly general design tips such as color and focus, so it’s less rough, but the examples aren’t any better. They simply try too hard to look “visually compelling.”’

    These words reminded me of the following line in the O’Reilly book “Designing Data Visualizations”: “But we’re using a visual medium, right? So beauty and aesthetics matter? Absolutely, but there is nothing quite so beautiful as the methodical, streamlined transportation of particulars from one mind to another. This is elegance. This is efficiency. This is your brain on data visualization. And there’s a process for that.”

    Thanks for going over some of that process, Nathan!

    0
  32. 49

    This author lost me on the first graph option when he states “I hope you didn’t answer graph A. If so, you’re wrong.”

    As a professional designer since 1994, I beg to differ. Graph A, while not slick like the speedometer to nowhere, clearly states it’s information in away that is INSTANTLY communicated.

    Graphic design is about communication. This author clearly has put form in front of function. Graphics are meant to communicate ideas quickly or from a distance. To make ideas that are complex easily understood. Thats why we use them and not a paragraph of body copy. The primary role is not meant for your web page to be pretty.

    Graph B is a jumbled mess. It would have been faster for me to read the raw data then to process that graphic.

    Data may be first, but communication is always supreme. If you don’t present data in a form that people will ingest and make it comprehensible, your hard work analyzing the data was for nothing. Sometimes that means working with visual norms such as bar charts.

    While there is a range of ways of making charts look appealing, I cannot however see how Graph B functions better than Graph A other than as a novelty or decoration.

    It also is apparent from the lack of effort the author put into Graph A vs Graph B, he never really wanted Graph A to be as good as it could have been. This was his intended effect to prove his point. His conclusion and example are flawed by his own methodology and bias.

    5
  33. 50

    You might want to run your analysis of the Twitter infographics by usability people. Option A was much more readable. Unless I had plenty of time to read the article/etc that the infographic was designed for, I would just skip it entirely because it takes a lot of analysis for less than captivating information.

    0
  34. 51

    Audience matters and there are basic principles that apply to any audience. The original article should have been called “how to hop on the infographic bandwagon when you’re really trying to sell things with eye candy” which isn’t really infographic design at all and certainly not “data viz.” Smashing Magazine lost some cred with me when that article was published and this is a step in the right direction. I look forward to seeing a more detailed follow up from someone who can put it all in context for those who are new to this field.

    1
  35. 52

    I now understand why Brian Suda in his book Designing with Data calls infographics “chart junks”…

    You deliberately choose the inaccurate version, because it’s unique… Where’s the “info” in your “graphic” it’s just a bunch of pixels telling a fake story, that’s data murder, not data visualisation…

    1
  36. 53

    I do a blog on library statistics and performance measurement. I used these 2 charts (based on airline and Tweeting data) as good bad graphical examples not long after the article appeared.

    For what it’s worth…

    1
  37. 54

    Nathan, nice work, it is very helpful to beginners! Hoping you are writing another one for us!

    0
  38. 55

    Thanks, Vitaly, for opening this discussion. Any follow-up articles since this was written?

    Nathan, I found your article while researching info design, because I saw someone using bell curves smushed together to illustrate absolute values. That was so irritating.

    As I was an engineering student before becoming a journalist, accuracy is my biggest priority now with design. Glossing over the main point with sexy graphics is all too often the norm. Sadly. But this community knows that, so let’s all set the standard for better, more accurate work.

    Who’s in? @dipikakohli

    0
  39. 56

    I like both posts and i find both useful. Not to say that I will use all that was mentioned as ‘guides and tips’ to create a useful/awesome infographic.

    But I am totally 100% behind Nathan on the importance of data. What we’re trying to do here is trying to help the user make sense of the data/information shown. we have to get that right first. then the design principles come in e.g – typography, illustration style, colour. contrast, hooks.

    I can see where Mary is coming with the hooks and to me, they are something that I would consider a hook. like, using the shape of the helmet for the football piece. or that odd looking thing near hyperhydrosis.

    the tweets per second revometer didnt make sense though.

    either way, both posts help me understand better what is emphasized when coming up with a solution for a good infographic. thank you everyone.

    0
  40. 57

    Sometimes better to see image with the data then read the data from text file :)

    Example: http://www.crazyxhtml.com/blog/why-we-love-wordpress/

    Read the post and then open infographic image :)

    For some people images are better :)

    0
  41. 58

    Wow people can get heated about this!

    Thank you to both Authors for these articles as they are both helpful. I believe that there isn’t a clear definition for what a infographic or data visualization and it may not be useful to have one either.

    In saying that I do get annoyed when someone produces a nice GRAPHIC or POSTER puts numbers on it and calls it a infographic. So I believe these articles are useful in helping designers make that those design decisions themselves.

    0
  42. 59

    I tried to create my own infographics a week ago. I don’t know if its good one. I put it here http://engineering-and-technology.blogspot.com/2013/08/infographics-facts-about-android-os.html . Can you guys have some comment about it? thanks

    0
  43. 60

    @Mary — There were a lot of readers who knew there were errors, which I’m happy about, but I’m sure there were many who didn’t know (and didn’t comment). For beginners especially, the topic of infographics and visualization can be confusing, so I think it’s better to point people in the right direction to begin with.

    -2
  44. 61

    Vitaly Friedman (editor-in-chief on Smashing Magazine)

    October 21, 2011 8:56 am

    Mary, thank you for your feedback. We have actually planned another, a more detailed article on infographic design. Please stay tuned.

    And thanks for your constructive criticism. The main point of this article was to show a different perspective at the points mentioned in the original article and hence it strongly refers to Amy’s article; it wasn’t supposed to be a “corrected guide to infographic design”.

    @Nathan: would you like to write a follow-up on this article?..

    Mary, thank you for reading!

    14
  45. 62

    @Nathan, I understand. I was just hoping for more concrete examples since that’s a great way of teaching newbies.

    Just to be clear: I don’t agree with some posts below that claim the 1st article was correct. The first article was wrong not only in terms of the lack of emphasis on data, but in its failed “design” or “visual” examples as well. (See the supposedly good examples of hooks which don’t really work in hooking the eye in. Or the lack of contrast in her examples of beautiful visualization.)

    You definitely have the right ideas, I just wish you expounded more on the subject. Perhaps you can write another article (not just a rebuttal) if you have free time.

    9
  46. 63

    Hope you’re extending the same invitation to the original author?

    9

↑ Back to top