「以司机为中心」的用户体验设计

Uber 如何将他们的设计哲学应用在司机端的 App 上面 ?这一次,饿了么商家端产品经理为大家翻译了「以司机为中心」的用户体验设计—— 细看如何从零开始重制 Uber 司机端 App。


Uber 如何将他们的设计哲学应用在司机端的 App 上面?这一次,饿了么商家端产品经理为大家翻译了「以司机为中心」的用户体验设计——细看如何从零开始重制 Uber 司机端 App。

「以司机为中心」的用户体验设计

「将我们简洁至上的设计哲学传达给广大 Uber 司机群体」——这是 Uber 设计团队今年的目标。相比于普通乘客关注「通过 Uber 可获得舒适出行体验」,司机群体眼中的 Uber 截然不同。在全球有超过 100 万人在使用 Uber 司机端 App,并以此为重要谋生手段。对这些人来说,Uber 司机端不仅是接单和做生意的工具,更是在每一次出车前后获取相关信息的重要渠道。总而言之,Uber 司机端 App 是他们营生中不可或缺的依赖。

设计这样一款 App 绝非易事——除了满足全球各式各样的用户需求,还要平衡安全、简便和易用性;为此我们走进用户群体,从他们的角度(包括坐进他们的车里)观察司机的日常工作,着眼于做出一款全新 App,显著提升 Uber 司机们的使用体验。

找到问题所在

设计伊始,直接听取 Uber 司机的反馈非常重要;通过反馈,我们可以把握司机们的需求,了解当前产品体验中的欠缺。设计工作必须基于对用户需求的深度理解,而非猜测臆断。

「以司机为中心」的用户体验设计

通过基础性的实地考察研究,我们获取到了第一手用户体验反馈。

每一次用户访谈都让我们获益匪浅。目前 Uber 司机端 App 的功能仅仅是帮助司机「接上乘客」和「将乘客送至目的地」。调研中我们发现,一些司机在车里备有手抄本,这些人依靠开车收入支付生活开销,因而很关心出车带来的收入,而司机端 App 并未提供实时统计收入的功能,他们只好每做一单后把收入写到本子上。还有一些司机表示,他们很在乎提供服务后带来的「自豪感」,而当服务评价下跌时,他们希望知道该如何改进。我们将这些调研的结果汇总起来,找出了用户的共同痛点,归纳出设计中需考量的核心,并着手实施。

「以司机为中心」的用户体验设计

上图为用户行为路径简图,是用于帮助设计师时刻站在用户角度思考问题。

做正确的设计

基于调研结果,我们对 App 导航结构的设计进行了一番探寻,最终确定的方案以信息构架为基础,以反映司机们最关心的几项内容:

  • 知晓何时何地需要出车,并获得实时资讯(主页);
  • 了解收入状况(「收入」页);
  • 获知乘客反馈(「评价」页);
  • 管理信息(「账号」页)。

「以司机为中心」的用户体验设计

在 Uber,有很多用于优化司机工作体验的产品和功能,比如司机专享的奖励、解释最佳出车时段的运营邮件等等。虽然收到这些信息,司机们却不得不在短信和邮件收件箱中苦苦搜寻,它们的重要性不言而喻;然而,在设计中我们发现,比信息本身更重要的是信息的优先级关系。在正确的时间,提供正确的信息,且在驾驶过程中去除各种可能的干扰,毕竟安全大于一切。

正确地做设计

我们花了几个星期时间进行用户调研,完成了低保真原型的制作,随后进入高保真原型制作阶段。在这一阶段,我们将着手深度打磨视觉设计和交互设计,例如调整「在可查看内容的地图上,滚动操作的手感」:

「以司机为中心」的用户体验设计

在设计的同时,我们也希望真实地了解新的 App 使用体验,而此时前端开发并未介入,我们的解决方法是通过 HTML 和 CSS 搭建完整的原型,并填入伪造的数据使之可交互。此外,该原型还承担起实时同步的重要角色:一方面日益扩大的开发团队可随时获知设计的最新成果;另一方面设计师们可借此让某些用户试用,并根据反馈调整方案。

无论在制作高保真原型之前收集的信息多么全面,第一轮完成的作品必定存在瑕疵。因此,我们让真实用户不断试用原型,以反复测试端到端流程(例如一个用户是否能顺利地找到收入账单)和核心功能交互(例如一个用户是否能明白「上线接单」的含义)是否正确可用。

不放过任何细节

当软件工程师们完成了新 App 的开发工作时,beta 测试开始了,这可是真刀真枪——真实的司机用户,真实的数据。在 beta 版本的 App 中,核心功能完备无缺,但原型中一些试验性的动效被暂时放到了「设计优化清单」中,根据 beta 测试的实际情况再做调整。

用户从「离线模式」转为「在线模式」并开始接单的按钮动画便是其中之一。当使用者点击该按钮时,App 向服务器发送请求以验证该用户是否具备在该地区出车接单的资格;该请求过程是耗时的,在网络环境恶劣时更为显著。在一开始的设计中,该按钮点击后并无任何反馈——画面静止不动——因而用户无从知晓自己的操作是否已生效。发现这一问题后,我们意识到该按钮功能的改进绝非「设计优化」这么简单,而是一项直接影响 App 可用性的变动,因此设计团队立刻着手解决,增加了一个小动画以展示点击后的反馈、通信过程以及延时性,有了这一改善,App 的可用性得到显著提升。

「以司机为中心」的用户体验设计

用户提意见说,按钮没有反馈,这让人很迷惑;开发们立刻加入了一个动画,让「上线接单」这一过程变的直接明了。

从更广泛的用户中学习

「简洁,而非炫酷」是 Uber 的设计准则之一。当面对海外国家,例如印度的用户时,这一准则变得尤为重要。在印度,文化普及率参差不齐,甚至很多人第一次接触 Uber 司机 App 时也是他们第一次接触智能手机。这些用户在使用 App 时重度依赖图形信息,对他们来说,文字配以图标和图像可以大大降低信息理解的难度。

「以司机为中心」的用户体验设计

为了身处低网络覆盖地区的用户更好地理解功能,我们将「收入」页的图标从「条形图」状换成了「货币」状。

「收入」页的图标一开始被设计成柱状图的形状,以便与展示每日营收的图表相对应;而那些印度的司机在接受我们的调研时却纷纷表示「那个页面是用来修复不稳定的网络连接的」;因为在他们看来,导航栏上的图标更像是手机信号栏,而不是柱状图,得知这一点后,我们更新了图标设计,换成了明了易懂的货币形状。

针对新 App 用户的调查表明,用户满意度相比以往均有普遍提高,但这仅仅是一个开始,我们的工作远未完成。随着新版 App 逐步覆盖更多的司机用户,我们将不断借助数据和用户反馈,持续优化用户体验。

小结

每一位设计师的心中都刻着一句咒语:「设计师并非用户」。 这几个字时刻鞭策着我们保持客观,督促着我们每做一个决定时,都考量用户所需,而非凭借主观臆断或盲从商业目标;只有这样,我们才能让 Uber 变得更优秀,更好地服务每一位司机用户,并为他们提供自立和自我营生的新方式。

(以上图片均来自原文)

 

原文作者:Molly Nix, Uber 司机端用户体验设计主管

原文地址:https://medium.com/uber-design/designing-a-partner-centric-experience-d9900e6511dc

翻译:童凌炜,饿了么商家端产品经理

译文地址:微信公众号【饿了么UED】

版权:人人都是产品经理遵循行业规范,任何转载的稿件都会明确标注作者和来源,若标注有误,请联系主编QQ:419297645

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/28236/

(0)
CatherineCatherine
上一篇 2017-05-20 07:27
下一篇 2017-05-20 09:35

相关推荐

  • 译文 | 微交互:设计优秀app的秘密

    好的产品往往做好了两点:功能和细节设计。功能吸引用户使用你的产品,细节设计将你的用户留下。优秀的细节设计能够使你的产品在众多竞品中脱颖而出,优秀的微交互设计往往能够让用户在初次使用产品时就能够留下深刻的印象。作为一个交互设计师,在设计微交互方案的时候不仅要考虑视觉上的冲击力,还要想办法赋予其信息传递的功能。

    2017-05-26
  • 【交互面试】阿里巴巴交互设计实习生笔试题汇总

    阿里巴巴交互设计实习生笔试题 1 在线测试,测试时间 180 分钟 【自我介绍-20 分】简要的自我介绍(学校、学历、专业、个性、独特亮点等),并上传你的简历和作品。(将附件上传到无密码的网盘中,建议使用酷盘,并…

    2015-07-30
  • 交互模型的构建方法

    交互建模用来对应用当中的交互模式进行定义,它同时还诠释了这些交互模式是以怎样的方式被整合成为具有高度一致性的、容易被用户理解的交互模型的。我们曾经在第二章里对iOS交互环境的概念模型和空间模型进行了解析…

    2014-12-01
  • 小白学Axure,这样学更高效,还能提升产品交互,更容易拿高薪

    众所周知,Axure是产品经理必备的工作软件。BAT对于产品工作2-3年的面试者,均要求熟练使用Axure。别让Axure阻碍你的高薪产品路!别等面试时,才发现自己掌握不够。“起点学院&腾讯课堂”联合打造6周Axure实战班,第6期开启报名!从第1期到现在,1400多位同学学习成长,好评如潮。花3-5分钟了解,很快Axure对于你,就不再是问题。(真诚地说)先来看看学习效果全程实操,学完高效制作原型,做出高保真认真学完,原型效率提升,更...

    2018-03-04
  • 想做动效,可是你的需求写清楚了么?

    精美的动画对于提升产品体验有很大帮助,如促进用户理解功能,缓解用户情绪,调动用户积极心理,为产品提供亮点等等。诸如此类的文章相信各位已经看过不少了,不少人已经开始越来越重视动效在产品中的应用了,还没有看过的同学不用急,谷歌官方的动效指南讲解得很详细,建议只看这个就够了,配合一些动画理解起来更容易。说明:

    1.优化直播间分享面板,增加特效

    2.当用户点击分享按钮时(*包括传统直播间主播面板的分享按钮和上方分享按钮,手机直播间的分享按钮*),从下方弹出分享面板,逐个弹出分享icon,并淡入显示分享奖励。

    3.用户关闭分享面板时,分享icon从右到左依次下落淡化消失
    相关参数:

    1.分享面板减速弹出,运动时间225ms
    2.分享icon从左到右依次弹出,运动时间225ms。带有奖励图标的,当对应分享icon弹出后,分享图标淡入显示(时间225ms),第二个图标比第一个迟100ms开始运动

    eg:如图第一个为qq图标,当用户点击分享按钮,分享面板弹出后,qq图标开始弹出(时间225ms),100ms后第二个图标(qq空间)弹出,当qq图标完全弹出时,淡入显示分享奖励图标,时间225ms。
    3.分享icon从右往左依次收回,分享面板收回,所有运动的时间减少30毫秒,如分享面板收回时间195ms,分享icon收回时间195ms。

    andorid端动画曲线采用系统自带:AccelerateDecelerateInterpolator(在动画开始与结束的地方速率改变比较慢,在中间的时候加速)

    iOS端动画采用系统自带:kCAMediaTimingFunctionEaseInEaseOut (在动画开始和结束的时候速度稍慢些)
    具体效果可参考附件视频

    2017-05-08
  • 做好B2B产品中的协作设计,需掌握的两大内容

    本文就是着重讨论B端产品中的协作设计。

    2017-05-10
  • 聊一聊不同应用场景下的验证码

    最近在做关于验证码的项目的时候,从交互的角度梳理了产品各个平台验证码的应用场景。在一个产品中,会有多个设计师分工协作,不同的设计师做设计迭代。由于验证码在整体设计中太容易被忽略,它在每个场景的显示逻辑可能不尽相同。下面,我们就来聊一聊不同应用场景下的验证码。

    2017-05-05
  • 4个关键词总结,如何把用户体验做到极致?

    作者:@烧包鹿全文共 4530 字 6 图,阅读需要 10 分钟———— / BEGIN / ————上周五约了朋友吃晚饭,提前约的顺风车。由于堵车,司机到了办公区的北门。经过沟通,我从定位地点过去找他。四扇车窗都是开的,他坐在驾驶位,烟刚抽了三分之二,后视镜旁还有未散尽的烟雾。他回头看见了我,我朝他微笑示意。确认了眼神,我是他的乘客。他马上把烟灭了,左手在空中挥了挥,右手向左转了一下空调按钮,抬起头在空中胡乱吹了几口气。隔着车窗看见副...

    2018-04-30
  • 用户体验测量的工具:可用性度量

    说到用户体验度量就不得不说用户体验,用户体验即用户在使用产品、系统、服务的过程中建立起来的主观心理感受、因为它是纯主观的,就带有一定的不确定因素;而个体的差异也决定每个用户的真实体验无法通过其他途径来完全模拟或再现。

    2017-05-30
  • 设计师保持画草图是个不错的习惯

    一名优秀的设计师的经验之谈。 我从不敢放眼将来长远的看过去若干年,也许正是这个原因才让自己对很多事情不那么在意。其实我是个很安心于能让自己安心的事物的人,只是这样的事物随着时间的推移而越来越少;自己所…

    2015-05-19