PowerPoint Presentation · Selection & emphasis Selection. Of all the possible stories there...

Preview:

Citation preview

What is a story?

The storytelling continuum

Scientist or Researcher

Teacher Journalist Lawyer Politician Salesperson Writer or filmmaker

• Objective• Method• Show data• Data analysis• Uncertainty

and error• Conclusion

• Know• Understand• Apply

• Lesson opening• Introduction to

new material• Guided practice• Independent

practice• Closing

• Who? What? Where? When? Why? How?

• Supporting information

• Additional detail

• Opening statement

• Evidence• Witnesses

(primacy and recency tactics)

• Summing up

• Opening (joke, quotation, reference to audience)

• Body (setting out points one at a time, reinforcing each with rhetoric, anecdote etc)

• Closing remarks (appeal to action)

• Attention• Interest• Desire • Action

Seven types of story

Once upon a time, there was ___. Every day, ___. Then one day, ___. Because of that, ____. Because of that, _____. Until finally, _____.

Truth Lies

Selection & emphasis

Selection.

Of all the possible stories there are, it is this story that is most relevant or interesting.

Emphasis.

I'm now going to structure this story to emphasisethis piece of information and then this and then this.

For infographics and charts:

Selection.

Of all the data there is, I am going to choose these datasets.

Emphasis.

I am going to emphasise this dataset as it is the most important. Then I'm going to emphasise this, and then this.

Telling a story to peers or other experts

Telling a story to an ‘educated’ audience who don’t know much about

the subject / the CEO

http://graphics.wsj.com/infectious-diseases-and-vaccines/

Telling a story to a more general audience

Key blogs & bloggers

flowingdata.com

www.informationisbeautifulawards.com

www.fastcodesign.com

www.visualisingdata.com

Guardian and New York Times data blogs, Washington Post, The Economist, The FT (behind paywall)

Five Thirty Eight, The NYT’s Upshot, Vox

Design inspiration: www.behance.net

Design desperation: wtfviz.net

Some good books

Other good books

How to…

The Functional Art by Alberto Cairo

A Kidd’s Guide to Graphic Design by Chip Kidd

The Information Design Workbook by Kim Baer

Infographics – The Power of Visual Storytelling by Jason Lankow et al (Column Five)

Miscellaneous

Dataclysm by Christian Rudder

Just My Type by Simon Garfield

Best practice examples

The Best American Infographics 2013 by Gareth Cook

Visual Storytelling: Inspiring a new visual language (Gestalten)

Understanding the World by Sandra Rengren

Around the World – The Atlas for Today (Gestalten)

Knowledge is Beautiful by David McCandless

London – The Information Capital by James Cheshire and Oliver Uberti

Follow…

Alberto Cairo: @albertocairo

Conrad Hackett: @conradhackett

Tim Harford: @TimHarford

Simon Rogers: @smfrogers

Alan Smith: @theboysmithy

Journalists who tweet about data/tech: @MonaChalabi, @jamesrbuk, @olivia_solon, @helenlewis, @jimwaterson

Full Fact: @FullFact

Plus Twitter accounts of Guardian Data blog, Five Thirty Eight, Upshot, NYT Graphics

Resources & Tools

Design:

Illustrator / InDesign / Photoshopadobe.com/uk/products/creativecloud.html

Inkscape

inkscape.org/en

Resources:

Colour: kuler.adobe.com

Icons: thenounproject.com

Fonts: www.google.com/fonts

Charts: www.datavizcatalogue.com

Javascript: www.codecademy.com

For data:

data.gov.uk

statistics.gov.uk/hub/index.html

data.un.org

data.worldbank.org

data.london.gov.uk

Software & charting libraries

Interactive charts:

• datawrapper.de

• Google charts

• Maps: Google Fusion tables/CartoDB

Infographics:

• infogr.am

• piktochart.com

Charting tools:

• Raw: app.raw.densitydesign.org

• Datavisual: datavisu.al

Site

• shorthand.com/social

• strikingly.com

• sway.com

Dashboards:

• tableausoftware.com

• qlik.com

• powerbi.microsoft.com

Javascript Libraries:

• highcharts.com

• d3js.org

If you write down one URL, write down this one:

https://goo.gl/dsG9bj

dadatavis.tumblr.com

Thankyou!

Adam Frostadam@addtwodigital.com

Tobias Sturttobias@addtwodigital.com

info@addtwodigital.com@addtwodigital

Recommended