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

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


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

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

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

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

一、搜索范围

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

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

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

以高德地图搜索为例,输入“美食”,更改地图搜索范围,地图搜索结果数量不改变。始终是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

相关推荐

  • 任务优先级的重要性:为核心任务设计

    作为一个交互设计师,在日常的设计工作中经常会问自己或者产品经理最多的问题就是,“这个功能用户用得多吗?用户主要在什么场景下用这样的功能?他用这个功能的目的是什么?等等”,问这类问题的主要目的是判断功能的优先级,在确定了优先级后再根据它去想办法去简化任务流程以及界面设计。

    2017-05-28
  • 2018年04月07招聘岗位

    诚聘:通辽澳鼎医疗器械公司诚聘:工作人员要求:40岁到50岁之间的女性,能长期工作的,有爱心,有孝心,家庭没有负担的,高中以上文化程度,语言表达能力好待遇:中午有工作午餐,每个周日休息,节假日休息,基本工资1800元,满勤奖200元,年底奖金不少于12000元。联系人:闫经理。联系电话,15247572846,15374967717不能长期工作的勿扰!招聘服务员工资底薪2500加提成收银员2700元加提成招聘电话:8663888,157...

    2018-04-08
  • 应届毕业生要从事交互设计,需要具备的3种能力

    这次的文章解决的是一个问题,主要是关于应届毕业生应该具备怎么样的能力才能从事交互设计工作。我从比较浅的入口切入,然后简单谈谈我的认识。(这篇文章会比较有趣)我努力工作,几年后要自己创业。吃得苦中苦,方为人上人。(鸡汤了一下)

    2017-05-08
  • 撕逼时,要不要说“我觉得…”?

    你可能也碰到过类似的场景,一个撕逼的场景:“考虑到用户的使用场景,用户到这个页面,更关注信息B,而不是A,我觉得,这个页面,更应该突出信息B…”。反驳的声音说:“你觉得,只是你的个人感受、猜测而已,真实的场景和情况,并不是你觉得的那样…”

    2017-05-21
  • APPLE WATCH 中文手册:Watch APPS-文本和标签、Watch APPS-图片

    文本和分类标签 为了在Watch app中展示文本,使用标签对象。分类标签支持格式化的文本,可以在运行时被程序修改。 要添加标签到界面控制器,可以把它拖到对应的故事版场景(storyboard),在这里指定标签的初始文本…

    2015-06-15
  • 设计实战案例!谈谈网易严选企业购的交互设计

    网易UEDC – 柴蒙:企业采购是现今市场经济下一种最主要最主流的采购形式,其特点是大批量采购商品。传统的企业采购方式不可避免地会带来如回扣、效率低、采购过程不透明等诸多问题。

    2017-09-21
  • 设计App Landing Page其实就是设计产品推销套路

      没错,就这么简单。让你自信面对设计App Landing Page这件小事! 开始思考APP LANDING PAGE设计 为方便描述和阅读,约定以下将“App Landing Page”简写为ALP。 大部分优秀的App都有自己的Landing Page。我在…

    2015-11-22
  • 重要交互设计原则

    不管是开发者还是交互设计师,每一位从业者都想要创造让自己自豪的产品。为了改善结果,两方人员一直在重新思考整个开发流程,要求有更好的工具、更好的指南、更高的权限。交互设计的强大力量不容置疑。它能让用户在工作、娱乐和交流之际,获得难忘、有效、简单,以及有益的体验。设计原则:1. 用户界面应该基于用户心理模型,而不是实现模型。2. 目标导向的交互设计反映了用户的心理模型。3.交互设计不是凭空猜测。4.不要让用户感觉自己愚笨。5. 界面设计的关...

    2018-03-01
  • 现在时隔半年,再次分析一下微信读书这个产品

    从15年8月28日 微信读书 APP低调上线到现在已经差不多快半年了,对于这款含着金钥匙出身的产品,一开始似乎并有多得到太多的好评,甚至因为 好友阅读排行 功能而受到很多争议。 现在时隔半年,我以一个普通读书爱好…

    2016-02-23
  • 智能语音交互设计 1 — 总览篇

    大家好,从本周开始会进行Conversational AI Design Newsletter编写。希望把一些现有的语音交互的研究成果和一些关于Conversational AI的方法收集起来分享给大家。source: Pinterest第一篇 — 总览篇语音助手(Voice Assistant)主要由几种重要的技术组成:自动语音识别系统(ASR),自然语言处理(NLU),和机器学习(Machine Learning)。ASR类似于我们...

    2018-02-05