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