<?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>The Web Usability Blog&#187; google maps</title>
	<atom:link href="http://webusability-blog.com/tags/google-maps/feed/" rel="self" type="application/rss+xml" />
	<link>http://webusability-blog.com</link>
	<description>Tips, insights and meandering thoughts about usability and information architecture</description>
	<lastBuildDate>Sun, 20 Feb 2011 16:47:59 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Google Maps: cases from travel websites</title>
		<link>http://webusability-blog.com/google-maps-cases/</link>
		<comments>http://webusability-blog.com/google-maps-cases/#comments</comments>
		<pubDate>Wed, 21 Oct 2009 15:50:23 +0000</pubDate>
		<dc:creator>Els Aerts</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[google maps]]></category>

		<guid isPermaLink="false">http://webusability-blog.com/?p=525</guid>
		<description><![CDATA[Google Maps is great. If you use it well. We show some good and bad examples from travel websites.  ]]></description>
			<content:encoded><![CDATA[<p>Google Maps is a wonderful thing.</p>
<p>But, like so often with new things, it isn&#8217;t always used in the best of ways. People seem to put stuff on Google Maps pretty much without thinking about it.</p>
<p>Some examples from travel websites.</p>
<h1>Google Maps: how not to use it</h1>
<h2>Example 1: airline</h2>
<p><a href="http://farm3.static.flickr.com/2615/4015845303_5697d6375f_o.gif" rel="lightbox[525]"><img title="Bad use of Google Maps" src="http://farm3.static.flickr.com/2615/4015845303_d9e59bf825.jpg" alt="" width="395" height="500" /></a></p>
<p>&#8220;The map gives you an overview of all our destinations. You can choose where to go with a single click.&#8221; Great, isn&#8217;t it?</p>
<p>No, it isn&#8217;t. You can see the airline is very active in Europe. And that they haven&#8217;t discovered South-America yet.</p>
<p>But picking your destination in one easy click? I don&#8217;t think so. <span id="more-525"></span> </p>
<h2>Example 2: travel site specialised in London</h2>
<p><a href="http://farm3.static.flickr.com/2619/4016608604_4ac3878e60_o.jpg" rel="lightbox[525]"><img title="Bad use of Google Maps" src="http://farm3.static.flickr.com/2619/4016608604_a6a333140b.jpg" alt="" width="500" height="338" /></a></p>
<p>Hello? Is anybody there? What were they thinking?</p>
<p>And what do those colour differences mean? Is there some universal colour code I&#8217;m unaware of?  </p>
<h2>The user can zoom, can&#8217;t he?</h2>
<p>Yes, he can.</p>
<p>He can also stand on his head to look at your website. Does that mean you can put all your pages upside down?</p>
<p>Theoretically, yes, you can zoom. But a lot of people aren&#8217;t really good at zooming. (Seriously, if you&#8217;re ever bored during user testing, have the test user zoom in and out on a map and scroll sideways. Fun guaranteed.)</p>
<p>Besides, most users who see this kind of overload of dots on a map won&#8217;t even bother to zoom. They&#8217;ll just leave.</p>
<h1>How to use Google Maps the right way</h1>
<p>The examples below are from a <a href="http://www.aussietours.be/nl/home.php">Belgian travel agency specialized in Australia</a>. Instead of 1 map of Australia with 70.000 dots on it, they use the maps in 3 steps.</p>
<ol>
<li>Which state are you interested in visiting and what are the highlights there?</li>
<li>In that state, what are the highlights per region?</li>
<li>Show me everything the region has to offer.</li>
</ol>
<h2>Step 1</h2>
<p><a href="http://farm3.static.flickr.com/2588/4015845495_8b8802790b_o.gif" rel="lightbox[525]"><img title="Aussie Tours: step 1" src="http://farm3.static.flickr.com/2588/4015845495_3235bc5cdf.jpg" alt="" width="500" height="285" /></a></p>
<h2>Step 2</h2>
<p><a href="http://farm4.static.flickr.com/3520/4016608694_955e093c48_o.gif" rel="lightbox[525]"><img title="Aussie Tours: step 2" src="http://farm4.static.flickr.com/3520/4016608694_3c3e15d4c3.jpg" alt="" width="500" height="205" /></a></p>
<h2>Step 3</h2>
<p><a href="http://farm3.static.flickr.com/2793/4016608722_f58afc1d35_o.gif" rel="lightbox[525]"><img title="Aussie Tours: step 3" src="http://farm3.static.flickr.com/2793/4016608722_747bde7b9b.jpg" alt="" width="500" height="331" /></a></p>
<h2>What&#8217;s good about this example?</h2>
<p>There are more steps. But the steps are clear and it&#8217;s faster than zooming. And above all: the steps offer the user context. They take out the guesswork and allow him to make choices based on information.  </p>
<p>(Sure, the first two overlays aren&#8217;t ideal. But hey, no website&#8217;s perfect.)</p>
<h1>Got some Google Maps examples of your own?</h1>
<p>Feel free to post your own good and bad examples of Google Maps in the comments.</p>
]]></content:encoded>
			<wfw:commentRss>http://webusability-blog.com/google-maps-cases/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

