Aus Zahlen werden Geschichten

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

Transcript

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 INTERAKTION
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
14. WIDE UNESCO
15. WIDE UNESCO
16. WIDE UNESCO
17. WIDE UNESCO
18. presented by Interactive Things Wie erzählen wir unvergessliche Geschichten mit Daten? 15
19. Christoph Bangert für NZZ: Ofunato 2011
20. FUKUSHIMA NZZ
21. FUKUSHIMA NZZ
22. FUKUSHIMA NZZ
23. FUKUSHIMA NZZ
24. FUKUSHIMA NZZ
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
36. presented by Interactive Things Medien 27 Einsatz von
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/
48. 2000km 800 km 800 km 400 km 400 km SENDAI South Japan North Japan SAPPORO TOKYO OSAKA OKINAWA
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
52. Strahlendosis Visualisierung: Strahlendosis
53. presented by Interactive Things 42
54. David McCandless: Radiation Dosage Chart Randall Munroe: Radiation Dose Chart
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 befragt…
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.