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.
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".
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
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!