您的位置:首页 > 国内新闻

Uber设计总监自述:每天1000万次出行背后的设计智慧

时间:2019-10-15

2019-09-19 16: 03: 45每个人都是产品经理

产品开发的不同阶段需要不同的应对策略,因此有必要不断注意产品使用过程中的痛点,并且不断地进行优化是没有止境的。

今天早上,我骑着Jump自行车去了旧金山的办公室。当我写这篇文章时,曼谷的Uber司机正在用嘟嘟车把乘客送回家。伯明翰一个忙碌的家庭已经在Uber Eats预定了晚餐;丹佛通勤者正在手持电话在Uber Transit购买火车票。也有可能您正在阅读本文并乘坐Uber。

随着Uber产品范围和产品组合的不断扩展,我们为其设计的变量和地区也在不断发展。每天的旅行次数超过一千万次,我们如何为每个用户提供积极可靠的体验?

答案在于我们的设计平台。通过创建一个经过认可的平台系统,该平台系统可以利用Uber的开发,为设计师提供了一套强大的,一致且必不可少的元素,同时允许他们在此平台上自由探索。

设计平台

我们以惊人的速度推出了Uber的应用程序和服务。最初,我们的去中心化系统使我们能够进行创新和试验。这使我们能够引入创新的设计模式,但也分散了我们的用户体验。我们意识到,尽管乘客,驾驶员和用餐者的使用可能彼此非常不同,但是在确定他们之间的交互体验时仍存在一定的共性。通过关注这些共性,我们可以确保在不同产品和地区的一致体验。

(彩云注:产品开发的不同阶段需要不同的应对策略,因此需要不断关注产品使用过程中的痛点,循环往复,优化无止境)

如今,uber已经成为一个平台:所提供的服务被集成到一个统一的生态系统中,这个生态系统的优势是使这些服务更加相互关联。随着平台的发展,我们的大规模设计过程也在不断发展。

我们需要帮助设计师保持同步的工具,公共设计库为他们提供了不断增长的学习内容,以及识别和应用我们的模式以获得各种用户体验的方法。

该系统必须能够在不损害用户熟悉体验的情况下引入创新。

基本设计系统

通过创建一个坚实的设计基础,我们建立了一个灵活的系统,允许设计师自由探索,同时保持核心一致性和质量。

uber设计系统的基本元素

2018年,我们创建了一个WebReact库,并将其作为基础Web开源项目发布给公众。我们称之为“基础”,因为它专注于基本元素,如排版、颜色、网格和图标,以及基本元素,如按钮、列表和控件。今天,它已经成为我们所有产品的ui框架。

(彩云注:设计库以前端框架的形式非常实用。它类似于lottie解决方案,它直接将效果转换为代码,并且更容易实现。)

设计人员不仅要根据设计系统检查自己的工作,而且要将其与工作流结合起来。

设计系统是难题的第一部分,而不是最后一部分,它可以在保持高标准和一致性的同时提高设计效率。这就是为什么我们认为“基础”很简单。它具有四种字体类别,三种主要颜色:白色,黑色和强调色,以及基于四像素网格的五种核心尺寸。

这就像发挥高度:基本的构建基块可以构成许多不同的结构。基础构建块不会改变,但是构建者使用它来创建和释放其潜力。虽然这些组件构成了基础效果,但它们也可以在很大程度上使用样式替代进行自定义,并可以通过多种不同方式进行配置。

将我们的设计统一到一个系统中,可以超越视觉领域进行思考。在Uber进行设计时,首先要了解虚拟世界与现实世界如何相互作用,以及我们的功能体验如何影响用户行为和社会。这就是我们所谓的设计模式。清晰描绘的设计系统和支持工具不仅可以帮助设计师避免在“移动像素”时浪费时间,而且还可以使他们专注于识别这些模式并在现实世界中产生积极影响。

(蔡云注:只有释放视觉思维的局限性,我们才能从本质问题,可以带来的价值,而不仅仅是花在对齐界面元素上的时间上更好地思考设计的意义,这些都应该交给我们转到工具。)

文件和资源管理

设计语言的简单性需要扩展到其分发和维护。

设计师是习惯性的动物。当经常需要在各种混乱的文档中找到参考文档时,中断思考并不是一件好事。

过去,我们建立了一个专门负责设计规范的内部网站,但是每次都要进行检查非常麻烦,并且很难维护。现在,我们将文档直接写入工具中。

Figma具有强大的协作功能,因此我们将其用作主要的设计软件。因为这意味着我们的工作文件只能在线操作,所以我们可以一起维护最新设计文档资源的副本。我们管理着一个更全面的库,我们可以在其中发布和更新UI组件,编写支持规范,建立可能和不可行的列表,并给出清晰的示例。实时在线文档的主要优点之一是我们只需要维护一个文件。设计师可以在一处找到所有需求。

(Caiyun注意:云的协作能力是未来的发展趋势。本地文件管理对于基于团队的协作非常不便。在实际工作中,由于版本不一致,通常容易设计出不一致的内容。)

与先前的迭代版本相比,Uber的产品,图标库和图标样式有所不同。最初,这种方法似乎是合理的,因为车手,驾驶员和用餐者的背景完全不同。但是我们意识到我们的每个产品(内部和外部)都有一组通用的通用图标。

现在,我们有了统一的图标,插图和素材系统。 Uber的设计团队可以提出设计团队专门解决的新要求。

统一图标系统

我们的设计过程超越了创建过程:从接收请求到提供访问,整个用户体验过程都经过深思熟虑。

(蔡云注:设计的价值在于体验过程中的每个接触,而不仅仅是视觉是提高设计能力的一种方式。)

我们的材料被具有特定需求的各种企业所使用,包括产品设计,营销和工程。为了节省资源并优化我们的工作流程,我们创建了不同的接入点来满足这些需求,同时维护系统。使用Figma的设计人员可以直接在共享库中访问我们的矢量资产。我们向每个组件添加关键字标签,以便可以快速搜索资源。

市场营销人员并不总是熟悉像Figma这样的设计工具。他们大多数需要PNG。我们建立了一个超快速的内部网站,可以快速找到添加到原始组件中的关键字,并直接从Figma文件中提取图像。这样,即使是不熟悉设计软件的人也可以找到所需的材料。

(蔡运注:对于该系统中的每个不同用户,请考虑他们的痛点,最大化其价值,并使该设计系统变得更好。)

我们已经实现了差异化渠道来分发我们的图标和插图

服务人民平台

组件,设计系统和工具只有在熟悉的情况下才能产生价值。

经过几年的实践,我们了解到围绕系统开发的社区是创建和维持势头的关键。

我们设计了一个名为DesignKit的小工具,这是一个简单的Mac OS菜单栏扩展,可让设计人员快速访问我们的工具。我们可以动态更新DesignKit的内容,这样我们就可以始终显示最新的相关内容。最方便的功能之一是能够发送本地推送通知。电子邮件和新闻稿实际上并不能保证设计系统中的简短有效更新,并且电子邮件的数量通常非常大。借助DesignKit,我们可以快速推送更新,而不会让设计人员错过无关的沟通。

毫无疑问,工具本身无法完成设计。

设计是通过协作,讨论,经验和辛勤工作最终实现的。为了密切关注产品设计师的工作,我们将精心分配时间,例如进行设计审查以及参加1v1会议,研讨会和许多其他正式和临时的面对面交流活动。

文化也起着至关重要的作用。在Uber,我们鼓励我们的设计师放手,继续分享正在进行的工作并进行协作。本着这种精神,我们的设计系统不是通过一系列阈值和控制过程强制执行的一组规则,而是一个包容性不断发展的生态系统,邀请每个人都参与其中。参与的人越多,系统越好。

我们设计平台的最终目标是使每个设计师的内容更好地考虑系统网格中的所有内容,排版,文案,动画,可访问性等。这样,每个人都可以参与设计,从共同的资源中学习,并对整个公司的产品质量有共同的理解。

这是一个简单的原则:随着我们每个人提高工作质量并帮助其他人通过这项工作进行改进,我们的经验会一起变得更好,我们的产品也会做到这一点。

(彩云注:从工具中的小提醒功能发挥到极致,保持开放的心态,享受分享的文化,让整个系统组成一个系统,最终为人民服务,然后由人民在设计价值上落地,Uber设计总监的文字并不长,但是我觉得收获很多!学习

原始:

作者:Marco Paglia

译者:设计师乔伊斯梁(Joyce Liang)努力工作并找到工作。公众号:彩云翻译设计

本文由

美军轰炸伊拉克一处小岛 40吨炸弹从天而降

  • 友情链接:
  • 曲靖新闻网 版权所有© www.yzdlmy.com 技术支持:曲靖新闻网| 网站地图