3★ - 滴滴5.0全新设计背后的故事

转自CDX创意设计中心 由原文删减


0.写在前面

作为滴滴的用户体验设计师,我们一直在不断的探索,滴滴这款“工具类”产品,应该以怎样的形态去面对用户。5.0的设计主题不会偏离“简”的基本原则,希望不造作,不虚张,能轻浅的透出滴滴设计这几年沉淀出的味道、与用户分享交流。


1.设计准备


4.0到5.0

4.0后公司业务快速发展,乘客端几乎同时新增了包含顺风车、巴士、代驾、试驾等在内的多条业务线,随之,产品架构和页面布局在4.0有了重大的调整,统一是基本原则。产品服务于业务,不得不说的是,4.0的实现是有遗憾的,“统一”的有些牵强。

从设计服务于产品和业务的角度,5.0改版,我们要解决一些显而易见的已知问题:如各业务线功能、操作各异,体验不统一,平台运营页和业务运营页不能和平共处、频频冲突;

我们通过结合线上数据及用户反馈,将问题归类分析,而产出用户体验研究报告,在乘客体验出行的每一个节点发现潜在问题,并给予设计优化建议及方案。

下图就是通过收集信息数据绘制出的用户体验地图,让我们可视化的观察到在用户出行的过程中,在哪些节点存在体验断层,可以从哪些方面去优化体验问题。例如:乘客接受怎样的价格梯度,他们是否能理解动态调价背后的原理,如何减少司乘双方的等待时间xxxx




设计主导

基于5.0前的积累与准备,我们的团队试图从设计的角度去推动5.0的全新改版,我们为5.0定了三个关键词:轻量化、体验统一、高效。

1.轻量化。目标是从App Store和安卓应用市场的最大包排行榜上走下来,节能减排、轻量化设计是5.0重中之重;

2.体验统一。各个业务功能与操作各异、体验不统一,思考如何为不同的业务形态提供一套统一的设计规则;

3.高效。再次分析用户在乘车服务中的信息获取和行为操作,重新梳理的信息层级,优化用户与产品的信息连结点。




交互框架层

如何让设计框架可以同时接纳包容这么多业务类型,保证体验统一,又尽量不去磨平业务的特点,给予业务一定的发挥空间,助力产品的快速更新与迭代;面对用户,什么样的设计语言可以既高效的传递信息,又能给予用户在使用过程中的良好体验,让操作流程更轻量化。


横:抽离与布局-页面元素组件化

用户的整个乘车流程,都基本上可以被视为一个线性行为:

1. 服务筛选

2.确认发单前的表单

3.等待匹配,等待服务

4.服务中的订单操作,如取消订单、一键报警、分享行程;以及全流程的地图操作及信息获取,运营消息及系统消息获取;

5.行程结束的支付行为和评价行为


下图是线性的操作流程中,用户与产品发生连结(信息传递与行为操作)的概念图:

梳理用户与产品的连结点,从中抽离出四大组件


我们尝试着把复杂问题简单化,把流程中用户与产品交互的行为,用四大组件承载:


筛选组件

筛选组件主要承载了一级业务导航和二级场景导航。我们在一直思考如何减少用户理解业务、选择业务的成本。

5.0版本的一级导航还是沿用了4.0的设计思路,置顶于首页。而二级场景导航贴近表单卡片。考虑到用户对单一业务的忠诚度较高,将筛选放至顶部位置。而用户对某一业务下的二级分类呈波动,于是将业务导航与二级分类分开放置,二级分类更靠近下一流程的卡片表达形式。


卡片组件

卡片化可以让用户不脱离行程地图获取信息的同时,又能进行各种行程操作。


地图组件

整个服务过程需通过地图传达很多路线位置的相关信息,使用地图本身是最直观立体的表达方式,使得用户有沉浸感。


地图组件中的控件


消息组件

将即时信息卡片作为承载与用户进行临时对话的功能,可被随时调用在任何一个流程之内,增强灵活性。

四大组件布局



纵:拆分服务流程-精细化体验提升

通过将用户行为拆分为几个阶段,并归类出可被细化设计及开发的相应组件后,不同设计师可以分工合作,在框架范围内对不同组件的具体需求进行细化设计。

依据用户模型、用户行程中评价内容、产品需求等,对某个阶段的信息和功能需求进行优先级排序。例如对“服务中”的信息层级优先级梳理:


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,847评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,208评论 1 292
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,587评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,942评论 0 205
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,332评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,587评论 1 218
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,853评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,568评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,273评论 1 242
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,542评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,033评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,373评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,031评论 3 236
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,073评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,830评论 0 195
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,628评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,537评论 2 269

推荐阅读更多精彩内容