Info Graphics Tsunami
•
15 likes•7,038 views
The document discusses information graphics and provides examples of their use. It lists various websites that utilize information graphics to visualize data on topics like climate change, health outbreaks, social media sentiments, crime patterns, and more. Government sites in New Zealand are also highlighted for their use of information graphics.
![[ ] IG information graphics](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
Recommended
More Related Content
Viewers also liked
Viewers also liked (20)
Similar to Info Graphics Tsunami
Similar to Info Graphics Tsunami (20)
More from Zef Fugaz
More from Zef Fugaz (10)
Recently uploaded
Recently uploaded (20)
Info Graphics Tsunami
- 2. [ ] IG information graphics
- 3. visual representations of information, data or knowledge
- 4. )-< ?
- 5. Jeffrey Veen / UX Week 2008
- 6. Jeffrey Veen / UX Week 2008
- 7. Jeffrey Veen / UX Week 2008
- 8. Jeffrey Veen / UX Week 2008
- 9. Jeffrey Veen / UX Week 2008
- 10. Jeffrey Veen / UX Week 2008
- 11. [ ] o< www
- 12. MALE PHOTOS / InformationIsBeautiful.net
- 13. CLIMATE CONCENSUS / InformationIsBeautiful.net
- 14. H1N1 VACCINE / datavisualization.ch
- 15. wefeelfine.net
- 16. wefeelfine.net
- 17. wefeelfine.net
- 18. wefeelfine.net
- 19. FLINKLABS / Global Climate Change Visualisation
- 20. http://www.bbc.co.uk/britainfromabove/stories/visualisations/taxis.shtml TAXI GPS / bbc.co.uk/britainfromabove/
- 21. TRAVEL TIMES / mysociety.org/2007/more-travel-maps/
- 22. TRAVEL TIMES / triptropnyc.com
- 23. FRISCO CRIME / sanfrancisco.crimespotting.org
- 24. CRAYOLA COLOURS / weathersealed.com
- 25. SO LONG & THANKS FOR ALL THE FISH / awesome.good.is
- 26. SPACE RACE / awesome.good.is
- 27. RISKS 2010 / weforum.org
- 28. GALATIC TUBE MAP / arbesman.net/blog/
- 29. HOW BIG IS OZ? / Viral email from my Mum
- 30. [ ] o< nz
- 41. [ ] o< IxD
- 49. O)-< /<= U
- 50. Scoop
- 51. PacificEye
- 54. pix
- 55. pix
- 56. teams 7:11PM
- 57. teams 7:11PM A massive 8.1 undersea earthquake has just struck west of Chile.
- 58. teams 7:12PM The Pacific warning system has registered a buoy which has measured a massive tsunami moving at 600km/h towards New Zealand.
- 59. teams 7:12PM The height has been estimated as around 9 metres and is expected to strike Wellington in about 11hrs.
- 60. teams 7:12PM Experts recommend people go at least 3km inland or 100metres above sea level in low-lying areas.
- 62. Your Target User “ She’ll be right” Male 30-50 Red/green colour blind Doesn’t pay close attention
- 63. Team #1 Courtenay Place Digital Billboard
- 64. Team #2 Google Maps Mash-up
- 65. Team #3 A once-off viral Twitter
- 66. Team #4 Google Nexus One (or iPhone)
- 67. Team #5 Wellington Motorway Sign
- 68. Team #6 Apple iPad
- 69. "It's 7:11pm Thursday evening in Wellington. A massive 8.1 undersea earthquake has just struck west of Chile. The Pacific warning system has registered a buoy which has measured a massive tsunami moving at 600km/h towards New Zealand. The height has been estimated as around 9 metres and is expected to strike Wellington in about 11hrs. Experts recommend people go at least 3km inland or 100metres above sea level in low-lying areas".
- 70. Workshop Photos Wellington Web Meetup twitter.com/webmeetup 11 February 2010
- 94. ZEF FUGAZ @zefamedia O)- O/- ~ U ~ U
- 95. [ ] clicksuite.com zefamedia.com O)- O
Editor's Notes
- Thanks to Click Suite who gave me the time to prepare this talk and workshop!
- Information Graphics – I’m not an expert, just sharing what I know and have observed. There’s been an explosion on the web of InfoGraphics in the past few years.
- Infographics are visual representations of information, data or knowledge
- Don’t get it?
- Jeffery Veen showed me this great explanation at Adaptive Path’s User Experience Week 2008. Do you recognise this data?
- How about now? Better, but takes a while to find, say, the rainfall for Chicago in winter.
- Use of fonts and contrast adds a visual element – easier to read
- Adding colour highlights the times of year with the highest and lowest rainfall
- The raindrop icons make it visual and a bit more fun and engaging
- Then you can map the locations to a map and reduce clutter by making the months interactive (via the slider) – a vast contrast to the data set we saw at the beginning
- There’s loads of examples on the web – here’s just a few…
- Males photographed with animals are more likely to get a date…
- Climate change skeptics in the vast minority
- I found this factual infographic easy to follow
- This could have been a bunch of forms and dropdowns – instead they’ve used typography and iconography
- You can view the data in many different ways
- A visualisation of climate change from the 1800s to the present – the trend is obvious
- Taxi’s with GPS are tracked in London – makes the congestion points obvious
- See how long it takes to get to work using different forms off transport at different times of day – I would love to see this for Wellington/Kapiti/Hutt
- A similar mapping tool
- This crime map has great interaction – you can explore the data Created by content.stamen.com
- Crayon colour choices over time
- This could have been a boring line graph
- The space race – a lot of information crammed into an elegant diagram
- Here you can see risks and how they’re interconnected – the butterfly effect
- A tube map for the galaxy – make sure you get off at the right stop!
- It’s harder to find good examples in New Zealand
- This is the motorway they plan to cut through my neighborhood
- The new national education standards for New Zealand – they plan to use simplified reports using information graphics. http://www.national.org.nz/education/
- The new national education standards for New Zealand – they plan to use simplified reports using information graphics. http://www.national.org.nz/education/
- The new national education standards for New Zealand – they plan to use simplified reports using information graphics. http://www.national.org.nz/education/
- I didn’t find much in the way of innovative information graphics on the Statistics NZ website
- This is typical…
- … but at least you can see the same data as a simple graph
- This is getting more innovative – data overlays on a map
- Many of us who work in Information Technology use information graphics every day to communicate to our peers, customers and users. Interaction Designers and Information Architects make heavy use of visual diagrams and information graphics in their job – here’s some typical uses from my job at Click Suite…
- Venn diagram
- Likert scale type thing
- Gap analysis
- Trends
- Site Map
- Paper prototype – often incorporates infographic concepts
- Paper prototype – often incorporates infographic concepts
- Collaboration time!
- The 2009 Samoa earthquake was an 8.1 M submarine earthquake that took place in the Samoan Islands region at 06:48:11 local time on September 29, 2009. It was the largest earthquake of 2009. A tsunami was generated which caused substantial damage and loss of life in Samoa, American Samoa, and Tonga. The Pacific Tsunami Warning Center recorded a 3-inch (76 mm) rise in sea levels near the epicenter, and New Zealand scientists determined that the waves measured 14 metres (46 ft) at their highest on the Samoan coast. Photo http://www.scoop.co.nz/stories/PO0910/S00205.htm
- Photo http://pacificeye.files.wordpress.com/2009/09/dscn0023.jpg
- Reports said the tsunami was heading toward New Zealand – so I went to the web to find out more. This diagram from NOAA made it appear the wave might over 4963 meters tall – I knew that couldn’t be right!
- This diagram from GNS in New Zealand wasn’t much help either
- This at least gave an idea of how long the tsunami would take to travel to New Zealand (3hrs)
- An indication of wave height – but what actually matters more is wave speed/force – even a 100cm wave could travel a long way inland
- Breaking News – this could actually be happening right now!
- Your persona for this workshop
- Workshop Photos Wellington Web Meetup twitter.com/webmeetup 11 February 2010
- Remember – be care to tsunamis
- Let’s meet over a coffee sometime.
- Click Suite is where I work – check out our new website – and Zefamedia is my personal blog.
- Thanks to Click Suite who gave me the time to prepare this talk and workshop!