老司机的福音!细看设计师如何从零开始重制Uber司机端App

优设网  •  扫码分享
我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  

uber-app-redesign-1

Uber 如何将他们的设计哲学应用在司机端的 App 上面?今天饿了么的童凌炜同学为大家翻译了 Uber 司机端用户体验设计主管 Molly Nix 写的一篇总结文。特别建议大家看这类从真枪实战中收获的经验,学习设计师的全局思考方式,当然,能写自己参加过的项目(记得投稿)就更棒噜。

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

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

找到问题所在

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

1mbp20160115

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

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

2mbp20160115

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

做正确的设计

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

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

6mbp20160115

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

正确地做设计

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

yb20160115

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

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

不放过任何细节

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

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

7mbp20160115

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

从更广泛的用户中学习

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

5mbp20160115

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

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

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

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

本文译者为饿了么设计师,所以友情插播一则「饿了么」的招聘启事:

  • 高级交互设计师
  • 高级视觉设计师
  • 用户研究工程师

如果你感兴趣可以发送简历至: hrcv@ele.me

欢迎关注饿了么UED微信公众号

10eleme20160114

【技多不压身的设计师工资高!】

  1. 平面设计: 《超赞!设计师完全自学指南》
  2. 交互设计 : 《交互设计师修炼指南!教你从零开始成为优秀交互设计师》
  3. UI设计: 《超实用新手指南!零基础如何自学UI设计?》
  4. 前端开发: 《天猫高手来教你!零基础如何系统地学习前端开发?》
  5. 抠图技巧: 《从菜鸟到高手!PHOTOSHOP抠图全方位攻略》
  6. 配色方案: 《色彩搭配速成!3个实用方法帮你全面搞定配色》
  7. DPI指南: 《基础知识学起来!为设计师量身打造的DPI指南》
  8. 交互设计 自学路径图: 《零基础入门!给非科班生的自学路径图之交互设计篇》

原文地址: medium
投稿者: 饿了么

uisdc-ad-wechat

本文被转载1次

首发媒体 优设网 | 转发媒体

随意打赏

提交建议
微信扫一扫,分享给好友吧。