http://en.wikipedia.org/wiki/August_Landmesser
The defiance of August Landmesser
Measurements of Car Speeds in the Netherlands, by Erik Boertjes
Zero cars
Zero speed
No sensor data
Measurements of Car Speeds in the Netherlands, by Erik Boertjes
NULL ZERO BLANK INVISIBLE
NULL
When ‘nothing’ becomes something
http://dojo4.com/clients/gnip
http://www.washingtonpost.com/rf/image_606w/2010-2019/WashingtonPost/2014/03/20/Foreign/Images/
2014-03-20T072610Z_01_DBG2...
http://www.bloomberg.com/billionaires/latest
Billionaires, by Bloomberg
http://printsandprintmaking.gov.au/explore/decade-summary/
Metadata of Australian prints and printmaking, interactive by M...
https://www.scmp.com/sites/default/files/2013/05/22/rainfall.jpg
Holiday chill?, by South China Morning Post Graphics
“No d...
http://pbsg.npolar.no/en/dynamic/app/
State of the Polar Bear, by Periscopic
“[The greying out] was a political statement ...
http://headwaterseconomics.org/interactive/west-wide-atlas
West-Wide Economic Atlas, by Headwaters Economics
“Data are som...
http://www.nytimes.com/ref/us/20070524_REFINERY_GRAPHIC.html
Rising Prices at the Pump, by New York Times Graphics
http://www.bbc.co.uk/news/world-25927595
Where is it Illegal to be Gay?, by BBC News Graphics
This is one of the first questions we should ask
about any dataset: What is missing?
What can we learn from the gaps?
Jer T...
http://www.vancitybuzz.com/2014/03/banksy-vancouver-nobody-likes-me/
ZERO
Something to represent ‘nothing’
http://projects.nytimes.com/census/2010/explorer
Mapping America, by New York Times Graphics
https://twitter.com/rsimmon/status/406433840807165952/photo/1
NASA space station view of Mount Etna, via Rob Simmon
http://johnsnow.matrix.msu.edu/book_images12.php
Cholera Outbreak Map, by John Snow
John Snow’s cholera map
Florence Nightingale
Napoleon’s march
William Playfair invented the bar chart
What would Tufte say...
http://www.pinterest.com/pin/450008187738450975/
From Pyramid to Kite, by The Economist
http://www.fastcoexist.com/3020923/how-the-red-cross-used-tweets-to-save-lives-during-hurricane-sandy
“Even a lack of post...
Encoding zero?
POSITION VS. AXIS
http://darkhorseanalytics.com/blog/the-uniform-distribution/
The Uniform Distribution, by Dark Horse Analytics
LENGTH
http://www.cbc.ca/news/canada/saskatchewan/story/2013/03/04/sk-drinking-age-1303.html
Drinking Age Across Canada, by CBC N...
http://i.huffpost.com/gen/242407/EGYPT-INTERNET-BLACKOUT.jpg
The Uniform Distribution, by Dark Horse Analytics
POSITION/AR...
Parallel Coordinates, USDA Nutrient Database
http://exposedata.com/parallel/
POSITION/SLOPE VS. AXIS
COLOUR SHADING
Hewlett Foundation Grants Tool, by Periscopic
http://www.hewlett.org/grants-tool/index
http://www.nytimes.com/interactive/2009/03/03/us/20090303_LEONHARDT.html
Geography of a Recession, by New York Times Graph...
http://www.guardian.co.uk/world/interactive/2012/may/08/gay-rights-united-states
TEXTURE
Gay Rights by Type, by Guardian U...
http://fukushima.nzz.ch/#die-schulleiterin
DENSITY
Fukushima, by NZZ/Interactive Things
http://hint.fm/wind/
Wind Map, by Hint FM
DENSITY
http://mapsbynik.tumblr.com/post/82791188950/nobody-lives-here-the-nearly-5-million-census
Nobody Lives Here, by Mapsbynik...
http://www.scientificamerican.com/article.cfm?id=rfid-tags-track-possible-outbreak-pathways-in-hospital
NODE/LINK
RFID Tags ...
TITLE
Male Presidents
Female Presidents
ANGLE
http://kelsocartography.com/blog/wp-content/uploads/2008/03/carbonatlas.pdf
The Carbon Atlas, by The Guardian Graphics
AREA
http://www.smartmoney.com/map-of-the-market/
Map of the Market, by The Wall Street Journal
AREA
http://www.washingtonpost.com/wp-apps/your-own-words/scotus-gay-marriage/
ANNOTATION
SCOTUS Gay Marriage, by The Washingto...
https://twitter.com/arnicas/status/435473001258442752
BLANK
‘Nothing’ to represent something
The single most overlooked element in
visual design is emptiness… [but] space
must look deliberately used.
Alex White
‘The...
http://www.this-page-intentionally-left-blank.org/whythat.html
This Page Intentionally Left Blank
The primary reason is to...
http://13pt.com/projects/nyt071211/
Lunge Feeding, by Jonathan Corum
http://graphics-info.blogspot.hk/2012/09/malofiej-20-look-at-our-participation.html
Iraq’s Bloody Toll, by Simon Scarr
http://apps.washingtonpost.com/g/page/world/the-depth-of-the-problem/931/
TITLEThe Depth of the Problem, by The Washington...
http://kottke.org/06/07/independent-infographic
Middle East: Who Backs Immediate Ceasefire?, by The Independent
http://www.voanews.com/content/nigeria-polio-cases-drop-50-percent/1776099.html
Nigeria Polio Cases Drop 50 Percent in 201...
http://blogs.reuters.com/data-dive/2013/12/10/gms-new-ceo-is-another-small-crack-in-the-glass-ceiling/
http://www.chezvoil...
http://visual.ly/spotlight-movie-profitability
Spotlight on Profitability, by Krisztina Szücs
http://www.accurat.it/
Nobels No Degrees, by Accurat Studio for Corriere della Sera
http://yusylvia.files.wordpress.com/2010/03/gestalt_illustration-01.jpg?w=604&h=251&h=251
http://www.creativebloq.com/art/a...
http://www.theispot.com/whatsnew/2014/3/brian-stauffer-out-of-control.htm
New York Time Op-Ed, Out of Control, by Brian St...
http://www.businessinsider.com/gun-deaths-in-florida-increased-with-stand-your-ground-2014-2
Gun Deaths in Florida, by Reut...
http://cementeclipses.com/
INVISIBLE
A bit more thinking about ‘nothingness’
http://www.adweek.com/adfreak/see-everything-thats-beautiful-about-advertising-two-simple-print-ads-bookstore-154627
Adver...
The best design is invisible; the viewer should
not see your design. They should only see
your content.
Edward Tufte
http://woodchanges.com/
Wood Changes, by Luis Carli and Rafael Passarelli
You know you’ve achieved perfection in design,
not when you have nothing more to add, but
when you have nothing more to ta...
http://www.scmp.com/infographics/article/1193675/remembering-kowloon-walled-city
http://lasombra.blogs.com/la_sombra_del_a...
http://www.cnn.com/2011/OPINION/04/19/sexy.data/index.html?_s=PM:OPINION
The clearest, most precise graphic in the world
c...
Changing Face of America, by NBC Nightly News
http://www.fastcodesign.com/3029318/design-crime/the-worst-infographic-of-20...
Guidance to the user is needed most at the
moment the statistics are first made public. The
news media look to the statisti...
http://www.washingtonpost.com/blogs/monkey-cage/wp/2014/04/07/the-less-americans-know-about-ukraines-location-the-more-the...
Pay attention to ‘nothing’ because it
really is worth something
Thank you…
Contributors: Lynn Cherny, Santiago Ortiz, Kim Rees,
Francis Gagnon, Tony Hurst, Jane Pong, Erik Boertjes,
Carl...
The Design of Nothing
The Design of Nothing
The Design of Nothing
The Design of Nothing
The Design of Nothing
Upcoming SlideShare
Loading in...5
×

The Design of Nothing

13,567

Published on

Andy Kirk's talk at OpenVisConf 2014 in Boston

Published in: Design, Technology
2 Comments
11 Likes
Statistics
Notes
No Downloads
Views
Total Views
13,567
On Slideshare
0
From Embeds
0
Number of Embeds
36
Actions
Shares
0
Downloads
52
Comments
2
Likes
11
Embeds 0
No embeds

No notes for slide

The Design of Nothing

  1. 1. http://en.wikipedia.org/wiki/August_Landmesser The defiance of August Landmesser
  2. 2. 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
  3. 3. Measurements of Car Speeds in the Netherlands, by Erik Boertjes
  4. 4. Zero cars Zero speed No sensor data Measurements of Car Speeds in the Netherlands, by Erik Boertjes
  5. 5. NULL ZERO BLANK INVISIBLE
  6. 6. NULL When ‘nothing’ becomes something http://dojo4.com/clients/gnip
  7. 7. 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
  8. 8. http://www.bloomberg.com/billionaires/latest Billionaires, by Bloomberg
  9. 9. http://printsandprintmaking.gov.au/explore/decade-summary/ Metadata of Australian prints and printmaking, interactive by Mitchell Whitelaw
  10. 10. 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”
  11. 11. 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”
  12. 12. 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.”
  13. 13. http://www.nytimes.com/ref/us/20070524_REFINERY_GRAPHIC.html Rising Prices at the Pump, by New York Times Graphics
  14. 14. http://www.bbc.co.uk/news/world-25927595 Where is it Illegal to be Gay?, by BBC News Graphics
  15. 15. 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
  16. 16. http://www.vancitybuzz.com/2014/03/banksy-vancouver-nobody-likes-me/ ZERO Something to represent ‘nothing’
  17. 17. http://projects.nytimes.com/census/2010/explorer Mapping America, by New York Times Graphics
  18. 18. https://twitter.com/rsimmon/status/406433840807165952/photo/1 NASA space station view of Mount Etna, via Rob Simmon
  19. 19. http://johnsnow.matrix.msu.edu/book_images12.php Cholera Outbreak Map, by John Snow
  20. 20. 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 ✔
  21. 21. http://www.pinterest.com/pin/450008187738450975/ From Pyramid to Kite, by The Economist
  22. 22. 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
  23. 23. Encoding zero?
  24. 24. POSITION VS. AXIS
  25. 25. http://darkhorseanalytics.com/blog/the-uniform-distribution/ The Uniform Distribution, by Dark Horse Analytics LENGTH
  26. 26. 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
  27. 27. http://i.huffpost.com/gen/242407/EGYPT-INTERNET-BLACKOUT.jpg The Uniform Distribution, by Dark Horse Analytics POSITION/AREA VS. AXIS
  28. 28. Parallel Coordinates, USDA Nutrient Database http://exposedata.com/parallel/ POSITION/SLOPE VS. AXIS
  29. 29. COLOUR SHADING Hewlett Foundation Grants Tool, by Periscopic http://www.hewlett.org/grants-tool/index
  30. 30. http://www.nytimes.com/interactive/2009/03/03/us/20090303_LEONHARDT.html Geography of a Recession, by New York Times Graphics COLOUR SHADING
  31. 31. http://www.guardian.co.uk/world/interactive/2012/may/08/gay-rights-united-states TEXTURE Gay Rights by Type, by Guardian US Graphics
  32. 32. http://fukushima.nzz.ch/#die-schulleiterin DENSITY Fukushima, by NZZ/Interactive Things
  33. 33. http://hint.fm/wind/ Wind Map, by Hint FM DENSITY
  34. 34. http://mapsbynik.tumblr.com/post/82791188950/nobody-lives-here-the-nearly-5-million-census Nobody Lives Here, by Mapsbynik DOTS/POSITION
  35. 35. 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
  36. 36. TITLE Male Presidents Female Presidents ANGLE
  37. 37. http://kelsocartography.com/blog/wp-content/uploads/2008/03/carbonatlas.pdf The Carbon Atlas, by The Guardian Graphics AREA
  38. 38. http://www.smartmoney.com/map-of-the-market/ Map of the Market, by The Wall Street Journal AREA
  39. 39. http://www.washingtonpost.com/wp-apps/your-own-words/scotus-gay-marriage/ ANNOTATION SCOTUS Gay Marriage, by The Washington Post Graphics
  40. 40. https://twitter.com/arnicas/status/435473001258442752 BLANK ‘Nothing’ to represent something
  41. 41. 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
  42. 42. 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
  43. 43. http://13pt.com/projects/nyt071211/ Lunge Feeding, by Jonathan Corum
  44. 44. http://graphics-info.blogspot.hk/2012/09/malofiej-20-look-at-our-participation.html Iraq’s Bloody Toll, by Simon Scarr
  45. 45. http://apps.washingtonpost.com/g/page/world/the-depth-of-the-problem/931/ TITLEThe Depth of the Problem, by The Washington Post Graphics
  46. 46. http://kottke.org/06/07/independent-infographic Middle East: Who Backs Immediate Ceasefire?, by The Independent
  47. 47. 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
  48. 48. 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
  49. 49. http://visual.ly/spotlight-movie-profitability Spotlight on Profitability, by Krisztina Szücs
  50. 50. http://www.accurat.it/ Nobels No Degrees, by Accurat Studio for Corriere della Sera
  51. 51. 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
  52. 52. http://www.theispot.com/whatsnew/2014/3/brian-stauffer-out-of-control.htm New York Time Op-Ed, Out of Control, by Brian Stauffer
  53. 53. http://www.businessinsider.com/gun-deaths-in-florida-increased-with-stand-your-ground-2014-2 Gun Deaths in Florida, by Reuters Graphics
  54. 54. http://cementeclipses.com/ INVISIBLE A bit more thinking about ‘nothingness’
  55. 55. 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
  56. 56. The best design is invisible; the viewer should not see your design. They should only see your content. Edward Tufte
  57. 57. http://woodchanges.com/ Wood Changes, by Luis Carli and Rafael Passarelli
  58. 58. 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
  59. 59. 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
  60. 60. 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
  61. 61. Changing Face of America, by NBC Nightly News http://www.fastcodesign.com/3029318/design-crime/the-worst-infographic-of-2014-so-far
  62. 62. 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
  63. 63. 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’
  64. 64. Pay attention to ‘nothing’ because it really is worth something
  65. 65. 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!

×