实例分析:从搜索结果看地图搜索的交互设计

每一个交互都有其特有的逻辑支撑,即便是一点小小的体验不同,背后的逻辑可能千差万别。


每一个交互都有其特有的逻辑支撑,即便是一点小小的体验不同,背后的逻辑可能千差万别。

实例分析:从搜索结果看地图搜索的交互设计

无论是搜索引擎还是垂直搜索,都是用户输入搜索内容,数据库反馈搜索结果,并以列表方式展示。地图搜索区别与其他搜索的是,除了展示搜索结果列表,还要将结果位置直观标注与地图上。那么在地图搜索结果交互设计时,需要考虑到搜索结果与地图行为的互动。

以下从搜索范围、搜索结果与地图互动搜以及搜索结果排序方面,分享百度地图、高德地图等地图类产品的搜索体验,并进行相关分析。

一、搜索范围

百度地图搜索。当输入“美食”,然后更改地图范围,地图搜素结果数随之而更改。

实例分析:从搜索结果看地图搜索的交互设计

实例分析:从搜索结果看地图搜索的交互设计

以高德地图搜索为例,输入“美食”,更改地图搜索范围,地图搜索结果数量不改变。始终是45页,每页20个。

实例分析:从搜索结果看地图搜索的交互设计

实例分析:从搜索结果看地图搜索的交互设计

显然百度地图搜索以地图当前视野范围为准,而高德地图以当前所在城市为准。然而,当我点击百度搜索结果列表的下一页,下一页,再一页时,发现地图搜索范围一直在变更。如果以当前视野为范围的话,不是应该地图不改变,只是结果标注更改吗?于是忍不住一直点击下去。最后76页。然后再返回首页,更换一个地图范围继续,只点击搜索列表,一直点击下去,发现最后也是76页,再次重复几次,发现当前城市不改变时,搜索结果列表数量不改变。

实例分析:从搜索结果看地图搜索的交互设计

实例分析:从搜索结果看地图搜索的交互设计

实例分析:从搜索结果看地图搜索的交互设计

百度地图随“下一页”地图范围变化

可见百度地图搜索范围有两套,一套以地图上当前视野为搜索范围,一套以当前城市为搜索范围。当百度地图当前视野范围发生变化时,数据库重新进行检索,搜索结果返还当前视野范围的搜索结果数量,并在地图上标注检索结果,其中10个(对应一页检索列表)以醒目的数字形式标识,其他检索结果以红点方式表示;至于搜索列表一直以市区为检索范围,只是根据视野范围变化而重新排序。

高德地图搜索范围为所在城市,当地图范围发生变更时,检索结果重新排序,并将当前视野范围的检索结果优先排在第一页。

分析:

百度地图和高德地图都采用了全局搜索,并都将当前视野范围的结果优先排序,百度比高德更多的是将当前视野在搜索列表第一页以外的其他结果也在地图上标注,并告知用户当前视野范围搜索结果数量。

对于部分用户来说,也许只想在一定范围内(当前视野内)查找,而地图上只醒目标注的10或20个检索结果未必如用户所愿,因此在地图上标注其他检索结果,使用户获取更多信息,却有必要。搜狗地图、腾讯地图都是采用这种方式。但是,不是所有用户都确切了解当前视野内检索这一概念,一定有用户只是要检索相关内容的位置,而并没有考虑具体范围,这也是,所有关于搜索相关文章中说的,默认全局搜索的必要性。基于以上考虑,在天地图网站 ,采用了让用户做选择的方式,“视野内”或“当前城市”,满足了多种类用户的需求,然而不得不说相比“天地图” ,“百度地图”更加技高一筹,它将两种搜索范围做了更好的融合。

二、搜索结果列表与地图的互动

基于地图搜索范围不同,在搜索结果与地图的互动上有明显的差别,百度、搜狗、腾讯地图,这种基于地图范围的检索,当地图发生行为(平移、放大、缩小),检索结果迅速给出回应,并在地图上进行标注,用户的每一步行为都得到响应,这种用户体验很好。而高德采用以全市在检索范围,显然不会以地图行为触发检索,当移动高德地图的地图时,需要点击“搜索”按钮,触发后台数据库检索,搜索列表重新排序,并标注20个检索结果。当前视野范围不够20个时 还需要瞬间缩小地图以便满足当前地图屏幕标注20个搜索结果的需求。用户体验很不友好。对于所有电子地图网站,地图占据屏幕95%空间,不想到进行地图操作恐怕不太可能,而操作后没有即时响应,并在在点击“查看”后,地图又自动缩小以展示要查看的结果,这种交互体验不能令人满意。

三、搜索结果排序

百度地图和高德地图对于地图搜索结果都有默认排序和选择排序两种方式。

默认排序

各地图公司都有自己的默认算法。从表现形式来看,以当前视野为检索结果的搜狗地图、腾讯地图,点击下一页,地图不改变,地图上标注数据随检索结果列表下一页而更改标注。对于检索结果列表以全市为范围的百度地图和高德地图,则首先改变地图中心来平移地图展示当前地图级别的检索结果,然后随着检索结果列表的下一页逐级缩小地图比例尺。

筛选排序

百度地图在PC上的默认排序很奇怪,居然没有“距离优先”一项(APP上有),另外奇怪的是在“中餐馆”分类出现“火锅”,下面和“中餐馆”并列的大类又出现“火锅”,难道因为火锅是检索率最高的美食?

实例分析:从搜索结果看地图搜索的交互设计

实例分析:从搜索结果看地图搜索的交互设计

百度地图筛选

高得地图分类更多,而且排序更合理,表现形式也更良好。

实例分析:从搜索结果看地图搜索的交互设计

实例分析:从搜索结果看地图搜索的交互设计

实例分析:从搜索结果看地图搜索的交互设计

分析:

高德地图POI点分类更精细,数据量也更丰富(高德地图检索“美食”北京市内结果列表为45页,每页20个,总数量900个,而百度地图北京市内美食结果列表为76页,每页10个,数量为760个)。

总结:

每一个交互都有其特有的逻辑支撑,即便是一点小小的体验不同,背后的逻辑可能千差万别。

 

本文由 @giser 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/25494/

(0)
CatherineCatherine
上一篇 2017-05-11 12:58
下一篇 2017-05-11 16:01

相关推荐

  • 电商商品详情页应该怎么玩转?

    作者:电商微频道   电商作为传统商品交易在互联网领域的表现,其商业模式、市场营销思路、消费者心理研究是与传统商品销售行业相通的。但是电商真正颠覆性的价值在于改变了商业市场信息的不对等。 通过海量的、全…

    交互专题 2023-03-03
  • 交互设计基本方法--进行目标用户调研(情境访谈)

    为了满足用户对产品特定的交互模式的期望,一手的、准确的、可被有效利用的用户研究数据将是进行交互设计的源泉和关键。情境访谈是一种以用户为中心的设计并与人类学相关的研究模式,属于品质性研究和情境设计方法…

    2017-08-01
  • 大屏时代,如何做好电视端交互设计?

    在过去一年多的时间里,笔者有幸参与了电视端大屏幕的项目,在不断的尝试、探索和设计中,也收获了一些关于电视端的设计经验,因此将这些“电视交互设计的一些事”分享出来,共同探讨电视端的设计。-硬件+远距离操控——基本交互-基于桌面资料研究以及设计经验,总结了基本交互主要包含以下几个关键内容:遥控器输入、导航和菜单、信息展现、控件摆放和焦点状态。一 、遥控器输入当我们用手指快速便捷地在手机屏幕上点击或滑动时,主流电视大屏及应用的操作还是:使用遥...

    2018-04-01
  • 做你女朋友,用户体验太差了

    关注黑白每晚睡前一篇暖心好文等你文 / 李月亮来源 / 李月亮(bymooneye)●●●●●01见过一个不会谈恋爱的男生。是我前同事,颜值和收入都很高,当时坐在我隔壁桌。他跟女友打电话的画风通常是这样的:“破圣诞节有啥好过的,别整那洋事儿,老老实实在家待着吧。”“后天啥日子?你生日?你有啥要求?我这有张购物卡,你拿去自己买点东西吧。哎呀谁买不一样!”“你能不能别工作时间给我打电话啊,我忙得要死还得伺候你。”“有事说事儿!没正事儿是吧?...

    2018-04-30
  • 设计顶峰:如何打造创新有价值的极致体验?

    经常发上手即用的教程和技巧,今天来点不一样的「干货」,聊聊在设计中的价值创新。内文案例丰富,配图生动,也有实战案例,对于「需求」的理解非常到位,来自阿里Heyuchan 同学的分享,如果你恰好是交互设计的,更加不能错过咯。

    2017-05-24
  • 改善电商网站用户体验的6个技巧

    电子商务是一个复杂的系统,作为电子商务的典型模式之一,B2C网上零售网站要考虑的因素很多,甚至一些看似不起眼的因素都可能决定一个用户最终是否在该网站完成购物。 在消费者注意力越来越分散的今天。如果您希望潜在客户更多的停留在自己的网页上,进而产生购买行为,就需要牢牢吸引他们的注意力,并且提供简便愉快的购物体验。做到以下这6点,相信没有用户会拒绝从你的网站购买商品,甚至会带来更多的返购和忠实用户。1.提升网站的加载速度落地网页的速度通常是转...

    2018-05-08
  • 大势APP的用户体验究竟“火”在哪儿?

    周一:AE动效 | 如何入手创作才能更加真实?周二:马克笔如何通过"叠加技法"精准调色周三:更快更好 | 手绘板也能比着尺子画!?周四:观点 | 交互设计在未来会有多火?周五:大势APP的用户体验究竟“火”在哪儿?周六:如何看懂艾迪.斯理曼的Dior Homme周日:学珠宝设计我们推荐给你的必看书目本期主讲老师▼用户体验设计UX是交互设计中非常重要的一点,每个APP根据适用人群和功能设计的不一样,都会有不同的用户体验,下面来说一说在众多...

    2018-04-07
  • 如何基于反馈迭代用户体验?

    作为互联网从业者,大家都知道,任何一款互联网产品的迭代,都一定离不开用户反馈和数据。如何通过这两个部分对产品的现状进行分析,并且提出产品功能迭代和体验优化是所有产品经理和设计师日常工作都需要面对的课题。作为一名城市规划建筑师,你接到一个任务,是要在横穿城市是一条河上造一座桥,你拿到这个任务的时候你会想些什么,“我该在哪个位置造这座桥?”,“我该造一座什么样的桥呢,斜拉桥还是拱桥?”还是“这座桥是木制、铸铁还是钢筋混凝土?”,这些都不对,首先应该想的是“为什么要建桥?”,如果你得到的答案是需要将人送到河对岸去,那么基于这个目标,你还觉得一定需要造桥,挖个隧道是不是也可以,建个轮渡也行啊。如果答案是需要将某些信息送到对岸去呢?整个命题就发生了巨大的变化。这就是设计思维在思考问题时的重要意义。

    2017-05-20
  • 腾讯2016年度7个创新功能,你最爱哪个?

    作者:腾讯   那么,在你眼里,创新是什么样的? 是对产品的颠覆式变革?是将原有技术植入新的领域?是新的产品和领域的开拓?抑或,只是某一个让你会心一笑的新功能? 在腾讯,每月都有微创新奖的评选,在内部开启…

    交互专题 2017-08-07
  • 多款智能手表的对比

    终于 Apple Watch 将要在下个月上市了。在目前还不知道这款产品售价的情况下,相信设计会成为不少消费者朋友选择产品的重要标准之一。Apple Watch 已经获得了 iF 设计金奖,不过可能有人觉得这无法令他们信服,他们…

    交互设计 2015-03-10