国际化乘客端地图改版探求之路
原创 国际化设计 CDX 创意设计中心;)
CDX 创意设计中心
微信号 diditaxiued
功能介绍 滴滴出行——CDX 创意设计团队的公众号。集创意 Creative、设计 Design、体验 Experience 为一体的互联网新锐设计团队。
1 周前
收录于话题
怀抱初心，探索世界
带着为全球用户提供更安全、便捷的出行服务的初心。从 2018 年起，我们的身影遍布世界各个角落，澳大利亚、日本、俄罗斯及拉美国家巴西、墨西哥、智利、哥伦比亚等，探索世界的脚步从未停止。地图在其中一直发挥着重要的作用，全面覆盖了出行、外卖等服务，是业务发展的重要保障。
地图体验探索之洞见
在国际化业务 “野蛮生长” 的发展初期，地图快速完成了基础搭建，以满足用户规划路线、导航驾车等基本诉求，实现地图的全球化统一。
随着国际化业务的不断开拓，新阶段下地图如何更好的根植全球化，渗透本地化，为更多用户提供服务？作为设计师，又如何在支撑业务的同时创造机会，释放更大的设计价值成为了我们的使命。
去年，我们以拉美用户为研究主体，进行了为期 10 天的巴西圣保罗实地调研。
通过调研发现，问题集中体现在易用性、美观性和独特性三个方面。基于分析，我们对这三个方面进行优化，塑造新版地图，以解决用户痛点，提升地图体验。
聚焦核心信息传达，提升地图易用性
一、复杂的机场和道路环境
我们在圣保罗实地调研的第一天，机场打车花了将近 1 小时。因为机场不同于其他场景，环境陌生、人流量大、地形复杂，很难快速找到上车点具体位置。而在用户访谈中也了解到，不止初到当地的我们，在本地生活的他们都曾在复杂环境中遇到相同的问题。
在接下来的路途中，几乎全程处于颠簸状态。圣保罗坡路和石板路很多，中控支架上的手机，都常常摇摇欲坠，车上完全无法看清手机上的路线和其他重要信息。红灯停车间歇，司机通常会快速查看导航以确定方向的准确。显然，在圣保罗颠簸的路面环境下，大大增加了司机在行驶过程中查看路线的成本。
复杂的机场环境
针对类似所看、所感，我们及时进行了复盘。Google 作为友商，为我们提供业务支持。Google Map 已然是一个聚合了庞大 O2O 服务的动态平台，信息服务涵盖全面，更像是用户生活和出行的管家。而对于单一打车场景来说，乘客更关注出行效率，司机更关注路线和导航精准。
所以我们将底图以点、线、面三个维度重新进行了拆分、归类、重构。在不影响正常使用的情况下，合并层级重新定义框架。突出用户关注的主要路线、路名、导航、上车点附近标志建筑等信息，弱化 POI、支线道路等次要信息。打造符合更贴近出行用户使用习惯的地图框架，提升用户获取信息的效率和易用性。
二、糟糕的交通路况
圣保罗的早晚高峰，交通十分拥堵，很多人住在城市外围，却在市中心上班。他们在路上通常需要花费约 2 个小时，大部分用户在出行前会通过其他地图 App 查看路况，选择最快路线与司机沟通，以节省时间。在打车途中也会频繁切换 App 了解当前路线的拥堵情况，在这过程中，大大增加了用户的沟通和操作成本。
新版地图在接送驾环节增加了实时路况功能，用户无需跳出 App 就能获取路况并预估到达时间。该功能降低了与司机的沟通成本，也收获了大量用户的喜爱。
优化视觉表达，提升地图美观性
一、让真实回归真实——颜色源于自然
首都墨西哥城是美洲最著名的古城之一，这里的建筑、涂鸦都有一个共同点——色彩纯粹且浓烈，运用大胆，极具冲撞感，将墨西哥人热烈、乐观的性格和享受自由的生活态度传达的淋漓尽致。
而后，我们发现他们对于颜色其实也有着自己的偏爱。大多数人更喜爱蓝色和绿色，因为他们认为这些颜色能给他们带来信任、自由、独立和希望。
因此，我们适当调整湖泊、草地等自然元素颜色，使其更明快，更贴近当地人群喜好，从而拉近与用户之间的距离。让真实回归真实，给使用 DiDi 的他们，带来一天的愉悦出行。
二、化繁为简，简单即美
在特定比例尺下，道路描边和立体楼块大大增加了地图复杂度；POI 颜色饱和度高且文字颜色多，严重干扰了重要信息的阅读。
新版地图通过 “化繁为简” 的方式，将所有路网去描边化，通过颜色差异拉开层级，精简楼块视觉表达，降低 POI 饱和度并统一文字颜色，使地图更轻量，突出重要信息。
三、包容设计——打造更普适的美
新版地图同时需要考虑为特殊群体服务。我们以【WCAG 内容无障碍指南】为依据和准则，不断进行底图颜色对比度测试并调整为低冲突状态。使其通过可感知性和一致性的专家测试。在对特殊群体的可用性测试中，新版地图更易于被他们接受，并能更快的查看、理解和使用。
强化用户心智，建立地图独特性
不同于国内的一枝独秀，国际市场仍处于激烈的竞争阶段。特别是在拉美地区，司乘大多为双开用户，与竞品拉开差异显得尤为重要。所以，我们认为新版地图不仅需符合当地用户的行为习惯和审美喜好，也同样需要满足滴滴国际化的体验定位，建立全新地图设计语言：
一、信任：
特殊场景下提供精准可信赖的信息传达
商场、车站、禁止长时停车区域相比普通打车场景更加复杂。很多乘客会因为不了解当前区域的规则，而错过司机导致行程取消。
新版地图加强了对这些复杂区域的前端感知，当命中该场景时，首页与确认上车点页的地图展示 “特殊地理围栏” 并透传停靠规则，从而引导乘客正确发单，消除迷茫感。
二、聪灵：
1**、高效灵活配置，满足多种诉求 **
地图需满足不同用户、国家、业务的差异化诉求。司机夜间行驶时光线较暗，手机屏幕太亮会造成眼部不适甚至安全隐患。地图暗黑模式将屏幕亮度降低，减轻视觉疲劳，保证司机的安全驾驶；与拉美用户相比，澳洲、日本等国家更喜欢冷静配色，两者显著的审美差异，地图势必需要针对国家做相应调整，以适应不同地域用户的审美喜好；未来更多业务外卖、闪送等，都有根据场景做地图定制化设计的诉求。
基于此，新版地图具备多场景、多业务和多国家灵活配置的能力，可针对地图颜色、字体、字号、信息优先级等做调整并快速上线，满足业务诉求。
2**、提供更人性化的亮点功能 **
司乘碰面难是打车过程中的体验洼地，乘客很难直观地从地图上找到正确上车点。所以在碰面环节，新增上车点真实照片，乘客能直接通过照片了解上车点位置，提升碰面效率。
三、温度：
1**、增加 ** 地图场景转场微动效
在拉美，落后的网络环境和电子设备导致当地 App 运行并不流畅。而旧版地图在拖动或场景转换时，直接采取闪烁的切换方式，变化突兀，容易产生跳脱感。
所以，自然的切换方式有助于缓解用户跳脱感，而微动效起到了很好的润滑作用，让用户与产品间产生更紧密的联系。新版地图增加了转场的衔接微动效，为用户提供了从等到行一气呵成的打车路径，聚焦沉浸式体验。
2**、升级车型外观 **
旧版地图采用了平面化的小车设计，且未区分颜色，不够直观。新版升级了全新 3D 小车，颜色与真实车辆匹配，方便用户快速识别的同时，带给用户惊喜。在节假日，对小车进行定制化设计，传递欢乐的节日氛围，提升品牌好感度。
总之，我们希望始终站在用户视角，为用户带来更好的地图体验。建立全新的设计语言，提升品质感，并与竞品拉开差异，重塑地图品牌。
从推动到落地
一、目标确立
地图改版的优化迭代并不是一蹴而就，需要对多方因素进行慎重考虑。我们与产品、运营、开发进行多轮的深入探讨并结合前期调研产出的痛点，权衡改版收益及成本后，对地图改版的目标达成一致：
二、极致执行
在项目推进过程中，遇到了很多挑战也收获了很多成长。
1、跨团队取经，边学边做
由于在地图领域的 0 经验，期间花了大量时间去整理并调研地图相关资料，梳理执行过程中可能存在的风险。针对这些问题跨团队取经，找到解决方法并运用于实际项目中。
2、换位思考，获取资源
以良好沟通为前提，站在业务角度思考地图项目的价值。以先驱探索地图自建为撬动点，提升地图体验为抓手，达成共识并获取资源。
3、高效沟通，合作共赢
在执行方案的过程中，我们与前线运营及各业务方保持高度沟通，对方案进行多次用户测试，收集反馈，不断优化，共同决策完成新版地图的全面升级。并且打通了设计驱动需求的流程机制，提升设计影响力。
三、设计验证
上线后，我们通过专家走查、用户满意度问卷等手段评估项目收益：巴西用户对新版地图支持率为 78.5%，墨西哥为 68.8%。
以终为始
项目的落地，仅仅是提升地图体验的一小步。展望未来，在信息技术进一步发展，3D 和 AR 技术全面升级的时代下。我们可以看到不远的将来，全景、沉浸式甚至虚拟现实技术都将走进地图的设计中来。我们依然要持续思考，下一阶段的地图体验面临「更大的挑战」是什么？
以上这些，似乎遥不可及，但却是支撑我们在体验这条路上求索至今的起点和初心。在这个过程中，我们不断打破职能边界，从职能驱动向价值驱动转变。
作为体验设计师的我们，起步于此，也不会止步于此。知行合一，方能行稳致远！
【特别感谢】
国际化地图产品团队
国际化地图研发团队
国际化产品团队
乘客端研发团队
地图与公交设计团队
国际化 QA 团队
巴西产品运营团队
https://mp.weixin.qq.com/s/NUtwNcFfTB0Q8cxClohh0w
https://mp.weixin.qq.com/s/NUtwNcFfTB0Q8cxClohh0w
若有收获，就点个赞吧
0 人点赞
