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

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

相关推荐

  • Axure官方教程中文版第4课:构建交互动作-木卫艾欧网原译

    https://www.iamue.com/wp-content/uploads/video/Axure.com-learn(4).MP4 新建文件 1、添加一个按钮和两个文本框 2、禁用第二个文本框 3、设置第一个文本框不可点击 4、设置第二文本可用 5、将第二个文本框设置获…

    2015-01-26
  • APP引入一个新世界的可能性

    在上一篇文章中,我们介绍了概念"设计的地方,"这也解释了如何你可以更好地了解您的应用程序的使用情况和它的功能,以及如何可以变为更加重要的一部分,您的用户日常生活的步伐。我们这样做是通过分解如何分析应用程序功能的位置,如精确位置的数据已迅速成为必不可少的提供您的用户行为和利益的富有洞察力。

    2015-01-05
  • 总结|服务设计的基础概念和案例

    在这里,本文作者和大家分享一些我总结的服务设计的基础概念和案例,希望对大家快速入门服务设计有所帮助。

    2017-05-06
  • 2017新零售用户体验观察

    互动新零售专为互联网人打造的新零售智库。关注过去的2017年被誉为“新零售元年”,从早前颜艳春的《第三次零售革命》到阿里的“五新”战略,再到京东的“新零售革命”等等,一系列关于“新零售”的概念被正式提出。而行动上,无论是互联网电商巨头,还是传统线下零售企业均在紧锣密鼓地展开此次零售变革的布局。此次“新零售”变革概念从中国提出之时,从全球范围来看,和传统零售形态不太一样的商业形态和消费者体验已经在世界各地慢慢的生长起来。这一年中各式各样关...

    2018-02-08
  • 信息与交互设计专业委员会走访北京服装学院艺术设计学院

    点击信息与交互设计关注我们!欢迎大家踊跃投稿哦!投稿邮箱:iidc@iidc.org.cn第四站——北京服装学院2017年11月3日上午,信息与交互设计专业委员会卞亚君秘书长及秘书处谢老师、王老师一行三人到北京服装学院艺术设计学院进行了走访。新媒体系主任丁肇辰教授热情地接待了我们,在交谈中丁教授向我们介绍了学院的基本情况以及带学生做的一些研究项目及活动。如《都会寝室》项目,面向20-35岁人群,致力于通过卧室环境控制、健康食物推荐等,改...

    2018-01-31
  • 无框界面的四大优势,为你演绎一种新的设计风格

    无框界面其实不过是界面风格的一种罢了,并不是包治百病的神药。糟糕的设计师,什么风格都拯救布料;而能自成一派的优秀设计师并不需要收到任何风格的局限。

    2017-05-10
  • AR与用户体验简析

    说道AR想必大家都不陌生,所谓AR就是增强现实技术,现在普遍的应用是在移动端,通过相机拍摄现实场景,并通过AR技术在屏幕上生成想要的图案,使能够栩栩如生的浮现在屏幕上,好似实物就在眼前一样。首先我们值得注意的是个人电脑和智能手机是所有人都想要拥有和使用的产品,一旦产品价格进入消费者能够承受的价位,爆发是完全没有问题的;其次,两者的核心技术其实都集中在CPU、显示屏等电子元件相关领域,这些产品的发展基本上都遵循摩尔定律,即18-24月性能...

    2018-02-27
  • SKD独家 | 美国交互设计排名

    你心目中的交互设计是什么样的 ?也许Google这个产品所创造的场景是你所畅想的交互设计可以被认为是当下最热门的专业,受热捧的程度可以和金融媲美。但是,你真的了解开设这个专业的院校吗?每个院校之间的差异和设置有什么不同?SKD根据院校开设的课程设置、专业排名,特邀我们资深的教研团队根据对自身院校的了解、利用兄弟院校的校友资源、以及院校专业设置等诸多因素的考虑,整理出交互设计的院校申请建议,希望对选择院校的同学有所帮助。注意:本排名仅供参...

    2018-03-28
  • 3步帮你搞定PRD文档

    很多新同学问道写PRD文档时不知如何下手,在这小编整理了一下如何搞定PRD文档的思路,还望对大家有帮助,这样也就值了。 一、理解什么是PRD? PRD:Product Requirement Document,产品需求文档,可以看出它是用来…

    2015-06-05
  • 用户体验(UX)专家是如何进行设计评审?

    设计评审是一种可用性测查工具,通常由一个评审员审查设计方案中的可用性问题。本文摘自https://www.nngroup.com/articles/ux-expert-reviews/原文标题:UX Expert Reviews原文作者:Aurora Harley什么是“设计评审”?定义:设计评审是一种可用性测查工具,通常由一个评审员审查设计方案中的可用性问题。“设计评审”一词颇为广义,涉及数种可用性测查方法,且每一种的运用因人(评审员...

    2018-04-19