The difference between data visualization and infographics

Yes­ter­day, Jeff Bul­las posted an arti­cle about Twit­ter stats. I have a great deal of respect for Bullas’s writ­ing, and he’s an undis­puted leader in the Social Media world, espe­cially in regard to build­ing share­able con­tent. But the info­graphic attached to the arti­cle was—how do I put this politely?—bad.

I ana­lyze why the info­graphic is bad in another post, but the impor­tant thing here is that my reac­tion to it was actu­ally a lit­tle rage-y. Yes, rage over a bad data viz is pretty damned geeky, I know, but one of my biggest pet peeves is when peo­ple use the term “info­graphic” as though it were a syn­onym for “Data Visu­al­iza­tion.” As if slap­ping a witty or the­matic design on some regur­gi­tated num­bers auto­mat­i­cally makes the topic sud­denly and mag­i­cally com­pre­hen­si­ble to the reader (the rage, it burns…). 

Hap­pily, I am at least a lit­tle self-aware. After a lit­tle con­trolled breath­ing, I real­ized that there had to be more to my vis­ceral response to a bad info­graphic gone viral than just poor anger man­age­ment. So I asked myself:

What is the dif­fer­ence between info­graph­ics and data visu­al­iza­tion?

We’ll start with Data Visu­al­iza­tion. Accord­ing to the inim­itable Edward Tufte in his book The Visual Dis­play of Quan­ti­ta­tive Infor­ma­tion:

Graph­ics reveal data. Indeed graph­ics can be more pre­cise and reveal­ing than con­ven­tional sta­tis­ti­cal computations.

Tufte’s cri­te­ria for “excellence”?

 

  • show the data
  • induce the viewer to think about the sub­stance rather than about method­ol­ogy, graphic design, the tech­nol­ogy of graphic pro­duc­tion, or some­thing else
  • avoid dis­tort­ing what the data have to say
  • present many num­bers in a small space
  • make large data sets coherent
  • encour­age the eye to com­pare dif­fer­ent pieces of data
  • reveal the data at sev­eral lev­els of detail, from a broad overview to the fine structure
  • serve a rea­son­ably clear pur­pose: descrip­tion, explo­ration, tab­u­la­tion, or decoration
  • be closely inte­grated with the sta­tis­ti­cal and ver­bal descrip­tion of a data set

 

Now, on to info­graph­ics. Just this morn­ing, Jeff Bul­las recy­cled an older arti­cle of his, The 7 key ele­ments to cre­at­ing suc­cess­ful info­graph­ics. How con­ve­nient for me. Here is what Bul­las has to say about the cri­te­ria for suc­cess in an infographic:

Info­graph­ics are the com­bi­na­tion of text and images to cre­ate max­i­mum impact. There are two core activ­i­ties to info­graphic success.

  1. Great design
  2. Suc­cess­ful pro­mo­tion and marketing

Design­ing an info­graphic that isn’t mar­keted prop­erly is like build­ing a great car but not telling any­one about it. It remains parked and hid­den in the garage.

Wait, what? Yes, that’s right: there’s no men­tion of data in the suc­cess cri­te­ria for an info­graphic, by one of the world’s most-followed Social Media experts. Other than mak­ing sure that any sta­tis­tics are “fac­tual and reli­able, cur­rent and help­ful,” the 7 key ele­ments dis­cussed have noth­ing to do with actu­ally help­ing the reader under­stand any­thing, but are all cen­tered around the def­i­n­i­tion of “suc­cess” as being “widely shared.” In fact, accord­ing to the ‘super­pow­ers of a knock­out info­graphic’ he has on this post

53% of the most-shared info­graph­ics do not actu­ally con­tain data visualization”

Double-U. Tee. Eff. (pulling on the geeky-rage pants again)

But seri­ously. This is WRONG ON SO MANY LEVELS. Data visu­al­iza­tion and mar­ketabil­ity aren’t mutu­ally exclusive—or at least, they don’t have to be. And this isn’t an issue with the tar­get read­ers of the info­graph­ics, either—most read­ers want infor­ma­tion in a digestible format—which is the point of info­graph­ics in the first place. Look­ing at this from a UX (NOT a graphic design) per­spec­tive, a well-designed info­graphic can reveal the data as well as be beau­ti­ful. By all the best UX design con­cepts, if the per­son inter­act­ing with your prod­uct can’t fig­ure it out, it’s not that they’re stu­pid, it’s that you’ve done it wrong. A bad info­graphic is the TL;DR of the design world: your viewer won’t get your mes­sage if they can’t make sense of it.

I hate to say it, but in this case I think that Bul­las is tak­ing the easy road and sell­ing his pro­fes­sional read­ers short, defin­ing his own area of exper­tise as the only axis by which “suc­cess” can and should be mea­sured for an info­graphic. To co-opt his car anal­ogy: Bul­las is pro­mot­ing an Edsel. The Edsel got great mar­ket­ing, and was by all reports a per­fectly fine car; but it wasn’t the right fit for a new emerg­ing mar­ket. Just like the Edsel, these graph­ics are beau­ti­fully done, pro­fes­sional, and high qual­ity by the stan­dards of what came before. Also like the Edsel, there is no account­ing for the mas­sive sea change in the mar­ket­place that they are being released into. Flashy design isn’t going to be enough to save a bad info­graphic in the inter­ac­tive era for much longer.

Bul­las is in a posi­tion to influ­ence the qual­ity of what we expect from info­graph­ics. I would love to see him use that influ­ence to be for­ward fac­ing and push for high-quality, sharable data viz as the new gold stan­dard. The merg­ing of big data and mar­ket­ing has already hap­pened, and as good inter­ac­tive design­ers start cre­at­ing new ways to tease out visual under­stand­ing of that data, I want thought lead­ers like Jeff Bul­las to be on the front end of the rev­o­lu­tion. The more that he and the other Social Media Mar­ket­ing gurus get on board with data visu­al­iza­tion, the faster we can get rid of the out­dated Edsels in the fleet.

So please, Mr. Bul­las, do me a solid—these geek-rage pants are chafing.

 

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>