童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

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

9月13日 断龙塔投稿
  每一个交互都有其特有的逻辑支撑,即便是一点小小的体验不同,背后的逻辑可能千差万别。
  无论是搜索引擎还是垂直搜索,都是用户输入搜索内容,数据库反馈搜索结果,并以列表方式展示。地图搜索区别与其他搜索的是,除了展示搜索结果列表,还要将结果位置直观标注与地图上。那么在地图搜索结果交互设计时,需要考虑到搜索结果与地图行为的互动。
  以下从搜索范围、搜索结果与地图互动搜以及搜索结果排序方面,分享百度地图、高德地图等地图类产品的搜索体验,并进行相关分析。
  一、搜索范围
  百度地图搜索。当输入“美食”,然后更改地图范围,地图搜素结果数随之而更改。
  以高德地图搜索为例,输入“美食”,更改地图搜索范围,地图搜索结果数量不改变。始终是45页,每页20个。
  显然百度地图搜索以地图当前视野范围为准,而高德地图以当前所在城市为准。然而,当我点击百度搜索结果列表的下一页,下一页,再一页时,发现地图搜索范围一直在变更。如果以当前视野为范围的话,不是应该地图不改变,只是结果标注更改吗?于是忍不住一直点击下去。最后76页。然后再返回首页,更换一个地图范围继续,只点击搜索列表,一直点击下去,发现最后也是76页,再次重复几次,发现当前城市不改变时,搜索结果列表数量不改变。
  百度地图随“下一页”地图范围变化
  可见百度地图搜索范围有两套,一套以地图上当前视野为搜索范围,一套以当前城市为搜索范围。当百度地图当前视野范围发生变化时,数据库重新进行检索,搜索结果返还当前视野范围的搜索结果数量,并在地图上标注检索结果,其中10个(对应一页检索列表)以醒目的数字形式标识,其他检索结果以红点方式表示;至于搜索列表一直以市区为检索范围,只是根据视野范围变化而重新排序。
  高德地图搜索范围为所在城市,当地图范围发生变更时,检索结果重新排序,并将当前视野范围的检索结果优先排在第一页。
  分析:
  百度地图和高德地图都采用了全局搜索,并都将当前视野范围的结果优先排序,百度比高德更多的是将当前视野在搜索列表第一页以外的其他结果也在地图上标注,并告知用户当前视野范围搜索结果数量。
  对于部分用户来说,也许只想在一定范围内(当前视野内)查找,而地图上只醒目标注的10或20个检索结果未必如用户所愿,因此在地图上标注其他检索结果,使用户获取更多信息,却有必要。搜狗地图、腾讯地图都是采用这种方式。但是,不是所有用户都确切了解当前视野内检索这一概念,一定有用户只是要检索相关内容的位置,而并没有考虑具体范围,这也是,所有关于搜索相关文章中说的,默认全局搜索的必要性。基于以上考虑,在天地图网站,采用了让用户做选择的方式,“视野内”或“当前城市”,满足了多种类用户的需求,然而不得不说相比“天地图”,“百度地图”更加技高一筹,它将两种搜索范围做了更好的融合。
  二、搜索结果列表与地图的互动
  基于地图搜索范围不同,在搜索结果与地图的互动上有明显的差别,百度、搜狗、腾讯地图,这种基于地图范围的检索,当地图发生行为(平移、放大、缩小),检索结果迅速给出回应,并在地图上进行标注,用户的每一步行为都得到响应,这种用户体验很好。而高德采用以全市在检索范围,显然不会以地图行为触发检索,当移动高德地图的地图时,需要点击“搜索”按钮,触发后台数据库检索,搜索列表重新排序,并标注20个检索结果。当前视野范围不够20个时还需要瞬间缩小地图以便满足当前地图屏幕标注20个搜索结果的需求。用户体验很不友好。对于所有电子地图网站,地图占据屏幕95空间,不想到进行地图操作恐怕不太可能,而操作后没有即时响应,并在在点击“查看”后,地图又自动缩小以展示要查看的结果,这种交互体验不能令人满意。
  三、搜索结果排序
  百度地图和高德地图对于地图搜索结果都有默认排序和选择排序两种方式。
  默认排序
  各地图公司都有自己的默认算法。从表现形式来看,以当前视野为检索结果的搜狗地图、腾讯地图,点击下一页,地图不改变,地图上标注数据随检索结果列表下一页而更改标注。对于检索结果列表以全市为范围的百度地图和高德地图,则首先改变地图中心来平移地图展示当前地图级别的检索结果,然后随着检索结果列表的下一页逐级缩小地图比例尺。
  筛选排序
  百度地图在PC上的默认排序很奇怪,居然没有“距离优先”一项(APP上有),另外奇怪的是在“中餐馆”分类出现“火锅”,下面和“中餐馆”并列的大类又出现“火锅”,难道因为火锅是检索率最高的美食?
  百度地图筛选
  高得地图分类更多,而且排序更合理,表现形式也更良好。
  分析:
  高德地图POI点分类更精细,数据量也更丰富(高德地图检索“美食”北京市内结果列表为45页,每页20个,总数量900个,而百度地图北京市内美食结果列表为76页,每页10个,数量为760个)。
  总结:
  每一个交互都有其特有的逻辑支撑,即便是一点小小的体验不同,背后的逻辑可能千差万别。
投诉 评论 转载

汽车仪表盘信息系统设计:偏重的是视觉设计而不是交互设计从交互设计的角度来看待汽车仪表盘信息系统设计,文中所用的交互设计观点是来自他人的各种总结。汽车仪表盘UI设计算是UI设计当中比较特殊的一种,有着行业标准要去遵循,有着很多……一次虚拟项目练习:支付宝到位Redesign大家好,其实,我是一个视觉设计师。嗯,没错,因为对交互设计的兴趣使然,这次我想在此放一篇交互设计类的文章,以总结我这段时间的思考与设计过程,仅供交流。请多多指教。初来乍到……18个UIdemo设计实例,深挖让用户愉悦的小惊喜文章分享了对话框及模态窗口、注册与登录页面、导航及菜单、滑动条和切换开关等UI设计实例,希望对大家有所启发。CodePen网站已成为开发者的游乐场。那是一个你可以驰骋想象……从构图、字体、配色和装饰来分析:为何网易云和虾米APP的ba小白想进阶成为高手,学会发现高手作品的优点是关键。今天这篇从构图、字体、配色和装饰四大Banner关键要素教你如何发掘高手作品中的优点。物连接在一起,形成一个作为一个重度……实例分析:从搜索结果看地图搜索的交互设计每一个交互都有其特有的逻辑支撑,即便是一点小小的体验不同,背后的逻辑可能千差万别。无论是搜索引擎还是垂直搜索,都是用户输入搜索内容,数据库反馈搜索结果,并以列表方式展示。……一个项目解读交互设计的3个核心价值交互更多的是反复与产品进行需求的质疑与争论、不停探寻商业目标和用户体验之间的平衡方案、整理需求涉及所有需要承载的页面、梳理每个页面之间的逻辑与跳转、不同场景和异常情况下的状态呈……移动端搜索功能设计:3个阶段解析搜索流程设计要点这篇文章笔者想和大家聊一聊有关搜索功能的设计,搜索功能是每个内容型APP的核心,它的易用性决定了用户是否能从APP里快速找到自己想找的内容,那么决定搜索体验好坏的关键点又是什么……如何设计一份专业且有价值的交互规范很多设计团队都会有一套比较成熟完整的交互规范,好的交互规范能够保证设计的一致性,减少沟通和开发成本,提升效率。由于笔者是设计手机系统和App相关的,所以简单的和大家聊下如何设计……减少认知过载:塑造更好的用户体验设计不是美工,想成为优秀的设计师怎么能不懂点心理学?文章从认知心理学角度下手,分析了在交互设计过程中时常会犯得几种错误,一些平时稀松见惯的设计方式也都在这儿找到了比较理性的依据……情绪板的制作方法:写给设计师的全方位使用指南在设计上图片比其他要素更容易让人理解,所以我们可以利用情绪板(英:MoodBoard),来使设计工作更加流畅,缩短制作的时间、改善工作流程。你经历过如果有很多设计师参与了……打造一个平台的用户体验,从需求方和供给方入手这几年做平台,我一直在思考平台的价值究竟是什么?后来我认识到:满足供需双方的需求,提供超越传统线下方式的用户体验,就是平台的价值。平台圈住的用户并不是它的价值,而是因为这个平台……与潘通CEO对话:合理的色彩运用,才能设计吸引人的产品包装年度流行色从何而来?潘通如何决定每年的流行色?你知道小黄人的颜色是潘通挑选的吗?以上问题在这篇对话中一一为你揭秘。2017年度色彩“草木绿Greenery”闪亮登场后引发……
从百度知道与知乎的差异,来分析百度系的产品逻辑K12在线教育行业和产品分析报告与快手、美拍并列短视频领域三巨头,秒拍凭什么?以翻译产品为例,探讨工具型产品商业化路径关于咕咚vs悦跑圈,不一样的竞品分析实例分析:为什么摩拜选择在小程序投放开锁功能?腾讯视频:依靠腾讯系的产品矩阵实现弯道超车,它会是视频界的霸从社区到电商,小红书是如何“红”起来的?淘票票app产品体验报告:电影市场何时结束群雄割据,未来是否小程序向左,Chatbot向右关于LOFTER、NICE及足记三个社交平台的竞品分析报告四大外卖的竞品分析:外卖商家竞价排名算法和外卖未来发展的思考
销售岗位的实习报告总结我与书的故事衡山县晓渡考研复试考什么春节开工大吉通知人与人交往之互惠定律2021年中考作文指导作文如何创新大叶黄花梨手串好不好,大叶黄花梨手串值得收藏吗?消息称特斯拉上海超级工厂将至少停到周四是什么意思什么梗饭圈用语是什么含义单曲循环SA下调2022年全球智能手机出货量预测值,将仅同比增长1

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界