Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Aus Zahlen werden Geschichten

Aus Zahlen werden Geschichten

This talk has been given as part of the impulse day «Data-Driven Journalism» on July 2ⁿᵈ at SRF.

Benjamin Wiederkehr

July 02, 2013

More Decks by Benjamin Wiederkehr

Other Decks in Design


  1. presented by Interactive Things Bilder 1 Aus Zahlen werden

  2. presented by Interactive Things Ben Fry Computational Information Design 2

    acquire parse filter mine represent refine interact COMPUTER SCIENCE STATISTICS INFORMATION & INTERACTION DESIGN
  3. presented by Interactive Things 3 Daten Mensch Repräsentation ABBILDUNG WAHRNEHMUNG

  4. Stephen Few: Tapping the Power of Visual Perception

  5. Jacques Bertin: Semiology of Graphics

  6. Martin Handford: Where's Wally?

  7. presented by Interactive Things 7 Position Hue Direction Brightness Saturation

    Shape Visual Attributes Texture Scale
  8. Santiago Ortiz: 45 Ways to Communicate Two Quantities, http://ixt.gs/19mK3aT

  9. presented by Interactive Things The idea for information design is:

    Don't get it original, get it right. 9 Edward Tufte “
  10. presented by Interactive Things Geschichten 10 Aus Zahlen werden

  11. presented by Interactive Things Stories are important cognitive events, for

    they encapsulate, into one compact package, information, knowledge, context, & emotion. 11 Donald Norman “
  12. Charles Joseph Minard: Napoleon's March to Russia 1812– 1813

  13. Averyanov Alexander: The Attack of Moscow Regiment





  18. presented by Interactive Things Wie erzählen wir unvergessliche Geschichten mit

    Daten? 15
  19. Christoph Bangert für NZZ: Ofunato 2011






  25. presented by Interactive Things Grobkonzeption 18 Erarbeitung der

  26. Projektbüro Fukushima

  27. Die Reise beginnt… in Japan: Marcel Gyr, Christoph Bangert und

    Mitsuhiro Shoji
  28. Die Reise beginnt… in Zürich: Sylke Gruhnwald, Peter Gassner, Martina

    Franzén, Flavio Gortana, Benjamin Wiederkehr
  29. None
  30. None
  31. None
  32. None
  33. None
  34. None
  35. None
  36. presented by Interactive Things Medien 27 Einsatz von

  37. None
  38. None
  39. None
  40. None
  41. None
  42. presented by Interactive Things Visualisierungen 32 Einsatz von

  43. ✔ ✘ ✘ ✘ ✘ ✘ ✘ ✘ ✘ ✘

    ✘ ✘ ✔ ✔
  44. presented by Interactive Things ~ 5km 20km Tamura City Nihonmatsu

    City Soma City Minamisoma City Namie Town Futaba Town Okuma Town Tomioka Town NarahaTown Ono Town Hirata Village Hirono Town Kawauchi Village Date City Kawamata Town Iitate Village Katsurao Village Fukushima Tatsuno Village Fukushima Daiichi Fukushima Daiichi 20km 30km 50km 100km 200km 300km Strahlenbelastung LQȝ6YKDP)HEUXDU ~ ~ ~ ~ ~ 4~ 8~ ~ 2VDND Kyoto 7RN\R )XNXVKLPD 7DWVXQR9LOODJH 2IXQDWR Fukushima Daiichi 34
  45. Flüchtlingsströme Visualisierung: Flüchtlingsströme

  46. census.gov: Net Migration Between California and Other States: 1955–1960 and

    1995–2000, http://www.census.gov/dataviz/visualizations/051/
  47. None
  48. 2000km 800 km 800 km 400 km 400 km SENDAI

  49. 2000km 800 km 800 km 400 km 400 km SENDAI

    South Japan North Japan SAPPORO TOKYO OSAKA OKINAWA AOMORI Shelter Hotel Relatives Residence Total 0 42 403 134 579 2011
  50. 2000km 800 km 800 km 400 km 400 km SENDAI

    South Japan North Japan SAPPORO TOKYO OSAKA OKINAWA AOMORI Shelter Hotel Relatives Residence Total 0 42 403 134 579 2011 2012 AOMORI +13% Shelter Hotel Relatives Residence Total 0 0 319 334 653
  51. None
  52. Strahlendosis Visualisierung: Strahlendosis

  53. presented by Interactive Things 42

  54. David McCandless: Radiation Dosage Chart Randall Munroe: Radiation Dose Chart

  55. None
  56. None
  57. presented by Interactive Things Visualisierungen 46 Einsatz von

  58. presented by Interactive Things Wie arbeiten wir gemeinsam an solchen

    Geschichten? 47
  59. 18. JANUAR 25. FEBRUAR 8. MÄRZ Konzeption Recherche Implementation Design

  60. Datavisualization.ch Selected Tools, http://selection.datavisualization.ch

  61. presented by Interactive Things 50 Also habe ich einige Freunde

  62. presented by Interactive Things 51 design questions testing user visual

    ask story find sketches create develop make question get identify research ideas iterate define different explore set wireframe side iteration start refine interesting finding use technical sketch requirements structure goals look sketching form gathering board interface adjustments server foundations client technology level public traditional new facts clean organize draft prototype early figure visualizations evaluate standard changes later points ways key build review insights interaction translate processing tableau patterns away exploration visually support narrative process hierarchy project representation refinement know feel hand one graphics combination tweak analysis strategic idea concepting white ideation experience scenarios drawings assessments flow diagrams lot font color studies mechanics tests layered compositions interactivity motion copywriting audio communication perform alpha quality assurance performance beta usability surveys promotion relation campaigns ambassador outreach relations methods social media channels curious discover passionate investigate inspect retrieve models execute solutions improve deliver present final document describe main findings insight rapid exploratory minimalist instantiations quickly cycle big smaller feedback fresh perspectives evaluation talk audience deployment environment involve stakeholder play analyze learn view draw possible visualizing answers evolve frames functionality method meet expected useful offer tell craft deploy launch celebrate enjoy remind love parse normalize properties latent structures massage tendency encode known methodologies visualize r relationships something break tools represent experiment algorithms apply inspiration areas colors fonts alignment interviewing views asking thumbnail test composition answering gather additional sources reading everything spot holes unique intent clarifying complex explaining highlighting trend supporting argument great identifying problems reality check collaborative reworking discovering accurate narratives creating solidify hierarchical mood building understandable important information choosing format determining approach phase releasing world personally attached vague ready attempts problem worth publishing counting words sorting themes illustrator high contents raw preliminary grip explorations tools, excel produce many highlight individual parts sense texture throw tweaking comes understand getting touch progress custom made functional prototypes mostly adobe flash playing java html 5 techniques, frameworks d3 raphaël puzzle solving arrange imagining certain things several versions dialogue come quick conclusion conversation leads options sophistication cleaning, reformatting, fixing, calculating visible prototyping answer stories basic approaches care details definition acquisition sets, mining hotspots focuses data, interactions looking prior examples paper code mockups range concepts development delivery archive engagement iterations
  63. presented by Interactive Things 52 …und das Beste davon für

    euch zusammengestellt.