改版背景


随着高德地图从「专业导航」向「出行平台」的业务转变,我们也在探索如何以设计之力,进一步提升国民出行体验。


2018年5月,我们开始了新版高德的概念设计,历经几个月的精细打磨和多轮用户调研,10月正式进入开发阶段,次年3月发布灰度版本,小规模投放试用。同时我们积极收集用户反馈,又经历了多次的迭代与验证,逐步放量,最终正式面见所有用户,推出了V10.0全新版本。


此次改版也是高德历史以来最为重大的一次改版升级,新版从整体交互框架、体验的便捷性和服务的触达效率上都有了明显的变化。



出行,就要更快、更便捷

出行中的人们大多都是忙碌而焦躁,似乎没有人愿意在路上多花哪怕一分钟的时间。如何帮助人们更快、更愉悦地完成出行这件事儿,是我们每一位出行产品设计者要不断思考的问题。于是,我们提出了QuickService(快捷服务)的概念,希望帮助用户更快出发,满足服务高效触达。


新版的整体信息架构分为:「首页」、「发现」和「我的」而QuickService主要体现在新版默认进入的「首页」之中,目的是帮助用户更快地完成“我在哪儿”、“怎么去”、“用工具”等一系列出行服务。「发现」模块可以帮助用户解决“能去哪儿”的问题,去探索基于地理位置的兴趣点,而「我的」则是作为个人信息与数据的汇集,沉淀一切与“我”有关的东西。




「首页」由原来以地图为中心的四周散落式布局,变为了上图下文、底部导航的分区式布局。 操作重心下移,更好地适应了如今大屏、全面屏的手机硬件趋势,可以帮助用户减少手势变换,也是“为拇指而设计” 的体现。另一方面,作为一款出行类产品,无论你是起步前查驾驶路线、等公交车、还是查看步行方案,使用场景都是相对动态且复杂的,因此相比其他产品和场景,用户都更需要便捷的单手操作体验。


不过相比便捷性,我们同样会尊重用户的使用习惯,因此保留了上、下两种搜索框模式,便于用户自主选择。



此外,首页架构的调整让扩展性得到了提升,让原有一些不得不“藏”起来的功能,得到更好的整合和前置,这有助于用户对产品功能建立更直观、更稳定的认知,同时使用上也会比原来更“快”一步。

比如:原本散落在高德各处的出行功能,如今被整合到了搜框下面的「工具箱」,上滑查看更多,可“一键使用”。



原本以“入口”形式存在于右下角的「常去地址」,如今可直接以“内容”的方式在首页呈现,便于“一键出发”,未来结合更先进的大数据、算法、语音等技术,还能更快一步,连“一键”都能抹去,直接走就是了。



加强「连接」,关注「个体」
逐步增加的功能服务量级、不同用户不同场景下需求差异性的存在,催生产品设计者必须要思考:如何在不同人群和不同服务之间,建立一个更好的连接桥梁。

尤其是在地图首页这样一个核心的用户触点上,去帮助用户在海量的信息中找到想要的内容,去思考、解决只有首页或本该首页去解决的问题。




这一次,新版通过用户分类、个性化、场景化等方式,促进人和服务之间的“连接”。让多样化的服务能够更好地分发、触达到对应的用户人群。在新版首页中,可以看到:从面向大众的「通用型」用户体验,到关注个体的「个性化、场景化型」用户体验的转变。


个性化服务
用户进入新版时的第一次互动就是进行出行偏好的选择,通过这样的方式,去了解用户是经常驾车,还是经常坐公交、地铁,为用户提供更为精准的初始体验。同时,首页的几个模块也充分考虑了个性化诉求的承载,用户可以根据个人偏好和习惯,来定制自己常用的出行工具和常去的出行地址。若未来有更多给予用户便利的出行服务,则这里能以非常集中的方式,让用户了解、选择、使用自己喜好的功能,前置到首屏,非常快捷地触达。




场景化服务
我们为用户提供了一种叫“C位”卡片的设计,也就是基于不同的人群、使用场景以及操作行为,为用户智能推荐一些动态化、场景化的信息。
既然叫“C位”,就是只聚焦一件重要事情。
帮助用户快速触达短时间内可能关注的最重要内容。未来,我们希望C卡能够基于用户个性诉求、场景特征,提供更丰富的“聚焦事项”,给用户推荐此时此地、此情景下最需要的内容。



从「导航工具」到「出行服务」——高德还有更多可能
“导航专业,数据准确” 是高德地图一直以来的slogan,也是高德的核心优势所在。但在用户眼中,每当看到高德,似乎也只想得起「导航」这一件事。
事实上,随着业务的不断拓展,高德已从早期的单一导航功能,逐渐发展出了公共出行、共享出行、信息服务等综合出行服务能力。单从“出发”这件事儿来讲,从最开始只解决人们 “我在哪儿”,“怎么去” 的问题,到现在帮助人们去发现 “我能去哪儿”,“哪里值得去”。形成:发现地点 → 产生兴趣 → 出行前往” ,一套相对完整的出行服务链路。



与此同时,高德共享出行在全国已接入多家网约车平台以及当地出租车,多运力可以帮助人们在难叫车的情况下,整合出行资源,顺利叫到车。此时的高德已经不再只是导航工具,而成为了一个国民出行平台。




出行路上无小事
作为设计师,我们一直在探索用设计为用户重新定义“出行”,以虔诚之心关注每个人、每条路上的每个体验。
出行设计,在路上,只愿能够连接真实世界,让出行更美好。
“高德的新版整体还挺好的,感觉更方便、更人性化,看着也比原来漂亮了。哦对,我还可以在首页定制常用的工具和常去的地址,比原来好用多了,非常方便,高德要继续努力啊,期待有更多惊喜。”
——我们希望用户最后可以这样形容新版的高德地图
行,用高德。


文末福利
高德地图无论是体验,还是设计确实都非常棒,小编我也一直在使用,这里先给高德体验设计团队点个赞👍。另外本文文字较多,所以为了奖励坚持看完本文的你,我准备了一份出行工具类的完整 UIKIT 素材包。挑选了其中几张界面,贴在下面了,你若感兴趣,公众号后台回复 “ 出行KIT ”就能下载到完整源文件,支持 Mac 版 Sketch跟 Windows 版AdobeXD 还有网页版的 Figma 多种格式哦~~~



外下完素材后,大家也不要一直白嫖,偶尔也得帮忙把本文分享出去,或者点点“在看”或者留言啥的,激励一下你说是不是,手动狗头~~

PS:我们的公众号读者微信群将近六千人,都是一线大公司的设计师。如果你也想跟我们一起讨论交流,或者交流互换表情包,那么在公众号后台,回复『设计交流』即可跟我们一起愉快的玩耍啦~~


👀 你的 1000+ 好友也阅读了些文章
在腾讯内部,年薪百万设计专家如何互相交流分享?
你可能不知道,网红钉三多为什么这么黑!
腾讯 QQ VIP超级会员官网设计改版回顾
掌握这五个视觉方法,提升审美成为设计专家
好东西!值得设计师收藏的20款免费商用字体



点“ 在看 ”给自己加个鸭腿!!🍗 

本篇文章来源于微信公众号: UX小学