Posts Tagged: interactive


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!
:)


24
Nov 11

Visual chapters

Look at the six thumbnail sketches down the left hand side: I really like the use of visuals here to draw attention to where the stories are. They serve to guide the reader through an otherwise complicated and confusing landscape.


3
Oct 11

Keeping it real

This bit of work…

By Sons&co for Mahi Foreign Exchange

…reminded me of this bit of work:

Dimensions, a set of experimental prototypes by BERG for the BBC

They’re both great for bringing things that are hard to get your head around to a more familiar level.


4
Aug 11

A benchmark

This combines the best of all the best things that are happening in the industry at the moment. It’s human, interactive, tells a story, uses motion graphics, has something to share at the end of it.

Of course it also ticks all the boxes that make it good in my book: clear, relevant, engaging, useful, original, elegant.

Inevitably there are bits I’d change, notably around how they deal with some of the numbers, but overall: love it.

(From Australian Bureau of Statistics but no clue as to who designed/developed it).


20
Jul 11

Wow v ah-ha

This title captures so perfectly a current theme in the ever more data driven infographic-land that I haven’t changed it. It’s lifted from a recent blog post from Juice Analytics that caught my eye a couple of weeks back.

Whether a data graphic is more ‘wow’ or more ‘ah-ha’ all depends on your audience and your aim. Like most things it’s a spectrum, and probably worth being honest whereabouts on it you’re aiming for when you set out creating any graphic.

In an editorial world more often than not it’s about achieving an ‘ah-ha’. And this is neatly illustrated by all the different ways I’ve heard this same thing expressed recently. I’ve pulled them together here.

‘What do you want to find out from the data?’ not ‘what can you do with the data?’
Simon Rogers, Guardian Datablog (related post)

Less noise, more story
My observation
from this year’s Malofiej infograpic conference

Not ‘what does the data show’ but ‘how did the data get that way’
Joe Ward, sports graphics editor, New York Times (interview)

Start with a concept to pilot you through the data
David McCandless

And since it’s always good to have an example, here’s an interactive graphic from the OECD that conveniently illustrates both concepts. Click on the image to go and explore it.

Designed and created by Moritz Stefaner, Jonas Leist, Timm Kekeritz (for Raureif design consultancy)

Being both ‘wow’ and ‘ah-ha’ clearly isn’t something every graphic needs to do but happens to be something this one manages to do well. Which is impressive given it’s a fine line to tread stylistically too, with ‘wow’ being easier to make engaging and playful and ‘ah-ha’ which can err on the side of dry.


16
Feb 11

Desire lines

I haven’t yet worked out the implications for interaction and UX design but I’m sure ‘desire lines’ have something to teach us: design what you like, people will still do what suits them best.

I learnt what a ‘desire line’ was, amongst other things, at a talk Sanky gave at the Typographic Circle.


17
Dec 10

Humanising data II

Released earlier this week, the New York Times’ visualisation of the whole of the USA’s local census data city by city, block by block, is impressive. As ever they’re leading the field with a slick, clear, fast and easy to use data tool. But to be honest I nearly dismissed it as just another whole heap of data made pretty on a map.

"Looking @ my hometown on #nytcensus. Sad that the most striking feature is the Baltimore Penitentiary" @interfluidity

Then they released the invitation for readers to share their local views of the map. It gets a whole lot more interesting. Click on ‘View Readers Maps’ [mmm, missing apostrophe there] top right. Select a message to see that person’s individual take on a particular view. The data takes on meaning and relevance to individuals. One example shown left.

This is a good model for such massive databases. Make the vast database available (in a slick, clean, fast, easy to use way) and then let users find and add the stories. While it’s been tried before this is the first time I think it has really worked.