Tips, resources for print designers learning web-based, interactive infographics

For the past year, I’ve been transitioning between my previous background as a print news designer to producing graphics and visualizations for the web.

When I planned my schedule for my first ever NICAR, my goal was to attend every data visualization session and panel I could. Four days and over fifteen sessions later, it’s hard to describe the enormous breadth of information I was exposed to, but I feel incredibly lucky to have experienced it all.

So if you are like me (a print designer emerging into the world of data viz), here are the three of the most significant lessons I took away from NICAR 2014:

Lesson 1: It’s all about the process

One of the most valuable sessions for designers was “It's not just for looks: Presentation as a storytelling tool,” with NYT’s Aron Pilhofer, BBC’s Helene Sears and NPR’s Alyson Hurt, moderated by NYT’s Chrys Wu.

The panelists described the design processes used to create some of my favorite large-scale interactive presentations: the Doctor Who 50th Anniversary, The New York Times’ Oscars, and the Planet Money T-shirt series. The Saturday panel was the only truly design-oriented session of the entire conference, and if the packed crowd was any indication, it was well worth the wait. I could probably write a whole post on this session alone! Seeing the many versions that some of my favorite stories have gone through served as a much-needed reminder that nothing you do is ever perfect the first time.

For example, it was inspiring to see how the New York Times’ Oscar presentation has transformed from this:

oscars_nyt_old

To this:
oscars_nyt_new

Gone are the tabs and running Facebook feed. Instead, the new Oscars coverage is sleek, intuitive and user friendly, something Pilhofer stressed took several iterations and a lot of collaboration.

Sears, while describing the process behind the Doctor Who 50th Anniversary interactive, boiled BBC’s design process into 5 steps:

  1. Define the who, what, when and where--who are the stakeholders?
  2. Brainstorm and bring everyone’s ideas together. There are no bad ideas at this stage.
  3. Wireframe: user test early and often, and don’t be afraid to revisit steps 1 and 2.
  4. Prototype, refine and perfect your project on all platforms. Look at it on every device you can get your hands on, and adjust accordingly.
  5. Deliver a product that works across devices and has been user-tested thoroughly.


As each panelist described the process that went into creating these large-scale interactives, it became clear that user testing is everything--design should be beautiful, but it should above all be functional.

If you want the full presentation (which I would highly recommend to anyone), you can find it here (courtesy of Chrys Wu's 'Slides, Links & Tutorials' 2014).

Lesson 2: Take a step back every now and then.

It’s easy to get lost in the weeds of what at first seems like a great idea, but later turns out to be a wreck--just because something looks clean and well-designed doesn’t mean it’s the best way to present your data.

One of my favorite examples is this map, widely discussed in a couple of the sections I attended, which demonstrates that 50% of the United States’ GDP comes from a seemingly tiny portion of the country:


But when you consider that 40% of the United States’ population lives in the large cities highlighted in orange, it’s really not that useful at all.

Any designers hoping to effectively visualize data could also learn a thing or two from Katie Park’s lightning talk, “What We Can Learn from Terrible Data Viz.” While it’s rare to stumble upon something as unique as this or this in an actual publication, Park emphasized that there are a lessons to be gleaned from even the worst data visualizations:

  • Not everything needs to be a chart. Ask yourself if this is really the best way to present what you have.
  • Watch your scale. Keep your axes labeled and present your information clearly.
  • Double check everything. Pie charts shouldn’t add up to more than 100%, the country of Colombia shouldn’t be spelled with a “U”…you get the point.


Lastly, don’t be afraid to look at things in a different—and sometimes smaller—way. I learned from Lena Groeger’s excellent lightning talk, "A Few of my Favorite Wee Things," that sometimes data viz can be best communicated just by shrinking down the size. She showed several examples of how using small multiples, simple icons and even tiny text can be the most effective way to analyze trends and identify outliers. Not only was the talk an engaging walk through several examples of great data visualization, but it helped me refresh and reset the way I think about presenting information.

Lesson 3: Admire, but with a critical eye

Lastly, designers of any skill level can learn a lot from Alberto Cairo's "Insight and Enlightenment: the Future of Data Visualization."

Cairo stressed that while there is beautiful data visualization all around us, it’s important to always think, “how could I make this better?” He showed several examples of data visualizations, many of which he praised for their innovation and technical skill, but also offered constructive and concise criticism on how to better tell the story. He reminded us that data visualization can be used for entertainment as well as information, highlighting the levity and insightfulness of Visualizing Buffy, which takes a deep dive into the screen time of every character on “Buffy the Vampire Slayer.”

One of Cairo's core tenets: Data visualization should aim to add clarity and bring new light to something the reader doesn’t already know – something to keep in mind for every designer.

Even if you’re like me and are only just beginning your journey as a developer, I would highly recommend attending.

Every year New York Times' Chrys Wu curates 'Slides, Links & Tutorials' from the annual CAR conference: 2014, 20132012 and 2011. They are a fantastic resource for all journalists and investigators of all skill levels.

About the author

Priya Krishnakumar

Undergraduate Fellow

Latest Posts

  • A Big Change That Will Probably Affect Your Storymaps

    A big change is coming to StoryMapJS, and it will affect many, if not most existing storymaps. When making a storymap, one way to set a style and tone for your project is to set the "map type," also known as the "basemap." When we launched StoryMapJS, it included options for a few basemaps created by Stamen Design. These included the "watercolor" style, as well as the default style for new storymaps, "Toner Lite." Stamen...

    Continue Reading

  • Introducing AmyJo Brown, Knight Lab Professional Fellow

    AmyJo Brown, a veteran journalist passionate about supporting and reshaping local political journalism and who it engages, has joined the Knight Lab as a 2022-2023 professional fellow. Her focus is on building The Public Ledger, a data tool structured from local campaign finance data that is designed to track connections and make local political relationships – and their influence – more visible. “Campaign finance data has more stories to tell – if we follow the...

    Continue Reading

  • Interactive Entertainment: How UX Design Shapes Streaming Platforms

    As streaming develops into the latest age of entertainment, how are interfaces and layouts being designed to prioritize user experience and accessibility? The Covid-19 pandemic accelerated streaming services becoming the dominant form of entertainment. There are a handful of new platforms, each with thousands of hours of content, but not much change or differentiation in the user journeys. For the most part, everywhere from Netflix to illegal streaming platforms use similar video streaming UX standards, and...

    Continue Reading

  • Innovation with collaborationExperimenting with AI and investigative journalism in the Americas.

    Lee este artículo en español. How might we use AI technologies to innovate newsgathering and investigative reporting techniques? This was the question we posed to a group of seven newsrooms in Latin America and the US as part of the Americas Cohort during the 2021 JournalismAI Collab Challenges. The Collab is an initiative that brings together media organizations to experiment with AI technologies and journalism. This year,  JournalismAI, a project of Polis, the journalism think-tank at...

    Continue Reading

  • Innovación con colaboraciónCuando el periodismo de investigación experimenta con inteligencia artificial.

    Read this article in English. ¿Cómo podemos usar la inteligencia artificial para innovar las técnicas de reporteo y de periodismo de investigación? Esta es la pregunta que convocó a un grupo de siete organizaciones periodísticas en América Latina y Estados Unidos, el grupo de las Américas del 2021 JournalismAI Collab Challenges. Esta iniciativa de colaboración reúne a medios para experimentar con inteligencia artificial y periodismo. Este año, JournalismAI, un proyecto de Polis, la think-tank de periodismo...

    Continue Reading

  • AI, Automation, and Newsrooms: Finding Fitting Tools for Your Organization

    If you’d like to use technology to make your newsroom more efficient, you’ve come to the right place. Tools exist that can help you find news, manage your work in progress, and distribute your content more effectively than ever before, and we’re here to help you find the ones that are right for you. As part of the Knight Foundation’s AI for Local News program, we worked with the Associated Press to interview dozens of......

    Continue Reading

Storytelling Tools

We build easy-to-use tools that can help you tell better stories.

View More