opinion


18
May 13

Acknowledging the audience

I know the BBC News Graphics team takes a lot of notice of its audience. And I know that in 2011 this set them apart from other newsroom graphics desks: at the Malofiej infographic conference that year no other news outlet mentioned metrics, audience or feedback with regard to the development of the graphics they produce, which begged me to ask the question “Does anyone know who actually looks at this stuff?”.

So I was delighted to hear that the NYT’s brilliant Amanda Cox in her keynote speech at OpenVis Conf was talking about – among other gems* – what their audience liked.

What she guessed they’d like
Surprise
A sense of comprehensiveness, even if it’s illusory
Goofy comparisons
A clear takeaway/message

What they actually liked
[The results of her analysis of their top 400 graphics]
development.really.hard
big.breaking.news.big.breaking.news.adjacent
useful
explicitly.emotional…atmospheric
surprise.reveal
comprehensive

Big hat tip to Erin Kissane’s write up of the keynote and I’m eagerly awaiting the video.

*Other gems about…

…process
“The best stories emerge as something crafted — something that takes advantage of the unique characteristics of the data in question”

…evoking the right response
That being the latter of “the handwavy, spectacle ‘wow’ vs. the ‘wow’ of connection and intimacy”

…design
“Not ultimately about typography and whitespace, but about empathy — about creating visualizations that readers can both understand and engage with emotionally”

…a future challenge
“What are you skipping or just not seeing because it doesn’t come for free to you in the tools that you’re using?”


6
Mar 13

Before you hit the ‘chart’ button…

By and large most charts originate from a set of absolute figures, that is to say the actual numbers of people, or $ of GDP, or barrels of oil.

However I’m suggesting you should pause before you hit the ‘chart’ button having highlighted these figures in your spreadsheet. Here’s a small – but useful I hope – section from a training course I ran recently, illustrated with examples dug up from my archive.

Consider if one of these three options might better illustrate your point:
% share Show figures as a share of the whole
Ranking Rank figures largest to smallest
Relative Show the figures relative to something eg a specific year, the value for a country of interest, the average

And you don’t need to be a data scientist, know a programming language or have a statistics degree. It’s all easy to achieve with a formula in the next column over in your spreadsheet. (Good tips and tutorials in Excel from Chandoo and GoogleSpreadsheets from School of Data).

Any of these options can lead to more illuminating ways of displaying a set of figures, though it goes without saying that it depends on the figures and your goal.

% share

Picture 111-10 copy

North v South spending, Regeneration & Renewal magazine, August 2006

It can be useful to show absolute and % share alongside one another

HMPicture 327

Renewable energy need, The ENDS Report, April 2008

Rank

56_7way_we_were_9762

1981: The way we were, BBC News Online, November 2010

Relative to a specific year

bbc_degree_results

Degree results, BBC News Online, July 2010

Relative to a specific country

frugfut_global_comparison2

How other countries compare to India, Nesta report on research and innovation, July 2012

Relative to a set number

hm_pensioners_age

Aging population, Human Resource magazine, September 2007

Relative to the average

50_gardening2_466

What is growing in Britain’s gardens? BBC News Online, May 2010


1
Jan 13

The best bits of 2012

As 2013 starts I thought I’d pull together some of the best things that I’ve said, seen, heard and learnt in 2012.

Starting with a definition of infographics I still stand by my first tweet back in March that stemmed from an exercise I created for some students: The INFO gives the GRAPHIC its form. Otherwise the ‘graphic’ is most likely acting as an illustration.

In the same vein – with the goal of creating better infographics – I’ve been encouraging anyone designing them to make sure they can answer yes to two key questions: does the graphic tell a story? and is that the same story that you set out to tell?

What has emerged strongly this year are increasingly sophisticated interactive page designs and delivery (examples under my tower graphic comment further on). However the stark simplicity but instant clarity of a recent collection of animated gifs brilliantly demonstrates the power of visuals to explain things, another fundamental that underpins great graphics regardless of layers of fancy interaction or not. Yes, some are a little clunky, but they’re really effective.

A couple of other clunky-but-effective examples that crossed my radar this year show an application of interaction that I think is underused: interaction with the goal of aiding understanding. Two examples of this ‘learning by having a go’ are here, by SolutionRealm and Tom MacWright. Click on the images to have a go.

antipodes_map

stats

As for formats, tower graphics seem to be thankfully on the decline. Either injecting subject matter that suits the format or playing to the storytelling strengths of interactivity a new, much more engaging breed of tower graphic is emerging. Two good examples I’ve seen are featured below, from the BBC and Angela Morelli. Click on them to go to the originals.

tower_bond

tower_water

I still love motion graphics when they’re done well. This one about the Titanic below – another BBC production – is a good example:
bbc_titanic

And if you just want one piece of guidance as to the key to motion graphics’ success I’d offer up the BBC’s Jonathan Spencer and Mark Edwards comment at the Information Design Association: The time you have to view a graphic is the key constraint for TV data viz.

Data journalism is all around us (you can find links and resources I recommend here). By way of an example, this was a simple piece of data journalism I did this year during the Olympics – click images to see full graphics – that in contrast to endless medal tables threw up some interesting and original observations, two good reasons to keep encouraging and helping journalists and designers to engage more with data.

bbc_in_numbers_big_sports2

bbc_in_numbers_big_sports

A theme that’s close to my heart that came out of the Information Design Association’s conference was design with a cause. Later in the year this was then well illustrated by Spinifex working with the Australian Bureau of Statistics to project interactive data onto buildings to promote the release of Census data. (A continuation of one of my all time favourite pieces of work).

oz_census_spinifex

Some good reading will be found on two blogs that have emerged in 2012 about the design decisions behind some of the best work we’ve seen – NYT and NatGeo – and a third, The Why Axis, promises to reveal more of the same too.

After another year is done I still think the New York Times are consistently the best when measured against my criteria: clear, relevant, engaging, useful, original, elegant. And you can enjoy a review of 2012 as illustrated by their graphics.

Happy New Year, see you in 2013!
:)


21
Dec 12

Season’s Greetings

Wishing you a Merry Christmas…

…and a Happy New Year!


28
Nov 12

Quoting others

Just to point you to a new page on my site listing a selection of resources relating to visual journalism, data journalism, infographics and data visualisation.

I keep making different versions of this for different people, so this is an attempt to put it all in once place.

And of course, please alert me to any glaring omissions, or errors. Thanks!


2
Oct 12

‘Say what you see’

I recently found myself inviting a workshop group to ‘say what you see’. And then I had a flashback… 1980s… Roy Walker… Catchphrase… anyone?

This came about from a litmus test I have for successful visual journalism: can you still piece together the story from the visual if you remove the words? Running this as an exercise – displaying examples with all the words blurred out, getting people to ‘say what you see’, and then revealing the words – has been fun.

Try it:

Visual with words blurred out – say what you see.

And with the words revealed. It passes. They say the same thing.

And this one, with words blurred:

Words revealed below. It nearly works, you will have recognised the process depicted, but it turns out the headline is about costs. But these haven’t been visualised at all:

It’s beautiful, and it’s not trying to be heavy journalism, but the point is still there.

And this (blurred left, revealed right):

When the pieces of info to be presented together are disparate the visual can only introduce the theme, but add nothing to the telling of any story. The visuals in this case are illustration, not visual journalism.

For my money, a successful piece of visual journalism is when the visual functions as a piece of journalism itself, telling the same story as the headline it sits under.


22
Aug 12

What are you trying to say?

Infographics improve tenfold – or just remain as charts – once people get the hang of the idea that it’s better to commission a graphic when you have a story in mind, something specific you want to say, as opposed to the commission ‘I want an infographic’. The Cabinet Office’s recent chart (featured at the end of this post), and now animation, I fear is a victim of the latter.

Let me try to explain.

If you’re saying “Here is a detailed breakdown of the £5.5bn savings” it would be best presented as a bar chart.

If you’re saying “These are the five areas where we made savings”, group together similar items and present the simplified version as shares of a whole (I’m trying to get close to the original here).

If you’re saying “Over half the savings came from looking at staffing” present it as a pie chart.

If you want to say all three, and more, by all means do. Link them together, use an animation with a voice-over to guide your audience through.

But if all someone says is “I want an infographic” you’ll be presented with the likes of this.

How easily can you find out (questions I imagine it would be useful for this graphic to inform):
What were the biggest and smallest savings?
Whereabouts in government were the savings made?
How much of the savings come from any one area eg staffing?

Commission a story, not a format. You’ll get better results, I promise.