<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>zefamedia &#187; Ideas</title>
	<atom:link href="http://www.zefamedia.com/category/ideas/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.zefamedia.com</link>
	<description>Ideas &#124; Strategy &#124; Service Design &#124; User Experience &#124; Emerging Technologies</description>
	<lastBuildDate>Mon, 30 Aug 2010 00:14:16 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Tsunami Early Warning Information Graphic</title>
		<link>http://www.zefamedia.com/websites/tsunami-early-warning-information-graphic/</link>
		<comments>http://www.zefamedia.com/websites/tsunami-early-warning-information-graphic/#comments</comments>
		<pubDate>Sun, 18 Oct 2009 23:12:26 +0000</pubDate>
		<dc:creator>Zef</dc:creator>
				<category><![CDATA[Click Suite]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[E-Government]]></category>
		<category><![CDATA[Ideas]]></category>
		<category><![CDATA[Infographics]]></category>
		<category><![CDATA[Websites]]></category>

		<guid isPermaLink="false">http://www.zefamedia.com/?p=840</guid>
		<description><![CDATA[ 
When the recent 6 metre tsunami hit the Samoan region, killing 189 people, there unfortunately wasn&#8217;t time to warn their people. 
But there was time to warn their neighbours in the South Pacific. 
We failed.

New Zealand had several hours to crank-up the tsunami warning machine. The police did their best to round up people [...]]]></description>
			<content:encoded><![CDATA[<p><strong> </strong></p>
<div id="attachment_853" class="wp-caption alignright" style="width: 367px"><strong><strong><a href="http://www.flickr.com/photos/22879180@N00/2688040919/"><img class="size-full wp-image-853" style="margin-left: 10px; margin-right: 10px;" title="tsunami-sign-japan" src="http://www.zefamedia.com/wp-content/uploads/2009/10/tsunami-sign-japan.jpg" alt="Yep - they get it in Japan." width="357" height="457" /></a></strong></strong><p class="wp-caption-text">They respect tsunamis in Japan</p></div>
<p><strong>When the recent 6 metre tsunami hit the Samoan region, killing 189 people, there unfortunately <a href="http://www.livescience.com/technology/090930-tsunami-warning-system.html">wasn&#8217;t time</a> to warn their people. </strong></p>
<p><strong>But there <em>was</em> time to warn their neighbours in the South Pacific. </strong></p>
<p><strong>We failed.<br />
</strong></p>
<p>New Zealand had several hours to crank-up the tsunami warning machine. The police did their best to round up people on the shoreline, but apart from that all we got was out-of-date news reports, government websites which were  light on detail and the internet rife with speculation and rumours.</p>
<p>In New Zealand SMS (text) messages warning people in high-risk areas arrived 3 hours too late. How many people on the East Coast of New Zealand could have been killed if this was the big one? Potentially thousands.</p>
<p><a href="http://www.zefamedia.com/human-nature/tsunami-of-confusion/">My previous article</a> covered how bad the information out there was at representing where the tsunami could strike, the risk and what to do. The graphics which were available were highly technical, easy to misinterpret and in most cases was retrospective data of what had actually occurred &#8211; not predictions of what was coming.</p>
<p>And we have to take into account human nature. In New Zealand when we hear a tsunami is coming a fair number of us just assume it&#8217;s yet another false alarm. Hundreds even go down to the shoreline to watch it coming in.</p>
<p>Why? Saying &#8220;go to higher ground&#8221; isn&#8217;t specific enough. Some will think that means the big sand-dune a few metres from the shoreline.</p>
<p>I believe we need to give people a clear message at a glance, and just enough detailed information that they&#8217;ll take it seriously.</p>
<p>So, while I don&#8217;t claim to be a tsunami expert, I decided to have a go at creating a &#8216;general public&#8217; information graphic which could be populated with data in real-time (or by hand and published online within minutes).</p>
<p><span id="more-840"></span>I encourage your feedback, or if you are a designer, have a go at improving on my design and <a href="mailto:zef@zefamedia.co.nz">let me know</a> when you do.</p>
<p>Here&#8217;s my first attempt (click on the image to enlarge) or <a href="http://www.zefamedia.com/wp-content/uploads/2009/10/TsunamiInfographic.pdf">download the PDF</a> (84KB) if you want a closer look.</p>
<p><a href="http://www.zefamedia.com/wp-content/uploads/2009/10/tsunami-map.png"><img class="alignnone size-full wp-image-842" title="tsunami-map" src="http://www.zefamedia.com/wp-content/uploads/2009/10/tsunami-map.png" alt="tsunami-map" width="581" height="412" /></a></p>
<p>The left panel shows a regional breakdown of the risk level, how high/inland to go and the deadline:</p>
<p><a href="http://www.zefamedia.com/wp-content/uploads/2009/10/tsunami-regions.png"><img class="alignnone size-full wp-image-844" title="tsunami-regions" src="http://www.zefamedia.com/wp-content/uploads/2009/10/tsunami-regions.png" alt="tsunami-regions" width="228" height="150" /></a></p>
<p>The map shows the risk level, how high/inland to go and the deadline for the major population centres:</p>
<p><a href="http://www.zefamedia.com/wp-content/uploads/2009/10/tsunami-wellington.png"><img class="alignnone size-full wp-image-845" title="tsunami-wellington" src="http://www.zefamedia.com/wp-content/uploads/2009/10/tsunami-wellington.png" alt="tsunami-wellington" width="354" height="112" /></a></p>
<p>The modular design allows the information graphic to be easily reformatted for different layouts. Here&#8217;s a snap-off of the map on it&#8217;s own:</p>
<p><a href="http://www.zefamedia.com/wp-content/uploads/2009/10/tsunami-mapNZ.png"><img class="alignnone size-full wp-image-846" title="tsunami-mapNZ" src="http://www.zefamedia.com/wp-content/uploads/2009/10/tsunami-mapNZ.png" alt="tsunami-mapNZ" width="658" height="557" /></a></p>
<p>And here&#8217;s a snap-off of the regional warnings:</p>
<p><a href="http://www.zefamedia.com/wp-content/uploads/2009/10/tsunami-regionslist.png"><img class="alignnone size-full wp-image-847" title="tsunami-regionslist" src="http://www.zefamedia.com/wp-content/uploads/2009/10/tsunami-regionslist.png" alt="tsunami-regionslist" width="233" height="635" /></a></p>
<h2>Information Components</h2>
<div id="attachment_854" class="wp-caption alignright" style="width: 310px"><a href="http://www.flickr.com/photos/enez/2384903378/"><img class="size-medium wp-image-854" title="tsunami-sign-run" src="http://www.zefamedia.com/wp-content/uploads/2009/10/tsunami-sign-run-300x189.jpg" alt="Good idea." width="300" height="189" /></a><p class="wp-caption-text">Good idea</p></div>
<p>The purpose of the graphic is to act as an early warning system to explain the following things I thought most people would be interested in:</p>
<ul>
<li>Earthquake magnitude.</li>
<li>Wave height.</li>
<li>Arrival location(s).</li>
<li>Arrival time(s).</li>
<li>Power of the wave (extent of inundation).</li>
<li>How high I need to go up or/and how far inland.</li>
</ul>
<p>Earthquake magnitude is easy, I included that.</p>
<p>Wave height is variable and actually a  misleading factor as people wrong assume a small (say 3m) wave is not dangerous. It actually depends on the power or force of the tsunami &#8211; a small tsunami could still go a long way inland and cause devastation. So I deliberately left wave height out.</p>
<p>The other questions I have done my best to answer in the graphic.</p>
<h2>Inundation</h2>
<p>The extent of inundation was hard to represent in &#8220;birds-eye view&#8221; graphic as it depends on so many factors (such as being by a river estuary).</p>
<p>This could work if the map was interactive, like a Google Map where you could zoom into your region and see an overlay of the areas which are likely to be affected. I&#8217;m sure this sort of thing is coming.</p>
<h2>Colours to Represent Risk</h2>
<p>Another aspect I struggled with was the use of colours to represent risk.</p>
<p>At first I used the traditional red/orange/yellow to show risk levels. I decided this wouldn&#8217;t be useful for people with red/green colour blindness (the most common form of colour blindness).</p>
<p>I felt that using of shades of blue further emphasised water smashing into the shoreline, so this won in the end.</p>
<p><strong>Red/Orange/Yellow or shades of Blue?</strong></p>
<p><strong><a href="http://www.zefamedia.com/wp-content/uploads/2009/10/zef-nz-redalert.png"><img class="size-full wp-image-849 alignnone" title="zef-nz-redalert" src="http://www.zefamedia.com/wp-content/uploads/2009/10/zef-nz-redalert.png" alt="zef-nz-redalert" width="500" height="441" /></a><br />
</strong></p>
<p><strong> </strong></p>
<h2>Your Thoughts?</h2>
<div id="attachment_855" class="wp-caption alignright" style="width: 310px"><a href="http://www.zefamedia.com/wp-content/uploads/2009/10/tsunami-sign.jpg"><img class="size-medium wp-image-855" title="tsunami-sign" src="http://www.zefamedia.com/wp-content/uploads/2009/10/tsunami-sign-300x223.jpg" alt="Says it all." width="300" height="223" /></a><p class="wp-caption-text">Says it all.</p></div>
<p>Whether you&#8217;re a tsunami expert or not I&#8217;d love your feedback.</p>
<p>Keep in mind that the intention of this Information Graphic is to act as one way to communicate the risk and guide people to take action.</p>
<p>I realise it&#8217;s imperfect as the risks can be hard to assess due to dozens of complicating  factors. But in all I believe it&#8217;s better than &#8216;almost nothing&#8217; &#8211; which is what we get every time a large earthquake hits the Pacific.</p>
<p>PS: Thanks to <a href="http://www.clicksuite.co.nz">Click Suite</a> who unknowingly allowed me work-time to design this graphic last Friday while my bosses were holidaying in Fiji (I was thinking of you insanely relaxing on a beach during the tsunami season!)</p>
<a href="http://www.addtoany.com/add_to/twitter?linkurl=http%3A%2F%2Fwww.zefamedia.com%2Fwebsites%2Ftsunami-early-warning-information-graphic%2F&amp;linkname=Tsunami%20Early%20Warning%20Information%20Graphic" title="Twitter" rel="nofollow" target="_blank"><img src="http://www.zefamedia.com/wp-content/plugins/add-to-any/icons/twitter.png" alt="Twitter"/></a> <a href="http://www.addtoany.com/add_to/facebook?linkurl=http%3A%2F%2Fwww.zefamedia.com%2Fwebsites%2Ftsunami-early-warning-information-graphic%2F&amp;linkname=Tsunami%20Early%20Warning%20Information%20Graphic" title="Facebook" rel="nofollow" target="_blank"><img src="http://www.zefamedia.com/wp-content/plugins/add-to-any/icons/facebook.png" alt="Facebook"/></a> <a href="http://www.addtoany.com/add_to/linkedin?linkurl=http%3A%2F%2Fwww.zefamedia.com%2Fwebsites%2Ftsunami-early-warning-information-graphic%2F&amp;linkname=Tsunami%20Early%20Warning%20Information%20Graphic" title="LinkedIn" rel="nofollow" target="_blank"><img src="http://www.zefamedia.com/wp-content/plugins/add-to-any/icons/linkedin.png" alt="LinkedIn"/></a> <a href="http://www.addtoany.com/add_to/tumblr?linkurl=http%3A%2F%2Fwww.zefamedia.com%2Fwebsites%2Ftsunami-early-warning-information-graphic%2F&amp;linkname=Tsunami%20Early%20Warning%20Information%20Graphic" title="Tumblr" rel="nofollow" target="_blank"><img src="http://www.zefamedia.com/wp-content/plugins/add-to-any/icons/tumblr.png" alt="Tumblr"/></a> <a href="http://www.addtoany.com/add_to/delicious?linkurl=http%3A%2F%2Fwww.zefamedia.com%2Fwebsites%2Ftsunami-early-warning-information-graphic%2F&amp;linkname=Tsunami%20Early%20Warning%20Information%20Graphic" title="Delicious" rel="nofollow" target="_blank"><img src="http://www.zefamedia.com/wp-content/plugins/add-to-any/icons/delicious.png" alt="Delicious"/></a> <a href="http://www.addtoany.com/add_to/digg?linkurl=http%3A%2F%2Fwww.zefamedia.com%2Fwebsites%2Ftsunami-early-warning-information-graphic%2F&amp;linkname=Tsunami%20Early%20Warning%20Information%20Graphic" title="Digg" rel="nofollow" target="_blank"><img src="http://www.zefamedia.com/wp-content/plugins/add-to-any/icons/digg.png" alt="Digg"/></a> <a href="http://www.addtoany.com/add_to/google_bookmarks?linkurl=http%3A%2F%2Fwww.zefamedia.com%2Fwebsites%2Ftsunami-early-warning-information-graphic%2F&amp;linkname=Tsunami%20Early%20Warning%20Information%20Graphic" title="Google Bookmarks" rel="nofollow" target="_blank"><img src="http://www.zefamedia.com/wp-content/plugins/add-to-any/icons/google.png" alt="Google Bookmarks"/></a> <a href="http://www.addtoany.com/add_to/evernote?linkurl=http%3A%2F%2Fwww.zefamedia.com%2Fwebsites%2Ftsunami-early-warning-information-graphic%2F&amp;linkname=Tsunami%20Early%20Warning%20Information%20Graphic" title="Evernote" rel="nofollow" target="_blank"><img src="http://www.zefamedia.com/wp-content/plugins/add-to-any/icons/evernote.png" alt="Evernote"/></a> <a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fwww.zefamedia.com%2Fwebsites%2Ftsunami-early-warning-information-graphic%2F&amp;linkname=Tsunami%20Early%20Warning%20Information%20Graphic">Share/Save</a>]]></content:encoded>
			<wfw:commentRss>http://www.zefamedia.com/websites/tsunami-early-warning-information-graphic/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>word</title>
		<link>http://www.zefamedia.com/ideas/word/</link>
		<comments>http://www.zefamedia.com/ideas/word/#comments</comments>
		<pubDate>Thu, 24 Jul 2008 16:44:00 +0000</pubDate>
		<dc:creator>Zef</dc:creator>
				<category><![CDATA[Ideas]]></category>

		<guid isPermaLink="false">http://www.zefamedia.com/?p=117</guid>
		<description><![CDATA[

 

        Share/Save]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.zefamedia.com/wp-content/uploads/2008/12/wordlezef.gif"><img class="size-full wp-image-450 aligncenter" title="wordlezef" src="http://www.zefamedia.com/wp-content/uploads/2008/12/wordlezef.gif" alt="wordlezef" width="614" height="1280" /></a></p>
<p><span class="full-image-block"></p>
<p align="center"><span> </span></p>
<p></span></p>
<a href="http://www.addtoany.com/add_to/twitter?linkurl=http%3A%2F%2Fwww.zefamedia.com%2Fideas%2Fword%2F&amp;linkname=word" title="Twitter" rel="nofollow" target="_blank"><img src="http://www.zefamedia.com/wp-content/plugins/add-to-any/icons/twitter.png" alt="Twitter"/></a> <a href="http://www.addtoany.com/add_to/facebook?linkurl=http%3A%2F%2Fwww.zefamedia.com%2Fideas%2Fword%2F&amp;linkname=word" title="Facebook" rel="nofollow" target="_blank"><img src="http://www.zefamedia.com/wp-content/plugins/add-to-any/icons/facebook.png" alt="Facebook"/></a> <a href="http://www.addtoany.com/add_to/linkedin?linkurl=http%3A%2F%2Fwww.zefamedia.com%2Fideas%2Fword%2F&amp;linkname=word" title="LinkedIn" rel="nofollow" target="_blank"><img src="http://www.zefamedia.com/wp-content/plugins/add-to-any/icons/linkedin.png" alt="LinkedIn"/></a> <a href="http://www.addtoany.com/add_to/tumblr?linkurl=http%3A%2F%2Fwww.zefamedia.com%2Fideas%2Fword%2F&amp;linkname=word" title="Tumblr" rel="nofollow" target="_blank"><img src="http://www.zefamedia.com/wp-content/plugins/add-to-any/icons/tumblr.png" alt="Tumblr"/></a> <a href="http://www.addtoany.com/add_to/delicious?linkurl=http%3A%2F%2Fwww.zefamedia.com%2Fideas%2Fword%2F&amp;linkname=word" title="Delicious" rel="nofollow" target="_blank"><img src="http://www.zefamedia.com/wp-content/plugins/add-to-any/icons/delicious.png" alt="Delicious"/></a> <a href="http://www.addtoany.com/add_to/digg?linkurl=http%3A%2F%2Fwww.zefamedia.com%2Fideas%2Fword%2F&amp;linkname=word" title="Digg" rel="nofollow" target="_blank"><img src="http://www.zefamedia.com/wp-content/plugins/add-to-any/icons/digg.png" alt="Digg"/></a> <a href="http://www.addtoany.com/add_to/google_bookmarks?linkurl=http%3A%2F%2Fwww.zefamedia.com%2Fideas%2Fword%2F&amp;linkname=word" title="Google Bookmarks" rel="nofollow" target="_blank"><img src="http://www.zefamedia.com/wp-content/plugins/add-to-any/icons/google.png" alt="Google Bookmarks"/></a> <a href="http://www.addtoany.com/add_to/evernote?linkurl=http%3A%2F%2Fwww.zefamedia.com%2Fideas%2Fword%2F&amp;linkname=word" title="Evernote" rel="nofollow" target="_blank"><img src="http://www.zefamedia.com/wp-content/plugins/add-to-any/icons/evernote.png" alt="Evernote"/></a> <a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fwww.zefamedia.com%2Fideas%2Fword%2F&amp;linkname=word">Share/Save</a>]]></content:encoded>
			<wfw:commentRss>http://www.zefamedia.com/ideas/word/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Search Engine Not Starting!</title>
		<link>http://www.zefamedia.com/websites/search-engine-not-starting/</link>
		<comments>http://www.zefamedia.com/websites/search-engine-not-starting/#comments</comments>
		<pubDate>Tue, 15 Apr 2008 12:44:44 +0000</pubDate>
		<dc:creator>Zef</dc:creator>
				<category><![CDATA[Ideas]]></category>
		<category><![CDATA[Information Architecture]]></category>
		<category><![CDATA[Websites]]></category>

		<guid isPermaLink="false">http://www.zefamedia.com/?p=113</guid>
		<description><![CDATA[I&#8217;m working on a new information architecture for a transport-related website. I&#8217;m presenting the first cut tomorrow and wondering if this one will get past the critics&#8230;

Wouldn&#8217;t it be nice to see a bit more humour on New Zealand websites?
&#160;
&#160;
&#160;
        Share/Save]]></description>
			<content:encoded><![CDATA[<p><span class="sizeGreater20">I&#8217;m working on a new information architecture for a transport-related website. I&#8217;m presenting the first cut tomorrow and wondering if this one will get past the critics&#8230;</span></p>
<p><span class="full-image-float-none"><img src="/storage/searchresults.gif" alt="searchresults.gif" /></span></p>
<p>Wouldn&#8217;t it be nice to see a bit more humour on New Zealand websites?</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<a href="http://www.addtoany.com/add_to/twitter?linkurl=http%3A%2F%2Fwww.zefamedia.com%2Fwebsites%2Fsearch-engine-not-starting%2F&amp;linkname=Search%20Engine%20Not%20Starting%21" title="Twitter" rel="nofollow" target="_blank"><img src="http://www.zefamedia.com/wp-content/plugins/add-to-any/icons/twitter.png" alt="Twitter"/></a> <a href="http://www.addtoany.com/add_to/facebook?linkurl=http%3A%2F%2Fwww.zefamedia.com%2Fwebsites%2Fsearch-engine-not-starting%2F&amp;linkname=Search%20Engine%20Not%20Starting%21" title="Facebook" rel="nofollow" target="_blank"><img src="http://www.zefamedia.com/wp-content/plugins/add-to-any/icons/facebook.png" alt="Facebook"/></a> <a href="http://www.addtoany.com/add_to/linkedin?linkurl=http%3A%2F%2Fwww.zefamedia.com%2Fwebsites%2Fsearch-engine-not-starting%2F&amp;linkname=Search%20Engine%20Not%20Starting%21" title="LinkedIn" rel="nofollow" target="_blank"><img src="http://www.zefamedia.com/wp-content/plugins/add-to-any/icons/linkedin.png" alt="LinkedIn"/></a> <a href="http://www.addtoany.com/add_to/tumblr?linkurl=http%3A%2F%2Fwww.zefamedia.com%2Fwebsites%2Fsearch-engine-not-starting%2F&amp;linkname=Search%20Engine%20Not%20Starting%21" title="Tumblr" rel="nofollow" target="_blank"><img src="http://www.zefamedia.com/wp-content/plugins/add-to-any/icons/tumblr.png" alt="Tumblr"/></a> <a href="http://www.addtoany.com/add_to/delicious?linkurl=http%3A%2F%2Fwww.zefamedia.com%2Fwebsites%2Fsearch-engine-not-starting%2F&amp;linkname=Search%20Engine%20Not%20Starting%21" title="Delicious" rel="nofollow" target="_blank"><img src="http://www.zefamedia.com/wp-content/plugins/add-to-any/icons/delicious.png" alt="Delicious"/></a> <a href="http://www.addtoany.com/add_to/digg?linkurl=http%3A%2F%2Fwww.zefamedia.com%2Fwebsites%2Fsearch-engine-not-starting%2F&amp;linkname=Search%20Engine%20Not%20Starting%21" title="Digg" rel="nofollow" target="_blank"><img src="http://www.zefamedia.com/wp-content/plugins/add-to-any/icons/digg.png" alt="Digg"/></a> <a href="http://www.addtoany.com/add_to/google_bookmarks?linkurl=http%3A%2F%2Fwww.zefamedia.com%2Fwebsites%2Fsearch-engine-not-starting%2F&amp;linkname=Search%20Engine%20Not%20Starting%21" title="Google Bookmarks" rel="nofollow" target="_blank"><img src="http://www.zefamedia.com/wp-content/plugins/add-to-any/icons/google.png" alt="Google Bookmarks"/></a> <a href="http://www.addtoany.com/add_to/evernote?linkurl=http%3A%2F%2Fwww.zefamedia.com%2Fwebsites%2Fsearch-engine-not-starting%2F&amp;linkname=Search%20Engine%20Not%20Starting%21" title="Evernote" rel="nofollow" target="_blank"><img src="http://www.zefamedia.com/wp-content/plugins/add-to-any/icons/evernote.png" alt="Evernote"/></a> <a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save?linkurl=http%3A%2F%2Fwww.zefamedia.com%2Fwebsites%2Fsearch-engine-not-starting%2F&amp;linkname=Search%20Engine%20Not%20Starting%21">Share/Save</a>]]></content:encoded>
			<wfw:commentRss>http://www.zefamedia.com/websites/search-engine-not-starting/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
