高德地图中的设计亮点｜子牧设计笔谈

地图App已经不再满足导航工具， 通过信息挖掘和拓展 ，更希望能够 成为人们日常生活中重要的信息平台。 刚好春节回老家期间，高德地图用得比较多。使用过程中发现了一些比较有意思的细节，觉得有必要总结下分享给大家。

主要包括以下3点内容：

1. 信息架构升级，构建清晰的信息边界
2. 信息挖掘，更好的服务用户出行
3. 智能感知，提高用户行为效率

01/信息架构升级，构建清晰的信息边界 

高德10.0版本升级了平台的信息架构。 原有的版本并没有做信息分层，而是以地图画面为核心，将各类信息分散展示，出行功能路径入口共用“路线”功能，影响了用户的操作效率。

另外 为了减少各个功能对地图的遮挡，功能选项只能尽可能的融合、隐藏、精简， 造 成了 部分入 口 信息层级较深，拉长了用户的行为链路，同时不利于功能和内容的拓展。

在新的版本中，信息架构回归到传统的底部Tab导航形式，可以更好的拓展信息承载空间 ， 满足 信息平台型产品的设计定位 。 目前底部导航分为“首页、附近、消息、我的”四个频道，用户可以分类查看内容，信息结构更加清晰。

▲图片来自 AlibabaDesign

在首页中，高德地图打造了“内容中心”来承载更多信息。 将”地图“与”内容“相互独立， 构建出了明确的信息边界。

交互设计上，内容中心采用弹性浮层方式，分为了3种模式。 默认模式下，内容中心展示快捷功能”工具箱“和常用地点，方便用户快捷操作。 当“内容中心”下拉收起，可以释放更多的屏幕空间给地图。 上滑则进入“更多模式”，为用户提供更丰富的信息。

”内容中心“的信息会根据用户实际位置，搜索地点而变化。 例如我在北京时，会显示北京的专享服务。 而我搜索上海的地点，首页下方则增加了上海的推荐信息。

02/信息挖掘，更好的服务用户出行

1) 地图信息颗粒度细化，提高信息承载能力

一个地点除了基础的地理信息外，还需要集合各类相关信息，为用户做好出行服务。如何将复杂多样的信息整合，实现“所见即所得”展示给用户呢？

高德地图采用了“内容分类”的方式来展示地理位置的二级信息，从而提高地图信息的承载量。

当地图定位到景区范围内，会显示厕所、出入口、餐饮、停车场等信息选项，用户点击即可查看相应的内容。

而大型商场聚焦放大时，用户可以查看商场楼层的店铺信息，将细节信息融入在地图中， 通过多层级的信息划分，展示不同颗粒度的内容 。

2) 实景信息，提高用户决策准确性

当我们进入一个陌生区域，乘坐公交车时，需要准确知道公交车站的位置。而公交车是有方向的，一旦我们进入了错误的方向，可能需要横穿马路或者绕行很远才能抵达正确的公交站点，这会花费用户很大的体力和时间成本。

当用户规划出行路线时，地图路线中通过冒泡提示形式，引导用户查看公交站点的实景地图，方便用户更准确的定位。

3) 场景化信息挖掘，为用户提供更好的服务体验

当用户搜索酒店时，在页面上方会展示“查看附近酒店”的快捷按钮。方便用户快速查看周边的酒店，进行 对比 选择。

如果用户在非营业时段搜索商业场所，会展示不同的信息状态。例如深夜搜索时，显示“已打烊”状态，而在清晨搜索时，显示”未营业“状态，并告知营业时间，避免用户跑冤枉路。

当用户查询驾车路线时，如果查询的地点不是特别明确，系统会提供多个地点供用户选择，并增加了各个地点的选择比例，降低不熟悉用户的选择成本。另外选项中不仅有停车场景，还考虑到了接送人临时停车的场景，实现了多场景的覆盖。

‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍ ‍

4）激活用户群，实现信息共享

当用户计划出行时，希望了解目的地的天气、游玩情况。有些信息平台无法给出明确的答案，于是高德地图将发言权交给了有经验的用户，搭建相互交流的群组，实现了信息的共享交换。

03/智能感知，提高用户行为效率

1）用户行为态势感知

当用户打开App、搜索地点或者行程导航时，高德地图会主动感知用户的导航需求，提供相关的信息引导。例如上下班路线、消费券、团购优惠、停车场建议等等引导信息，引导用户的快捷操作。

另外用户查询地点时，地图还会扩充展示周边地点的卖点信息，希望能够为用户提供更多的参考信息。

2）行程查询记录的保存

用户在查询打车行程，但未打车时，信息会保存在首页信息中，便于用户随时调用出行。

以上就是我的一些使用心得，欢迎小伙伴们评论区留言交流~