新版高德地图有哪些设计亮点?我总结了这3方面!
地图 App 已经不再满足导航工具,通过信息挖掘和拓展,更希望能够成为人们日常生活中重要的信息平台。刚好回老家期间,高德地图用得比较多。使用过程中发现了一些比较有意思的细节,觉得有必要总结下分享给大家。
主要包括以下 3 点内容:
1. 信息架构升级,构建清晰的信息边界
2. 信息挖掘,更好的服务用户出行
3. 智能感知,提高用户行为效率
高德 10.0 版本升级了平台的信息架构。原有的版本并没有做信息分层,而是以地图画面为核心,将各类信息分散展示,出行功能路径入口共用“路线”功能,影响了用户的操作效率。
另外为了减少各个功能对地图的遮挡,功能选项只能尽可能的融合、隐藏、精简,造成了部分入口信息层级较深,拉长了用户的行为链路,同时不利于功能和内容的拓展。
在新的版本中,信息架构回归到传统的底部 Tab 导航形式,可以更好的拓展信息承载空间,满足信息平台型产品的设计定位。目前底部导航分为“首页、附近、消息、我的”四个频道,用户可以分类查看内容,信息结构更加清晰。
图片来自 AlibabaDesign
在首页中,高德地图打造了“内容中心”来承载更多信息。将”地图“与”内容“相互独立,构建出了明确的信息边界。
交互设计上,内容中心采用弹性浮层方式,分为了 3 种模式。默认模式下,内容中心展示快捷功能”工具箱“和常用地点,方便用户快捷操作。当“内容中心”下拉收起,可以释放更多的屏幕空间给地图。上滑则进入“更多模式”,为用户提供更丰富的信息。
“内容中心”的信息会根据用户实际位置,搜索地点而变化。例如我在北京时,会显示北京的专享服务。而我搜索上海的地点,首页下方则增加了上海的推荐信息。
1. 地图信息颗粒度细化,提高信息承载能力
一个地点除了基础的地理信息外,还需要集合各类相关信息,为用户做好出行服务。如何将复杂多样的信息整合,实现“所见即所得”展示给用户呢?
高德地图采用了“内容分类”的方式来展示地理位置的二级信息,从而提高地图信息的承载量。
当地图定位到景区范围内,会显示厕所、出入口、餐饮、停车场等信息选项,用户点击即可查看相应的内容。
而大型商场聚焦放大时,用户可以查看商场楼层的店铺信息,将细节信息融入在地图中,通过多层级的信息划分,展示不同颗粒度的内容。
2. 实景信息,提高用户决策准确性
当我们进入一个陌生区域,乘坐公交车时,需要准确知道公交车站的位置。而公交车是有方向的,一旦我们进入了错误的方向,可能需要横穿马路或者绕行很远才能抵达正确的公交站点,这会花费用户很大的体力和时间成本。
当用户规划出行路线时,地图路线中通过冒泡提示形式,引导用户查看公交站点的实景地图,方便用户更准确的定位。
3. 场景化信息挖掘,为用户提供更好的服务体验
当用户搜索酒店时,在页面上方会展示“查看附近酒店”的快捷按钮。方便用户快速查看周边的酒店,进行对比选择。
如果用户在非营业时段搜索商业场所,会展示不同的信息状态。例如深夜搜索时,显示“已打烊”状态,而在清晨搜索时,显示”未营业“状态,并告知营业时间,避免用户跑冤枉路。
当用户查询驾车路线时,如果查询的地点不是特别明确,系统会提供多个地点供用户选择,并增加了各个地点的选择比例,降低不熟悉用户的选择成本。另外选项中不仅有停车场景,还考虑到了接送人临时停车的场景,实现了多场景的覆盖。
4. 激活用户群,实现信息共享
当用户计划出行时,希望了解目的地的天气、游玩情况。有些信息平台无法给出明确的答案,于是高德地图将发言权交给了有经验的用户,搭建相互交流的群组,实现了信息的共享交换。
1. 用户行为态势感知
当用户打开 App、搜索地点或者行程导航时,高德地图会主动感知用户的导航需求,提供相关的信息引导。例如上下班路线、消费券、团购优惠、停车场建议等等引导信息,引导用户的快捷操作。
另外用户查询地点时,地图还会扩充展示周边地点的卖点信息,希望能够为用户提供更多的参考信息。
2. 行程查询记录的保存
用户在查询打车行程,但未打车时,信息会保存在首页信息中,便于用户随时调用出行。
以上就是我的一些使用心得,欢迎小伙伴们评论区留言交流~
下期再见。
10个产品细节剖析,看看大厂是如何做设计的!
UI/UX 设计能力的提升离不开分析与探索,针对优秀产品的设计进行分析总结,探索设计背后的经验规则。
阅读文章 >欢迎关注作者微信公众号:「子牧UXD」
文章来源:
Author:子牧先生
link:https://www.uisdc.com/amap-design-highlights