行业关键字
UI设计UI理论和资料 → 正文
Google地图和搜狗地图的信息架构
作者: Raymond 来源: 视觉同盟 时间: 2009年3月5日

本来想写地图网站的布局和架构,范围太大,放弃了。再说大部分地图网站都离不开左文字信息,右地图展示的排布方式(除了百度地图,刚好反着)。

从上回说到小R的心智模型,意在铺垫。这次就抓两个典型:Google地图和搜狗地图。

 

 

Google地图的架构:“搜索栏”“二级导航区”是完全剥离的。醒目的“搜索栏”和冗杂的“二级导航栏”构成了google地图的主体架构。
“搜索地点”、“公交/自驾”、“民生信息”,这3个关系是平行的。
在google地图看来,用户来了最重要的事莫过于“输入地名或街道,搜索地点”了,其次是查找民生信息,最后才是“公交/自驾”(看3者在页面所占信息量的比重和位置便知)。

搜狗地图的架构:将"二级导航区"和"搜索栏"用Tab的方式捆在一起,形成强联系。
在搜狗看来,用户的需求可以分为“搜索地点、公交、自驾”,这3个大类。这3个需求和搜索栏是因果关系,便于用户更有目的地搜索需要的信息。

之前我说了小R的心智模型,当他来到Google地图网站,扫视与“公交”有关的信息时,视线被淹没在一堆“朝阳区”“海淀区”“丰台区”等地域信息和“餐饮”“购物”等类别信息里。
公交在哪儿?
什么?没看到?再仔细看看。
原来它藏在在LOGO和一堆字的中间……

而小R在使用搜狗地图时,清晰的架构和可用性较高的UI,帮助他很快找到了“公交”。

 

当小R 点击google地图的“公交/驾车”按钮时,问题再次出现

“神奇”的按钮

“公交/驾车”信息重复出现了2次,标题一次,按钮一次。
对于这点很不解:用户进入这个页面,是有明确的需求的(即查找线路),重复提醒的必要性有多大?
再者将“/”放入带有搜索性质的按钮中,这会对用户的认知产生歧义,这个按钮到底是公交还是自驾?用户对操作后的结果不可预知。
将按钮内容换成“搜索线路”可能会更合适一些。

再者将“交通方式”用下拉菜单的方式处理也不是个好主意。
其默认是“驾车”,小R都进来半天了,“公交”这个大需求还是被雪藏在下拉菜单里。

 

搜狗地图的架构优势再一次体现。

 Google地图将“公交和自驾”的功能内聚所致,这种架构很不利于用户从实际需求角度出发去解决问题。
 
为何Google地图要使用这种架构?

与Google地图的服务和定位有关。

Google地图将大众点评网的餐饮及民生资讯融入到地图搜索服务中。
既想照顾“交通”这个需求,又想把一些民生服务利用“垂直搜索”一揽子都打捞进来。
由此看来,“二级导航区”过于膨胀、“公交/自驾”功能内聚…… 这就不难理解了。

可惜的是,Google地图在实现“搜索一次到位”的过程中,却失去了应有的简洁。

网址:http://www.ueui.com.cn/user-experience/google-maps-and-sogou-map-information-architecture.html

(责任编辑: echo

作品欣赏

欢迎关注视觉同盟微信公众号:
微信公众平台:搜索“vudn2004”或扫描下面二维码:
English | 关于我们 | 站点地图 | 联系热线 | 合作伙伴 | 艺术顾问 | 订阅 | 手机版
版权所有 © 2004-2024 视觉同盟 visionUnion.com)
Copyright © 2004-2024 VisionUnion.com Incorporated. All rights reserved
京ICP备09005192号
视觉同盟旗下子站:品牌专区 | 创意设计人才网 | 视觉同盟社区 | 视觉同盟论坛 | 英文版