+ All Categories
Home > Design > The Design of Nothing

The Design of Nothing

Date post: 17-Aug-2014
Category:
Upload: andy-kirk
View: 11,170 times
Download: 5 times
Share this document with a friend
Description:
Andy Kirk's talk at OpenVisConf 2014 in Boston
Popular Tags:
69
Transcript
Page 1: The Design of Nothing
Page 2: The Design of Nothing

http://en.wikipedia.org/wiki/August_Landmesser

The defiance of August Landmesser

Page 3: The Design of Nothing

https://twitter.com/AleemMaqbool/status/447306090087452672/photo/1 https://twitter.com/QasimNauman/status/447277789121495040/photo/1

International New York Times, weekend of 22nd/23rd March 2014

Page 4: The Design of Nothing

Measurements of Car Speeds in the Netherlands, by Erik Boertjes

Page 5: The Design of Nothing

Zero cars

Zero speed

No sensor data

Measurements of Car Speeds in the Netherlands, by Erik Boertjes

Page 6: The Design of Nothing

NULL ZERO BLANK INVISIBLE

Page 7: The Design of Nothing

NULL When ‘nothing’ becomes something

http://dojo4.com/clients/gnip

Page 8: The Design of Nothing
Page 9: The Design of Nothing
Page 10: The Design of Nothing

http://www.washingtonpost.com/rf/image_606w/2010-2019/WashingtonPost/2014/03/20/Foreign/Images/2014-03-20T072610Z_01_DBG270_RTRIDSP_3_MALAYSIA-AIRLINES-AUSTRALIA-10694.jpg

“We are not used to no information” BBC News, 16th March 2014

Page 11: The Design of Nothing

http://www.bloomberg.com/billionaires/latest

Billionaires, by Bloomberg

Page 12: The Design of Nothing

http://printsandprintmaking.gov.au/explore/decade-summary/

Metadata of Australian prints and printmaking, interactive by Mitchell Whitelaw

Page 13: The Design of Nothing

https://www.scmp.com/sites/default/files/2013/05/22/rainfall.jpg

Holiday chill?, by South China Morning Post Graphics

“No data was recorded between 1940 and 1946”

Page 14: The Design of Nothing

http://pbsg.npolar.no/en/dynamic/app/

State of the Polar Bear, by Periscopic

“[The greying out] was a political statement to Russia to release the data they have about polar bears”

Page 15: The Design of Nothing

http://headwaterseconomics.org/interactive/west-wide-atlas

West-Wide Economic Atlas, by Headwaters Economics

“Data are sometimes withheld by the federal government to avoid the disclosure of potentially confidential information.”

Page 16: The Design of Nothing

http://www.nytimes.com/ref/us/20070524_REFINERY_GRAPHIC.html

Rising Prices at the Pump, by New York Times Graphics

Page 17: The Design of Nothing

http://www.bbc.co.uk/news/world-25927595

Where is it Illegal to be Gay?, by BBC News Graphics

Page 18: The Design of Nothing

This is one of the first questions we should ask about any dataset: What is missing? What can we learn from the gaps?

Jer Thorp

https://twitter.com/chris_swift/status/430688880484831232

Page 19: The Design of Nothing

http://www.vancitybuzz.com/2014/03/banksy-vancouver-nobody-likes-me/

ZERO Something to represent ‘nothing’

Page 20: The Design of Nothing

http://projects.nytimes.com/census/2010/explorer

Mapping America, by New York Times Graphics

Page 21: The Design of Nothing

https://twitter.com/rsimmon/status/406433840807165952/photo/1

NASA space station view of Mount Etna, via Rob Simmon

Page 22: The Design of Nothing

http://johnsnow.matrix.msu.edu/book_images12.php

Cholera Outbreak Map, by John Snow

Page 23: The Design of Nothing

John Snow’s cholera map Florence Nightingale Napoleon’s march William Playfair invented the bar chart What would Tufte say? 3D Pie charts are not very good Tall infographics are everywhere… Red-green colour blindness Funny xkcd comic Outrageous maze creation algorithm Random musical interruption Heart-stopping live demo

Page 24: The Design of Nothing

http://www.pinterest.com/pin/450008187738450975/

From Pyramid to Kite, by The Economist

Page 25: The Design of Nothing

http://www.fastcoexist.com/3020923/how-the-red-cross-used-tweets-to-save-lives-during-hurricane-sandy

“Even a lack of postings can tell the Red Cross something. If there is a social media black hole that probably means the area needs help.”

‘Hurricane Sandy’ tweet map, by Floating Sheep

Page 26: The Design of Nothing

Encoding zero?

Page 27: The Design of Nothing

POSITION VS. AXIS

Page 28: The Design of Nothing

http://darkhorseanalytics.com/blog/the-uniform-distribution/

The Uniform Distribution, by Dark Horse Analytics LENGTH

Page 29: The Design of Nothing

http://www.cbc.ca/news/canada/saskatchewan/story/2013/03/04/sk-drinking-age-1303.html

Drinking Age Across Canada, by CBC News BASELINE ZERO FOR LENGTH

Page 30: The Design of Nothing

http://i.huffpost.com/gen/242407/EGYPT-INTERNET-BLACKOUT.jpg

The Uniform Distribution, by Dark Horse Analytics POSITION/AREA VS. AXIS

Page 31: The Design of Nothing

Parallel Coordinates, USDA Nutrient Database

http://exposedata.com/parallel/

POSITION/SLOPE VS. AXIS

Page 32: The Design of Nothing

COLOUR SHADING Hewlett Foundation Grants Tool, by Periscopic

http://www.hewlett.org/grants-tool/index

Page 33: The Design of Nothing

http://www.nytimes.com/interactive/2009/03/03/us/20090303_LEONHARDT.html

Geography of a Recession, by New York Times Graphics COLOUR SHADING

Page 34: The Design of Nothing

http://www.guardian.co.uk/world/interactive/2012/may/08/gay-rights-united-states

TEXTURE Gay Rights by Type, by Guardian US Graphics

Page 35: The Design of Nothing

http://fukushima.nzz.ch/#die-schulleiterin

DENSITY Fukushima, by NZZ/Interactive Things

Page 36: The Design of Nothing

http://hint.fm/wind/

Wind Map, by Hint FM DENSITY

Page 37: The Design of Nothing

http://mapsbynik.tumblr.com/post/82791188950/nobody-lives-here-the-nearly-5-million-census

Nobody Lives Here, by Mapsbynik DOTS/POSITION

Page 38: The Design of Nothing

http://www.scientificamerican.com/article.cfm?id=rfid-tags-track-possible-outbreak-pathways-in-hospital

NODE/LINK RFID Tags Track Possible Outbreak Pathways in the Hospital, by Jan Willem Tulp

Page 39: The Design of Nothing

TITLE

Male Presidents

Female Presidents

ANGLE

Page 40: The Design of Nothing

http://kelsocartography.com/blog/wp-content/uploads/2008/03/carbonatlas.pdf

The Carbon Atlas, by The Guardian Graphics AREA

Page 41: The Design of Nothing

http://www.smartmoney.com/map-of-the-market/

Map of the Market, by The Wall Street Journal AREA

Page 42: The Design of Nothing

http://www.washingtonpost.com/wp-apps/your-own-words/scotus-gay-marriage/

ANNOTATION SCOTUS Gay Marriage, by The Washington Post Graphics

Page 43: The Design of Nothing

https://twitter.com/arnicas/status/435473001258442752

BLANK ‘Nothing’ to represent something

Page 44: The Design of Nothing

The single most overlooked element in visual design is emptiness… [but] space

must look deliberately used.

Alex White

‘The Elements of Graphic Design’ by Alex White, pg 65

Page 45: The Design of Nothing

http://www.this-page-intentionally-left-blank.org/whythat.html

This Page Intentionally Left Blank

The primary reason is to offer internet wanderers a place of quietness and simplicity

on the overcrowded World Wide Web

Page 46: The Design of Nothing

http://13pt.com/projects/nyt071211/

Lunge Feeding, by Jonathan Corum

Page 47: The Design of Nothing

http://graphics-info.blogspot.hk/2012/09/malofiej-20-look-at-our-participation.html

Iraq’s Bloody Toll, by Simon Scarr

Page 48: The Design of Nothing

http://apps.washingtonpost.com/g/page/world/the-depth-of-the-problem/931/

TITLE The Depth of the Problem, by The Washington Post Graphics

Page 49: The Design of Nothing

http://kottke.org/06/07/independent-infographic

Middle East: Who Backs Immediate Ceasefire?, by The Independent

Page 50: The Design of Nothing

http://www.voanews.com/content/nigeria-polio-cases-drop-50-percent/1776099.html

Nigeria Polio Cases Drop 50 Percent in 2013, by Voice of America

Page 51: The Design of Nothing

http://blogs.reuters.com/data-dive/2013/12/10/gms-new-ceo-is-another-small-crack-in-the-glass-ceiling/ http://www.chezvoila.com/blog/glass-ceiling

The Glass Ceiling Persists, by Reuters Graphics | Reworking by Francis Gagnon

Page 52: The Design of Nothing

http://visual.ly/spotlight-movie-profitability

Spotlight on Profitability, by Krisztina Szücs

Page 53: The Design of Nothing

http://www.accurat.it/

Nobels No Degrees, by Accurat Studio for Corriere della Sera

Page 54: The Design of Nothing

http://yusylvia.files.wordpress.com/2010/03/gestalt_illustration-01.jpg?w=604&h=251&h=251 http://www.creativebloq.com/art/art-negative-space-8133765

Page 55: The Design of Nothing

http://www.theispot.com/whatsnew/2014/3/brian-stauffer-out-of-control.htm

New York Time Op-Ed, Out of Control, by Brian Stauffer

Page 56: The Design of Nothing

http://www.businessinsider.com/gun-deaths-in-florida-increased-with-stand-your-ground-2014-2

Gun Deaths in Florida, by Reuters Graphics

Page 57: The Design of Nothing

http://cementeclipses.com/

INVISIBLE A bit more thinking about ‘nothingness’

Page 58: The Design of Nothing

http://www.adweek.com/adfreak/see-everything-thats-beautiful-about-advertising-two-simple-print-ads-bookstore-154627

Advert for Corre Cutia Bookstore, by Lápisraro Comunicação

Page 59: The Design of Nothing

The best design is invisible; the viewer should not see your design. They should only see

your content.

Edward Tufte

Page 60: The Design of Nothing

http://woodchanges.com/

Wood Changes, by Luis Carli and Rafael Passarelli

Page 61: The Design of Nothing

You know you’ve achieved perfection in design, not when you have nothing more to add, but when you have nothing more to take away.

Antoine de Saint-Exupery

Page 62: The Design of Nothing

http://www.scmp.com/infographics/article/1193675/remembering-kowloon-walled-city http://lasombra.blogs.com/la_sombra_del_asno/2013/05/sichuans-earthquake.html

Infographic portfolio of Adolfo Arranz, SCMP

Page 63: The Design of Nothing

http://www.cnn.com/2011/OPINION/04/19/sexy.data/index.html?_s=PM:OPINION

The clearest, most precise graphic in the world communicates nothing if nobody looks at it

Fernanda Viegas, Martin Wattenberg

Page 64: The Design of Nothing

Changing Face of America, by NBC Nightly News

http://www.fastcodesign.com/3029318/design-crime/the-worst-infographic-of-2014-so-far

Page 65: The Design of Nothing

Guidance to the user is needed most at the moment the statistics are first made public. The

news media look to the statistical release to provide an objective account of the statistics. They may regard the absence of such text as

indicative of partisan influence.

Saying nothing is not necessarily politically neutral.

Richard Alldritt, UK Statistics Authority

http://www.statsusernet.org.uk/blogs/richard-alldritt/2012/05/17/a-word-about-numbers

Page 66: The Design of Nothing

http://www.washingtonpost.com/blogs/monkey-cage/wp/2014/04/07/the-less-americans-know-about-ukraines-location-the-more-they-want-u-s-to-intervene/

Where’s Ukraine?, via Washington Post ‘Monkey Cage’

Page 67: The Design of Nothing

Pay attention to ‘nothing’ because it really is worth something

Page 68: The Design of Nothing

Thank you… Contributors: Lynn Cherny, Santiago Ortiz, Kim Rees, Francis Gagnon, Tony Hurst, Jane Pong, Erik Boertjes, Carl Manaster, Nigel Hawtin, Deb Grebenc, Alan Smith The Vine army: @brunodagnino, @mapitup, @hyperion_hq, @lorgmedia, @jcukier, @andrea_paolini, @maralllo, @justadddesign, @stefpos, @giorgialupi, @alignedleft, @stinabacker, @infotrafford, @wiederkehr, @danielsouza, @chezvoila, @albertocairo, @arnicas, @ireneros And, of course, the very wise OpenVisConf committee!

Page 69: The Design of Nothing

Recommended