{"id":56281,"date":"2015-04-13T12:00:57","date_gmt":"2015-04-13T11:00:57","guid":{"rendered":"https:\/\/www.transcend.org\/tms\/?p=56281"},"modified":"2015-05-05T21:25:51","modified_gmt":"2015-05-05T20:25:51","slug":"not-fit-to-print-when-good-design-goes-bad","status":"publish","type":"post","link":"https:\/\/www.transcend.org\/tms\/2015\/04\/not-fit-to-print-when-good-design-goes-bad\/","title":{"rendered":"Not Fit to Print: When Good Design Goes Bad"},"content":{"rendered":"

A Lesson from <\/em>The New York Times on How to Mislead with Numbers<\/em><\/p>\n

2 Apr 2015 – <\/em>On July 31, 2014, the New York Times published an interactive article<\/a> about the Israeli assault that was underway in Gaza. The conflict had claimed 1,472 lives by the publication date: 1,408 of them Palestinian, 64 Israeli.<\/p>\n

In an expertly designed data visualization<\/a>, the Times guided us through its own version of events, which boils down to: Hamas started it,<\/em> and Israel responded in self-defense<\/em>. Data from the last three flare-ups is included in the same way, gently suggesting to readers that this is a pattern.<\/p>\n

What follows is a breakdown of some ways that design can be misused to tell a biased story. TLDR: This New York Times article reminds us that design is just as much an editorial tool as it is a tool of aesthetics, usability and user experience. Use your power as a designer wisely.<\/strong><\/p>\n

A common misconception about data journalism is that it\u2019s somehow less biased than traditional print journalism. Use of data lends an air of objectivity and legitimacy to a piece of journalism, and that goes double when it\u2019s beautifully visualized. The journalist who made this data\u2013filled article must be being honest with us, because\u2026data<\/em>. The numbers can\u2019t lie, right?<\/p>\n

Let\u2019s get into some of what we\u2019ve learned from the interactive article in question<\/a>:<\/p>\n

    \n
  1. Mislead With Proximity<\/strong><\/li>\n<\/ol>\n

    Two pieces of data are visualized side by side in this article: total rockets fired from Gaza into Israel, and total deaths.<\/p>\n

    \"design<\/a>If you think cause and effect here, you\u2019re wrong. But don\u2019t feel bad, it\u2019s not your fault.<\/em><\/p>\n

    Anyone who doesn\u2019t know a lot about the Israeli\u2013Palestinian conflict would, considering the proximity<\/a> of these two graphs, make the natural assumption that the rockets visualized on the left caused the deaths visualized on the right. Untrue.<\/p>\n

    By the Times\u2019 own reporting<\/a>, vastly more people were killed by Israeli airstrikes and ground aggression than were killed by Hamas rockets.<\/p>\n

    Someone with more background knowledge would realize that Hamas rockets didn\u2019t kill the vast majority of these people, but they may infer from the visualization that the rockets justified Israel\u2019s response as an act of self\u2013defense. And if you didn\u2019t think that, don\u2019t worry\u200a\u2014\u200athe Times included some helpful text [emphasis theirs<\/em>] to make sure you get there: \u201cThe American government publicly supports Israel\u2019s right to defend itself<\/strong> but warns against civilian casualties.\u201d<\/p>\n

    Either way, that\u2019s editorializing on the part of the Times. It might be suitable for an opinion piece (maybe by Bill O\u2019Reilly<\/a>?), but not for an article in the New York Times.<\/p>\n

    Whichever way you interpreted it, the Times used the proximity of these two datasets to suggest that responsibility for the deaths lies with the Palestinians.<\/p>\n

      \n
    1. Omit Confounding Data<\/strong><\/li>\n<\/ol>\n

      Let\u2019s talk more about responsibility.<\/p>\n

      Notice that the Times has chosen to show total deaths in both Israel and Gaza, but the data representing the violence that presumably caused these deaths is shown only on the Gaza side.<\/p>\n

      \"design<\/a>Data about Israeli military action? Anyone? Bueller<\/a>?<\/em><\/p>\n

      No corresponding data is included to depict Israel\u2019s airstrikes or ground invasion. (Let alone the occupation.)<\/p>\n

      The idea that the Israeli\u2013Palestinian conflict includes violence from both sides is not controversial<\/a>. Everyone knows it. (Yes, everyone<\/a>.) Why does the Times refuse to acknowledge it in its data visualization?<\/p>\n

        \n
      1. Obfuscate Inconvenient Data<\/strong><\/li>\n<\/ol>\n

        Speaking of ignoring inconvenient information\u200a\u2014\u200ayou might have noticed that the graphs above show both Israeli and Palestinian deaths grouped together visually.<\/p>\n

        Hovering over a point will prompt a breakdown of how many deaths occurred on each side, written out in text, but there\u2019s no visual representation of this information. If the reader does notice and choose to use this functionality, it\u2019s a laborious task to extract the trend.<\/p>\n

        \"The<\/a>The breakdown of Israeli\/Palestinian deaths is available only on hover, and is only shown in text, not visually. This design choice makes the data and the trend much more difficult to see.<\/p>\n

        So why did the Times decide to do that, when it is a more natural design decision to color the two pieces of data differently, and thus reveal more information in a usable way?<\/p>\n

        Let\u2019s see what happens when you do that:<\/p>\n

        \"Original<\/a><\/p>\n

        Original Times graph on the left. What might have been on the right.<\/p>\n

        The figure on the left is the original graph from the Times, and the one to the right is a mock-up of what it would have looked like had they chosen to separate Israeli and Palestinian deaths.<\/p>\n

        The graph to the right tells quite a different story, doesn\u2019t it?<\/p>\n

          \n
        1. Manufacture Patterns<\/strong><\/li>\n<\/ol>\n

          In each of the several steps marked in the article, data is included from the three most recent flare-ups in the Israel\u2013Gaza conflict. The design is consistent throughout, with each dataset manipulated into the impossibly simplistic narrative presented.<\/p>\n

          The goal of this repetition is to make sure the reader agrees that not only is the Times\u2019 narrative accurate for the most recent crisis, but that it also constitutes a well\u2013established pattern: Hamas started it<\/em>, and Israel responded in self-defense<\/em>.<\/p>\n

          It works, too:<\/p>\n

          **********<\/p>\n

          Patrick Leddy @LeddyPatrick<\/strong> <\/a><\/em><\/p>\n

          @declankenny94<\/strong><\/a> Hamas is 100% of the time the aggressor. Israel has no problem living in peace. http:\/\/nyti.ms\/1ofzY43\u00a0<\/a><\/em><\/p>\n

          2:30 AM – 10 Aug 2014<\/a> <\/em><\/p>\n

          \"design<\/a><\/p>\n

          In Gaza, a Pattern of Conflict <\/a><\/em><\/p>\n

          Similarities and differences in the last three major conflicts between Israel and Hamas.<\/a> <\/em><\/p>\n

          The New York Times @nytimes<\/strong> <\/a><\/em><\/p>\n

          1<\/strong> Retweet <\/a>1<\/strong> favorite<\/a><\/em><\/p>\n

          **********<\/p>\n

            \n
          1. Don\u2019t Forget the Old-Fashioned Way<\/strong><\/li>\n<\/ol>\n

            Once you\u2019ve done all of the above, don\u2019t forget you can always further manipulate how viewers perceive your data using leading text. Just to make sure everybody really gets it.<\/p>\n

            Let\u2019s take a look at the very first sentence<\/strong> in this article: \u201cSince<\/strong> Israel withdrew from the Gaza Strip\u2026\u201d [emphasis added<\/em>].<\/p>\n

            Almost the entire international community agrees that Israel is currently imposing an occupation on Gaza<\/a>. However, the Times piece insists that its readers begin with the simplistic premise that \u201cIsrael withdrew.\u201d<\/p>\n

            Other phrases in the article are similarly misleading. For instance, reports of Israeli military action are frequently tempered with language providing some sort of reason or justification. Take the below headline: \u201cAfter persistent rocket fire from Gaza, Israel launches air campaign\u2026\u201d Read: Gaza was asking for it<\/em>.<\/p>\n

            \"design<\/a>Israeli aggression is frequently \u201cjustified\u201d in the article text. Similar justification is not included for Hamas violence. Editorializing much?<\/p>\n

            The Israel\u2013Palestine conflict is a complex struggle, a series of actions and reactions that has spawned decades of violence. Every act has a reason behind it \u2013 probably many reasons \u2013 and if the Times sees fit to justify Israeli airstrikes with Hamas rocket fire, it is their obligation to also cite the reasons for that rocket fire. At the very least, this should include acknowledgement of the occupation.<\/p>\n

            If, on the other hand, they decide that getting into reasons is too complex for their scope, they should be consistent and provide no justifications for either side.<\/p>\n

            As this article includes attempts to justify Israeli violence both visually and through text while providing no similar justifications for Hamas, the result is a completely one\u2013sided story<\/a>.<\/p>\n

            Some of the news that\u2019s fit to print<\/a>.<\/p>\n

            httpv:\/\/www.youtube.com\/watch?v=PQhEBCWMe44#t=11<\/p>\n

            The Real Lesson: The Power of Design<\/strong><\/p>\n

            The real lesson of this New York Times interactive article is that design is just as much an editorial tool as it is a tool of aesthetics, usability and user experience.<\/p>\n

            An institution like the New York Times is a powerhouse of design and analytical talent, as well as public trust. The Times is at the top of the field when it comes to data visualization: While other legacy news organizations struggle to produce information graphics that are legible (let alone compelling), the Times has created some of the most beautiful and informative pieces on the web. As such, they have a responsibility to use their considerable talents responsibly.<\/p>\n

            That goes for all designers, journalists, data visualizers\u200a\u2014\u200aanyone who works with data to communicate with the public. When you\u2019re designing a data\u2013driven narrative, make sure the story you\u2019re trying to reveal is the story the data is actually telling.<\/p>\n

            If you have to torture the data to get it to say what you want, it might just be trying to get you to stop.<\/p>\n

            And please, listen to it. Stop.<\/p>\n

            _______________________________<\/p>\n

            Anna Flagg<\/a>: I’m a designer and a data journalist. I like making things.<\/em><\/p>\n

            AJ+ On the News<\/a>: AJ+ is a global news community that highlights human struggles and achievements, empowers impassioned voices, and challenges the status quo. Here, we take a deeper look at the stories you are following.<\/em><\/p>\n

            Thanks to Moiz Syed<\/a>, David Cohn<\/a>.<\/em><\/p>\n

            Go to Original \u2013 medium.com<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

            A Lesson from The New York Times on How to Mislead with Numbers – What follows is a breakdown of some ways that design can be misused to tell a biased story. This New York Times article reminds us that design is just as much an editorial tool.<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[62],"tags":[],"class_list":["post-56281","post","type-post","status-publish","format-standard","hentry","category-media"],"_links":{"self":[{"href":"https:\/\/www.transcend.org\/tms\/wp-json\/wp\/v2\/posts\/56281","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.transcend.org\/tms\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.transcend.org\/tms\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.transcend.org\/tms\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.transcend.org\/tms\/wp-json\/wp\/v2\/comments?post=56281"}],"version-history":[{"count":0,"href":"https:\/\/www.transcend.org\/tms\/wp-json\/wp\/v2\/posts\/56281\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.transcend.org\/tms\/wp-json\/wp\/v2\/media?parent=56281"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.transcend.org\/tms\/wp-json\/wp\/v2\/categories?post=56281"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.transcend.org\/tms\/wp-json\/wp\/v2\/tags?post=56281"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}