<?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>B3 bohemia&#039;s - 坚持创新，给设计多一点乐趣 &#187; 用户体验</title>
	<atom:link href="http://blog.b3inside.com/tag/%e7%94%a8%e6%88%b7%e4%bd%93%e9%aa%8c/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.b3inside.com</link>
	<description></description>
	<lastBuildDate>Tue, 24 Jan 2012 02:50:02 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>从中关村的购物体验侃起</title>
		<link>http://blog.b3inside.com/userexperience/to-association-web-by-shopping-experience/</link>
		<comments>http://blog.b3inside.com/userexperience/to-association-web-by-shopping-experience/#comments</comments>
		<pubDate>Sat, 14 Mar 2009 15:41:22 +0000</pubDate>
		<dc:creator>波希米亚</dc:creator>
				<category><![CDATA[用户体验]]></category>

		<guid isPermaLink="false">http://blog.b3inside.com/?p=526</guid>
		<description><![CDATA[请从下面这张图中找到一个正在注视镜头的人： 好了，重点不在这，开始侃我们今天的话题。 现在我顶不爱去中关村买东西，特压抑，购物心情大受影响，每次一进市场从门口就开始“大哥，是买相机不”，“大哥，买笔记本不”，“大哥&#8230;”，凡是路过的档口，肯定有人缠着你，更过分的还上手拉你。我能体会导购的压力和辛苦，这套路子初三毕业那会儿我就干过，但可有礼貌多了。 你们“太热情了”，真的，但我不需要，我只想安静的找我需要买的东西，买完就离开这个“是非之地”。在我需要的时候，帮我解释一下产品的功能、特性和价格，我会非常感谢你，会让我觉得这个店员非常专业，也非常尊重顾客，整个购物过程都很和谐，很愉快，下次我也愿意再来光顾。否则我会找替代品，比如其他商场，或是网购，或者&#8230;不买了。 如果把中关村看做互联网，把海龙大厦当成一个网站，那这个网站的体验真的是很差。我们为什么反复说“为功能和信息做减法”，“越简越妙”，用意无非是想为用户营造一个轻松愉悦的使用环境。尽量少的信息干扰，可以让用户更容易的找到自己想要的东西，如果能在必要时加以辅助，那将会使你的网站锦上添花。 一个网站的信息过度，就好比这段话上面20厘米处那张图片一样，甚至像那些“热情似火”的导购：找累了，用烦了；离开了，不来了；没有这些用户在，网站也就玩完了！对于这样的网站，我们需要给他做个手术，减掉那些碍人视线的东西。 “大夫，给”&#8230;&#8230;咔嚓～ 此文献给和我一样，对中关村电子市场购物环境现状感到厌烦、同时又在从事信息设计的哥们儿们，别让用户也用同样的话来指责我们。带动你的团队，一起努力来改善这一切。 （P.S. 图片来自华盖创意） 相关文章 地图网站的需求功能与体验 在Google上看书 一个提高了近10%转化率的改进 可用性工程的生命周期 10条可用性方面的启发
相关文章<ol>
<li><a href='http://blog.b3inside.com/userexperience/the-requirements-function-experience-of-map-sites/' rel='bookmark' title='地图网站的需求功能与体验'>地图网站的需求功能与体验</a></li>
<li><a href='http://blog.b3inside.com/essay/read-books-on-google/' rel='bookmark' title='在Google上看书'>在Google上看书</a></li>
<li><a href='http://blog.b3inside.com/userexperience/10-improvement-on-conversion/' rel='bookmark' title='一个提高了近10%转化率的改进'>一个提高了近10%转化率的改进</a></li>
<li><a href='http://blog.b3inside.com/userexperience/the-usability-engineering-lifecycle/' rel='bookmark' title='可用性工程的生命周期'>可用性工程的生命周期</a></li>
<li><a href='http://blog.b3inside.com/userexperience/ten-usability-heuristics/' rel='bookmark' title='10条可用性方面的启发'>10条可用性方面的启发</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>请从下面这张图中找到一个正在注视镜头的人：<br />
<a href="http://blog.b3inside.com/wp-content/uploads/2009/03/market-1.jpg" target="_blank"><img class="alignnone size-medium wp-image-536" title="market-1" src="http://blog.b3inside.com/wp-content/uploads/2009/03/market-1-400x266.jpg" alt="market-1" width="400" height="266" /></a></p>
<p>好了，重点不在这，开始侃我们今天的话题。<br />
现在我顶不爱去中关村买东西，特压抑，购物心情大受影响，每次一进市场从门口就开始“大哥，是买相机不”，“大哥，买笔记本不”，“大哥&#8230;”，凡是路过的档口，肯定有人缠着你，更过分的还上手拉你。我能体会导购的压力和辛苦，这套路子初三毕业那会儿我就干过，但可有礼貌多了。</p>
<p>你们“太热情了”，真的，但我不需要，我只想安静的找我需要买的东西，买完就离开这个“是非之地”。在我需要的时候，帮我解释一下产品的功能、特性和价格，我会非常感谢你，会让我觉得这个店员非常专业，也非常尊重顾客，整个购物过程都很和谐，很愉快，下次我也愿意再来光顾。否则我会找替代品，比如其他商场，或是网购，或者&#8230;不买了。</p>
<p><span id="more-526"></span>如果把中关村看做互联网，把海龙大厦当成一个网站，那这个网站的体验真的是很差。我们为什么反复说“为功能和信息做减法”，“越简越妙”，用意无非是想为用户营造一个轻松愉悦的使用环境。尽量少的信息干扰，可以让用户更容易的找到自己想要的东西，如果能在必要时加以辅助，那将会使你的网站锦上添花。</p>
<p>一个网站的信息过度，就好比这段话上面20厘米处那张图片一样，甚至像那些“热情似火”的导购：找累了，用烦了；离开了，不来了；没有这些用户在，网站也就玩完了！对于这样的网站，我们需要给他做个手术，减掉那些碍人视线的东西。</p>
<p><img class="alignnone size-full wp-image-543" title="cut-1" src="http://blog.b3inside.com/wp-content/uploads/2009/03/cut-1.jpg" alt="cut-1" width="400" height="267" /><br />
“大夫，给”&#8230;&#8230;咔嚓～</p>
<p>此文献给和我一样，对中关村电子市场购物环境现状感到厌烦、同时又在从事信息设计的哥们儿们，别让用户也用同样的话来指责我们。带动你的团队，一起努力来改善这一切。</p>
<p>（P.S. 图片来自<a href="http://www.gettyimages.cn/" target="_blank">华盖创意</a>） </p>
<p>相关文章<ol>
<li><a href='http://blog.b3inside.com/userexperience/the-requirements-function-experience-of-map-sites/' rel='bookmark' title='地图网站的需求功能与体验'>地图网站的需求功能与体验</a></li>
<li><a href='http://blog.b3inside.com/essay/read-books-on-google/' rel='bookmark' title='在Google上看书'>在Google上看书</a></li>
<li><a href='http://blog.b3inside.com/userexperience/10-improvement-on-conversion/' rel='bookmark' title='一个提高了近10%转化率的改进'>一个提高了近10%转化率的改进</a></li>
<li><a href='http://blog.b3inside.com/userexperience/the-usability-engineering-lifecycle/' rel='bookmark' title='可用性工程的生命周期'>可用性工程的生命周期</a></li>
<li><a href='http://blog.b3inside.com/userexperience/ten-usability-heuristics/' rel='bookmark' title='10条可用性方面的启发'>10条可用性方面的启发</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://blog.b3inside.com/userexperience/to-association-web-by-shopping-experience/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>地图网站的需求功能与体验</title>
		<link>http://blog.b3inside.com/userexperience/the-requirements-function-experience-of-map-sites/</link>
		<comments>http://blog.b3inside.com/userexperience/the-requirements-function-experience-of-map-sites/#comments</comments>
		<pubDate>Mon, 23 Feb 2009 05:15:32 +0000</pubDate>
		<dc:creator>波希米亚</dc:creator>
				<category><![CDATA[用户体验]]></category>
		<category><![CDATA[地图]]></category>

		<guid isPermaLink="false">http://blog.b3inside.com/?p=366</guid>
		<description><![CDATA[地图现在太常见了,几乎每天在地铁上都能看到卖地图的小贩,”09年新版北京旅游交通图,1块钱一份”,买的人多半是外地来旅游的,这些人需要地图来告诉他们现在是哪,要去的地方在哪,可以坐什么车.瞧,就是这张地图: 开个玩笑,这是一张1923年的北京地图.它虽不是本文的重点,但从现在开始我们就要往地图相关的内容上靠了.信息时代,啥玩意发展的都快,北京交通旅游图年年都换,甚至恨不得一年内出好几版,目的只有一个&#8211;”赚钱”,呵呵,貌似仔细看了看,除了小广告有所不同以外,实际内容有啥改动还真考眼力呢&#8230;人类是最聪明的,总能根据需要创造出新的东西来帮着自己偷懒. 没错,人是越来越懒,不过也越来越智慧,电子地图的诞生正在逐步取代纸地图.过去我们与纸地图交互的唯一方式,就是用手指在上面比划来比划去;而现在不但可以直接在地图页面上点选,还能通过输入关键字,甚至是使用语音来查找地点.只是找个地方,方式变化却如此之大,这是为什么呢? 不妨今天我们坐下来考虑几个问题:地图网站的需求,功能和体验.也思考一下高科技在带给我们便利的同时,还带来了什么. 需求篇 需求是一个产品诞生的原始驱动力.电子地图,地图网站或地图服务的兴起,除了依托互联网相关技术的发展外,更主要的是人因.我们可以罗列一下,是哪些想法在推动着它: 要更快速更准确的找到目的地; 不想再凭眼力去找,我知道地方的名字,只是不知道具体在什么位置; 从我这到目的地有多远,怎么才能过去; 我们碰头的地点是A地,我想知道周边有哪些场所,见面后想在附近吃饭; 懒的记途经的地名和换乘站,是否可以打印,或者能把这些信息发短信给我; 要下班了,想知道那条路回家畅通一点,交通流量如何; 目的地附近有哪些建筑,楼宇大概是什么样子的; 要是能实时提示我该怎么走,那就更好了(GPS辅助); 几个人不在同一个地方,但要能看到同一张地图; 先举这么多.看,我们的想法多五花八门,但它们都是为同一个目标&#8211;简单,准确,高效!这是电子地图和纸制地图相比,最大的特点所在.为了要实现这些需求,设计师和工程师们真的是下了不少工夫,要把北京地图,中国地图,甚至世界地图统统装到一个只有纸制地图1/6大的显示屏里来,也不是件容易的事(虽然现在看起来再普通不过). 需求是问题,那功能就是答案.怎么来回答这些问题? 功能篇 很多时候,我们想一口气把问题全答完.等等,喘口气,别答乱喽.功能也一样,要有针对性,别弄一大堆功能上来,看着挺”充实”,其实有用的没几个.作为设计师,先听好问题问的是什么,需求要的是什么,然后再做相应的功能.当然,如果能把几个交叉重复的需求,用更少个数的功能表示明白,我想用户会感谢你的,他们会为你的设计买单. 看看上面列举的需求,是如何转化为功能的: 这个是谷歌地图的一个截图,用简单的几个字,就逐一回答了之前的问题. 比传统纸制地图快就快在,系统可以根据输入的目的地关键字,帮你完成哪些”眼力劳动”. 和看纸制地图一样,看看这儿,看看那儿.因为这些动作都要在屏幕里去完成,因此放大缩小起到辅助浏览的功能:先缩小找到大体位置,再放大查看具体地点. 这个是最吸引人的功能,也是对用户帮助最大的功能.不管是开车,还是坐公交,有了这些数据,出行心里就更有底了. 体验篇 地图类的竞品有很多,比较有名的: 谷歌地图 , 百度地图 , 搜狗地图 ,MapABC , Mapbar , 我要地图网 等&#8230;虽然主要功能和达到的目的都一样,但使用上还是有差别的.这些功能的差别来源于针对人群的差异性,功能的设置,技术水平,以及对产品的认识. 1. 城市选择 谷歌: 默认城市是”北京市”,可同时细选各个区县 百度: 默认城市是”北京市” 搜狗: 默认是”北京” MapABC: 默认是”北京” Mapbar: 默认是”北京市” 我要地图网: 默认是”全国” 从上面的例子不难发现,多数网站都能通过ip获取用户当前所在的城市,在页面加载初始化的时候,就确定城市.这会让用户感到很亲切,也能少操作一步. 2. 初始界面 谷歌: <a href="http://blog.b3inside.com/userexperience/the-requirements-function-experience-of-map-sites/"> read more <span class="meta-nav">&#187;</span></a>
相关文章<ol>
<li><a href='http://blog.b3inside.com/userexperience/to-association-web-by-shopping-experience/' rel='bookmark' title='从中关村的购物体验侃起'>从中关村的购物体验侃起</a></li>
<li><a href='http://blog.b3inside.com/essay/read-books-on-google/' rel='bookmark' title='在Google上看书'>在Google上看书</a></li>
<li><a href='http://blog.b3inside.com/userexperience/10-improvement-on-conversion/' rel='bookmark' title='一个提高了近10%转化率的改进'>一个提高了近10%转化率的改进</a></li>
<li><a href='http://blog.b3inside.com/userexperience/the-usability-engineering-lifecycle/' rel='bookmark' title='可用性工程的生命周期'>可用性工程的生命周期</a></li>
<li><a href='http://blog.b3inside.com/userexperience/ten-usability-heuristics/' rel='bookmark' title='10条可用性方面的启发'>10条可用性方面的启发</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>地图现在太常见了,几乎每天在地铁上都能看到卖地图的小贩,”09年新版北京旅游交通图,1块钱一份”,买的人多半是外地来旅游的,这些人需要地图来告诉他们现在是哪,要去的地方在哪,可以坐什么车.瞧,就是这张地图:</p>
<p><a href="http://blog.b3inside.com/wp-content/uploads/2009/02/beijing-1923.jpg" target="_blank"><img class="alignnone size-medium wp-image-369" title="一张华丽的1923年北京地图" src="http://blog.b3inside.com/wp-content/uploads/2009/02/beijing-1923-400x286.jpg" alt="一张华丽的1923年北京地图" width="400" height="286" /></a></p>
<p>开个玩笑,这是一张1923年的北京地图.它虽不是本文的重点,但从现在开始我们就要往地图相关的内容上靠了.信息时代,啥玩意发展的都快,北京交通旅游图年年都换,甚至恨不得一年内出好几版,目的只有一个&#8211;”赚钱”,呵呵,貌似仔细看了看,除了小广告有所不同以外,实际内容有啥改动还真考眼力呢&#8230;人类是最聪明的,总能根据需要创造出新的东西来帮着自己偷懒.</p>
<p>没错,人是越来越懒,不过也越来越智慧,电子地图的诞生正在逐步取代纸地图.过去我们与纸地图交互的唯一方式,就是用手指在上面比划来比划去;而现在不但可以直接在地图页面上点选,还能通过输入关键字,甚至是使用语音来查找地点.只是找个地方,方式变化却如此之大,这是为什么呢?</p>
<p><span id="more-366"></span>不妨今天我们坐下来考虑几个问题:地图网站的需求,功能和体验.也思考一下高科技在带给我们便利的同时,还带来了什么.</p>
<p><strong>需求篇</strong></p>
<p>需求是一个产品诞生的原始驱动力.电子地图,地图网站或地图服务的兴起,除了依托互联网相关技术的发展外,更主要的是人因.我们可以罗列一下,是哪些想法在推动着它:</p>
<ul>
<li>要更快速更准确的找到目的地;</li>
<li>不想再凭眼力去找,我知道地方的名字,只是不知道具体在什么位置;</li>
<li>从我这到目的地有多远,怎么才能过去;</li>
<li>我们碰头的地点是A地,我想知道周边有哪些场所,见面后想在附近吃饭;</li>
<li>懒的记途经的地名和换乘站,是否可以打印,或者能把这些信息发短信给我;</li>
<li>要下班了,想知道那条路回家畅通一点,交通流量如何;</li>
<li>目的地附近有哪些建筑,楼宇大概是什么样子的;</li>
<li>要是能实时提示我该怎么走,那就更好了(GPS辅助);</li>
<li>几个人不在同一个地方,但要能看到同一张地图;</li>
</ul>
<p>先举这么多.看,我们的想法多五花八门,但它们都是为同一个目标&#8211;简单,准确,高效!这是电子地图和纸制地图相比,最大的特点所在.为了要实现这些需求,设计师和工程师们真的是下了不少工夫,要把北京地图,中国地图,甚至世界地图统统装到一个只有纸制地图1/6大的显示屏里来,也不是件容易的事(虽然现在看起来再普通不过).</p>
<p>需求是问题,那功能就是答案.怎么来回答这些问题?</p>
<p><strong>功能篇</strong></p>
<p>很多时候,我们想一口气把问题全答完.等等,喘口气,别答乱喽.功能也一样,要有针对性,别弄一大堆功能上来,看着挺”充实”,其实有用的没几个.作为设计师,先听好问题问的是什么,需求要的是什么,然后再做相应的功能.当然,如果能把几个交叉重复的需求,用更少个数的功能表示明白,我想用户会感谢你的,他们会为你的设计买单.</p>
<p>看看上面列举的需求,是如何转化为功能的:</p>
<p><img class="alignnone size-full wp-image-378" title="功能插图1" src="http://blog.b3inside.com/wp-content/uploads/2009/02/function-1.gif" alt="功能演示1" width="400" height="400" /><br />
这个是<a href="http://ditu.google.cn/" target="_blank">谷歌地图</a>的一个截图,用简单的几个字,就逐一回答了之前的问题.</p>
<p><a href="http://blog.b3inside.com/wp-content/uploads/2009/02/function-21.gif" target="_blank"><img class="alignnone size-medium wp-image-383" title="功能插图2" src="http://blog.b3inside.com/wp-content/uploads/2009/02/function-21-400x74.gif" alt="功能插图2" width="400" height="74" /></a><br />
比传统纸制地图快就快在,系统可以根据输入的目的地关键字,帮你完成哪些”眼力劳动”.</p>
<p><img class="alignnone size-full wp-image-385" title="功能插图3" src="http://blog.b3inside.com/wp-content/uploads/2009/02/function-3.gif" alt="功能插图3" width="240" height="280" /><br />
和看纸制地图一样,看看这儿,看看那儿.因为这些动作都要在屏幕里去完成,因此放大缩小起到辅助浏览的功能:先缩小找到大体位置,再放大查看具体地点.</p>
<p><img class="alignnone size-full wp-image-388" title="功能插图4" src="http://blog.b3inside.com/wp-content/uploads/2009/02/function-4.gif" alt="功能插图4" width="400" height="700" /><br />
这个是最吸引人的功能,也是对用户帮助最大的功能.不管是开车,还是坐公交,有了这些数据,出行心里就更有底了.</p>
<p><strong>体验篇</strong></p>
<p>地图类的竞品有很多,比较有名的: <a href="http://ditu.google.cn/" target="_blank">谷歌地图</a> , <a href="http://ditu.baidu.com/" target="_blank">百度地图</a> , <a href="http://www.mapabc.com/" target="_blank"> </a><a href="http://map.sogou.com/" target="_blank">搜狗地图</a> ,<a href="http://www.mapabc.com/" target="_blank">MapABC</a> , <a href="http://www.mapbar.com/" target="_blank">Mapbar</a> , <a href="http://www.51ditu.com/" target="_blank">我要地图网</a> 等&#8230;虽然主要功能和达到的目的都一样,但使用上还是有差别的.这些功能的差别来源于针对人群的差异性,功能的设置,技术水平,以及对产品的认识.</p>
<p>1. 城市选择</p>
<p><img class="alignnone size-full wp-image-392" title="map-city-1" src="http://blog.b3inside.com/wp-content/uploads/2009/02/map-city-1.gif" alt="map-city-1" width="340" height="105" /><br />
谷歌: 默认城市是”北京市”,可同时细选各个区县</p>
<p><img class="alignnone size-full wp-image-393" title="map-city-2" src="http://blog.b3inside.com/wp-content/uploads/2009/02/map-city-2.gif" alt="map-city-2" width="250" height="60" /><br />
百度: 默认城市是”北京市”</p>
<p><img class="alignnone size-full wp-image-396" title="map-city-5" src="http://blog.b3inside.com/wp-content/uploads/2009/02/map-city-5.png" alt="map-city-5" width="281" height="51" /><br />
搜狗: 默认是”北京”</p>
<p><img class="alignnone size-full wp-image-394" title="map-city-3" src="http://blog.b3inside.com/wp-content/uploads/2009/02/map-city-3.png" alt="map-city-3" width="216" height="55" /><br />
MapABC: 默认是”北京”</p>
<p><img class="alignnone size-full wp-image-395" title="map-city-4" src="http://blog.b3inside.com/wp-content/uploads/2009/02/map-city-4.png" alt="map-city-4" width="138" height="54" /><br />
Mapbar: 默认是”北京市”</p>
<p><img class="alignnone size-full wp-image-397" title="map-city-6" src="http://blog.b3inside.com/wp-content/uploads/2009/02/map-city-6.png" alt="map-city-6" width="289" height="69" /><br />
我要地图网: 默认是”全国”</p>
<p>从上面的例子不难发现,多数网站都能通过ip获取用户当前所在的城市,在页面加载初始化的时候,就确定城市.这会让用户感到很亲切,也能少操作一步.</p>
<p>2. 初始界面</p>
<p><a href="http://ditu.google.cn/" target="_blank"><img class="alignnone size-full wp-image-401" title="map-homepage-1" src="http://blog.b3inside.com/wp-content/uploads/2009/02/map-homepage-1.gif" alt="map-homepage-1" width="400" height="220" /></a><br />
谷歌: 初始为北京市地图</p>
<p><a href="http://ditu.baidu.com/" target="_blank"><img class="alignnone size-full wp-image-403" title="map-homepage-2" src="http://blog.b3inside.com/wp-content/uploads/2009/02/map-homepage-2.gif" alt="map-homepage-2" width="400" height="227" /></a><br />
百度: 初始为北京市地图</p>
<p><a href="http://map.sogou.com/" target="_blank"><img class="alignnone size-full wp-image-407" title="map-homepage-5" src="http://blog.b3inside.com/wp-content/uploads/2009/02/map-homepage-5.gif" alt="map-homepage-5" width="400" height="228" /></a><br />
搜狗: 初始为北京市地图</p>
<p><a href="http://www.mapabc.com/" target="_blank"><img class="alignnone size-full wp-image-404" title="map-homepage-3" src="http://blog.b3inside.com/wp-content/uploads/2009/02/map-homepage-3.gif" alt="map-homepage-3" width="400" height="273" /></a><br />
MapABC: 网站本身界面</p>
<p><a href="http://www.mapbar.com/" target="_blank"><img class="alignnone size-full wp-image-406" title="map-homepage-4" src="http://blog.b3inside.com/wp-content/uploads/2009/02/map-homepage-4.gif" alt="map-homepage-4" width="400" height="226" /></a><br />
Mapbar: 网站本身界面</p>
<p><a href="http://www.51ditu.com/" target="_blank"><img class="alignnone size-full wp-image-408" title="map-homepage-6" src="http://blog.b3inside.com/wp-content/uploads/2009/02/map-homepage-6.gif" alt="map-homepage-6" width="400" height="355" /></a><br />
我要地图网: 网站本身界面</p>
<p>貌似以搜索见长的网站,初始界面焦点是北京市地图;而以地图为主产品的网站,焦点则是搜索框.或许专门的地图站点都有一个”首页”情节.</p>
<p>3. 关键字输入</p>
<p><img class="alignnone size-full wp-image-412" title="map-keyword-1" src="http://blog.b3inside.com/wp-content/uploads/2009/02/map-keyword-1.gif" alt="map-keyword-1" width="395" height="187" /><br />
谷歌: 自动匹配相关地名</p>
<p><img class="alignnone size-full wp-image-413" title="map-keyword-2" src="http://blog.b3inside.com/wp-content/uploads/2009/02/map-keyword-2.gif" alt="map-keyword-2" width="388" height="34" /><br />
百度: 没有自动匹配功能</p>
<p><img class="alignnone size-full wp-image-414" title="map-keyword-3" src="http://blog.b3inside.com/wp-content/uploads/2009/02/map-keyword-3.gif" alt="map-keyword-3" width="287" height="118" /><br />
搜狗: 没有自动匹配功能</p>
<p><img class="alignnone size-full wp-image-415" title="map-keyword-4" src="http://blog.b3inside.com/wp-content/uploads/2009/02/map-keyword-4.gif" alt="map-keyword-4" width="306" height="70" /><br />
MapABC: 没有自动匹配功能</p>
<p><img class="alignnone size-full wp-image-416" title="map-keyword-5" src="http://blog.b3inside.com/wp-content/uploads/2009/02/map-keyword-5.gif" alt="map-keyword-5" width="348" height="190" /><br />
Mapbar: 自动匹配相关地名</p>
<p><img class="alignnone size-full wp-image-418" title="map-keyword-6" src="http://blog.b3inside.com/wp-content/uploads/2009/02/map-keyword-6.gif" alt="map-keyword-6" width="330" height="52" /><br />
我要地图网: 自动匹配相关地名(可能是编码问题,匹配出来的字是乱码)</p>
<p>自动匹配(Auto Complete)虽然不是新鲜的东西,但考虑到技术成本,有些网站还是省掉了这个功能.其实这就是一个响应顺序的问题:自动匹配是事前响应,而没有这个功能的站点采用事后响应的方式,当用户触发”查找”动作以后,模糊查询含有关键字的地点,反应在地图上.体验上前者更好些,为什么这么说,是因为自动匹配其实是在帮助用户精确地段,缩小范围.</p>
<p>4. 地标指示及附加功能</p>
<p><img class="alignnone size-full wp-image-419" title="map-tip-1" src="http://blog.b3inside.com/wp-content/uploads/2009/02/map-tip-1.gif" alt="map-tip-1" width="400" height="255" /><br />
谷歌: 地址,到这里去,从这里出发,周边搜索</p>
<p><img class="alignnone size-full wp-image-422" title="map-tip-2" src="http://blog.b3inside.com/wp-content/uploads/2009/02/map-tip-2.gif" alt="map-tip-2" width="400" height="225" /><br />
百度: 地址,电话,到这里去,从这里出发,周边搜索</p>
<p><img class="alignnone size-full wp-image-423" title="map-tip-3" src="http://blog.b3inside.com/wp-content/uploads/2009/02/map-tip-3.gif" alt="map-tip-3" width="330" height="291" /><br />
搜狗: 地址,电话,到这里去,从这里出发,周边搜索</p>
<p><img class="alignnone size-full wp-image-424" title="map-tip-4" src="http://blog.b3inside.com/wp-content/uploads/2009/02/map-tip-4.gif" alt="map-tip-4" width="330" height="164" /><br />
MapABC: 地址,到这里去,从这里出发,周边搜索</p>
<p><img class="alignnone size-full wp-image-425" title="map-tip-5" src="http://blog.b3inside.com/wp-content/uploads/2009/02/map-tip-5.gif" alt="map-tip-5" width="400" height="310" /><br />
Mapbar: 到这里去,从这里出发,周边搜索</p>
<p><img class="alignnone size-full wp-image-426" title="map-tip-6" src="http://blog.b3inside.com/wp-content/uploads/2009/02/map-tip-6.gif" alt="map-tip-6" width="330" height="233" /><br />
我要地图网: 到这里去,从这里出发,周边搜索</p>
<p>从上图比较来看,地标提示框除了标明地点外,”到这里去,从这里出发,周边搜索”是其主要功能.这几个功能是较纸制地图最大的优势所在.传统地图只能告诉我们地点在哪,而电子地图解决了我们最关心的问题&#8211;怎么去!</p>
<p>5. 交互形式</p>
<p>用户可以在地图界面内,使用鼠标进行拖拽,改变页面框架内显示的区域.这是模拟我们在看传统纸制地图时用视线寻找地区的样子.屏幕内显示的内容有限,就算我们移动视线也看不到页面以外的东西,但拽进来不就看到了.正所谓”山不过来,我过去”.</p>
<p>依靠鼠标滚轮上下移动,我们可以放大缩小地图显示的范围.这也是优势之一.配合卫星功能(不是所有地图网站都有这个功能)还能看到建筑群是个什么样子.</p>
<p>6.用户界面</p>
<p>点在地图网站的界面都大同小异,一列显示备选地点,其余区域(尽量大)用来显示主地图.线框我就不画了,很好理解.道路,建筑等图示都模拟传统地图,降低学习成本.</p>
<p><strong>发展趋势</strong></p>
<p>随着科技发展,移动终端的丰富,互联网技术的提升,电子地图的载体正逐渐从家用电脑转向手机,GPS,便携式电脑.未来我们无论步行出游,驾车,还是出差,都可以通过无处不在的网络,更方便的使用电子地图带来的便利.快速定位,路线指引,周边搜索将越来越深入人们的生活.高效,信息更丰富将成为未来电子地图的主题. </p>
<p>相关文章<ol>
<li><a href='http://blog.b3inside.com/userexperience/to-association-web-by-shopping-experience/' rel='bookmark' title='从中关村的购物体验侃起'>从中关村的购物体验侃起</a></li>
<li><a href='http://blog.b3inside.com/essay/read-books-on-google/' rel='bookmark' title='在Google上看书'>在Google上看书</a></li>
<li><a href='http://blog.b3inside.com/userexperience/10-improvement-on-conversion/' rel='bookmark' title='一个提高了近10%转化率的改进'>一个提高了近10%转化率的改进</a></li>
<li><a href='http://blog.b3inside.com/userexperience/the-usability-engineering-lifecycle/' rel='bookmark' title='可用性工程的生命周期'>可用性工程的生命周期</a></li>
<li><a href='http://blog.b3inside.com/userexperience/ten-usability-heuristics/' rel='bookmark' title='10条可用性方面的启发'>10条可用性方面的启发</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://blog.b3inside.com/userexperience/the-requirements-function-experience-of-map-sites/feed/</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
		<item>
		<title>在Google上看书</title>
		<link>http://blog.b3inside.com/essay/read-books-on-google/</link>
		<comments>http://blog.b3inside.com/essay/read-books-on-google/#comments</comments>
		<pubDate>Fri, 31 Oct 2008 15:19:37 +0000</pubDate>
		<dc:creator>波希米亚</dc:creator>
				<category><![CDATA[我的随笔]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[读书]]></category>

		<guid isPermaLink="false">http://www.b3inside.com/?p=69</guid>
		<description><![CDATA[《Paper Prototyping》 Author: Carolyn Snyder Written by a usability engineer with a long and successful paper prototyping history, this book is a practical, how-to guide that will prepare you to create and test paper prototypes ofall kinds of user interfaces. 找了好久这本书,国内好像没得卖.只好在Google上搜,在books.google.com上找到了,而且还可以在线阅读,虽然是有限预览,但足够了解个大概.有时候挺别人介绍一本书过来,但没看过不知道是不是适合自己,这样可以在Google图书馆里先预览一下,好了你再买. 还有很多书,都可以在网上找到: 《Grid Systems: Principles of Organizing Type》 《Information Design》 《Designing Web Navigation》 《Information Architecture <a href="http://blog.b3inside.com/essay/read-books-on-google/"> read more <span class="meta-nav">&#187;</span></a>
相关文章<ol>
<li><a href='http://blog.b3inside.com/essay/we-need-browser-only-in-the-future/' rel='bookmark' title='未来我们只需要浏览器'>未来我们只需要浏览器</a></li>
<li><a href='http://blog.b3inside.com/essay/build-your-cdn-with-google-app-engine/' rel='bookmark' title='用Google建立自己的CDN'>用Google建立自己的CDN</a></li>
<li><a href='http://blog.b3inside.com/essay/2009-inventory-of-internet-products/' rel='bookmark' title='2009互联网产品盘点'>2009互联网产品盘点</a></li>
<li><a href='http://blog.b3inside.com/essay/first-step-for-weibo-at-anywhere/' rel='bookmark' title='微博@ anywhere迈出了第一步'>微博@ anywhere迈出了第一步</a></li>
<li><a href='http://blog.b3inside.com/design/iphone-app-design-trends/' rel='bookmark' title='iPhone应用设计趋势'>iPhone应用设计趋势</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" title="Paper Prototyping" src="http://bks8.books.google.com/books?id=5OhE7dyGtmgC&amp;printsec=frontcover&amp;img=1&amp;zoom=5&amp;sig=ACfU3U06djld-PN12V12kCNoP_FzfxOQGg" alt="" width="65" height="80" /> <a href="http://books.google.com/books?id=5OhE7dyGtmgC&amp;printsec=frontcover&amp;hl=zh-CN" target="_blank">《Paper Prototyping》</a><br />
Author: Carolyn Snyder<br />
<span><span style="line-height: 1.2em;">Written by a usability engineer with a long and successful paper prototyping history,<br />
this book is a practical, how-to guide that will prepare you to create and test paper<br />
prototypes ofall kinds of user interfaces.</span></span></p>
<p>找了好久这本书,国内好像没得卖.只好在Google上搜,在<a href="http://books.google.com/" target="_blank">books.google.com</a>上找到了,而且还可以在线阅读,虽然是有限预览,但足够了解个大概.有时候挺别人介绍一本书过来,但没看过不知道是不是适合自己,这样可以在Google图书馆里先预览一下,好了你再买.</p>
<p><span id="more-69"></span>还有很多书,都可以在网上找到:<br />
<a href="http://books.google.com/books?id=ROY7BTddbjgC&amp;printsec=frontcover&amp;hl=zh-CN" target="_blank">《Grid Systems: Principles of Organizing Type》</a><br />
<a href="http://books.google.com/books?id=vnax4nN4Ws4C&amp;printsec=frontcover&amp;hl=zh-CN" target="_blank">《Information Design》</a><br />
<a href="http://books.google.com/books?id=LC0cG-vFJbcC&amp;printsec=frontcover&amp;hl=zh-CN" target="_blank">《Designing Web Navigation》</a><br />
<a href="http://books.google.com/books?id=hLdcLklZOFAC&amp;printsec=frontcover&amp;hl=zh-CN" target="_blank">《Information Architecture 2.0》</a> </p>
<p>相关文章<ol>
<li><a href='http://blog.b3inside.com/essay/we-need-browser-only-in-the-future/' rel='bookmark' title='未来我们只需要浏览器'>未来我们只需要浏览器</a></li>
<li><a href='http://blog.b3inside.com/essay/build-your-cdn-with-google-app-engine/' rel='bookmark' title='用Google建立自己的CDN'>用Google建立自己的CDN</a></li>
<li><a href='http://blog.b3inside.com/essay/2009-inventory-of-internet-products/' rel='bookmark' title='2009互联网产品盘点'>2009互联网产品盘点</a></li>
<li><a href='http://blog.b3inside.com/essay/first-step-for-weibo-at-anywhere/' rel='bookmark' title='微博@ anywhere迈出了第一步'>微博@ anywhere迈出了第一步</a></li>
<li><a href='http://blog.b3inside.com/design/iphone-app-design-trends/' rel='bookmark' title='iPhone应用设计趋势'>iPhone应用设计趋势</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://blog.b3inside.com/essay/read-books-on-google/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>

