Uber Design Platform

Uber Design Platform

今天早上,我带着一辆Jump自行车到我在旧金山的办公室。在我写这篇文章的时候,曼谷的一位优步司机带着一个客户回家乘坐嘟嘟车。伯明翰一个忙碌的家庭已经在Uber Eats订了晚餐。丹佛的通勤者持有在优步运输上购买的火车票。甚至有一个很好的机会,你在读取优步时读这个。

随着优步的产品规模扩大,我们的产品组合不断扩大,我们设计的变量和区域设置也随之发展。每天发生超过1000万次旅行,我们如何确保为每个人提供积极,可靠的体验?

答案是我们的设计平台。通过创建一个不仅承认并且还利用优步进化到平台的系统,我们为设计师提供了一套强大,一致的基本元素,同时使他们能够自由探索。

设计平台

我们以闪电般的速度推出了优步的应用和服务。最初,我们的分散系统使我们能够进行创新和实验。这使我们有能力引入创新的设计模式,但它也使我们的用户体验分散。我们意识到虽然骑车者,驾驶员和食客的使用情况可能彼此截然不同,但形成其相互作用的经历共享了一些潜在的基本模式。通过关注这些常见模式,我们可以确保跨产品和区域的一致体验。

今天,优步是一个平台:我们提供的各种服务都融入到一个单一的生态系统中,这个生态系统的优势在于这些服务的互连方式和方式。随着我们平台的发展,我们的大规模设计流程也在不断发展。

我们需要能够帮助设计师保持同步的工具,通用设计库,为他们提供不断增长的学习体验,以及识别和应用我们的模式以实现各种用户体验的方法。

该系统必须能够欢迎传入的创新,而不会破坏许多用户熟悉的现有体验。

基地设计系统

通过基础设计的基础,我们构建了一个灵活的系统,使设计人员能够自由探索,同时保持一致性和质量为核心。

优步的设计系统:基地

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

设计师不应该根据设计系统检查他们的工作,而应该将其与自然工作流程相结合。

设计系统是拼图的第一部分,而不是最后一部分,应该有助于设计更快,同时保持高标准和一致性。这就是为什么我们认为Base简单易行。它有四种字体类别,三种主要颜色 – 白色,黑色和强调色 – 以及五种基于四像素网格的核心尺寸。

这就像玩乐高:单砖可以构成如此多的结构。基本的 砖块不会改变,但是构建器使用它来创建,释放它的潜力。虽然这些组件的核心是基础,但它们也可以通过样式覆盖进行高度自定义,并且可以通过多种不同方式进行配置。

我们的Styleguide应用程序允许设计人员测试组件的不同配置

将我们的设计连接到一个系统可以让我们超越像素。在Uber进行设计首先要认识到虚拟和物理世界如何相互作用,以及我们的数字可承受性如何影响用户行为和我们的社会:这是我们所说的模式设计拥有清晰描绘的设计系统和支持工具不仅有助于设计师避免在“推动像素”时浪费时间,而且可以让他们专注于识别这些模式并设计真实世界中的积极影响。

文档和资产

设计语言的简单性需要扩展到它的分布和维护方式。

设计师是习惯的生物。当您经常需要离开工作区查找参考文档时,打破焦点的势头是一个无赖。

在过去,我们创建了以我们的风格指南为特色的内部网站,但这需要维护风险变得过时,而且是您必须去寻找相关信息的另一个地方。今天,我们将文档直接写入工具中。

我们将Figma作为其强大的协作功能的主要设计软件。因为这意味着我们的工作文件仅在云上运行,所以我们可以维护单一的最新文档源。我们管理一个全面的库,我们不仅发布和更新我们的UI组件,而且我们还编写支持指南,构建DosDon’ts列表,并展示好的示例。实时系统的一个主要优点是我们只需要维护一个文件:设计师可以根据需要提供的一个地方。

文档已融入我们的工具中

图标库和图标样式在历史上每个优步的产品都有所不同。最初这种方法似乎有意义,因为骑手,司机和食客都有完全不同的背景。但我们意识到,我们的每一件产品(内部和外部)都有一套共同的交通和生活方式图标。

现在我们拥有统一的图标,插图和资产系统。优步的设计团队可以提出新的要求,这些要求由一个创意团队完成。

统一的图标系统

我们的设计过程并不止于创建:从接收请求到提供访问,整个生产链都经过深思熟虑。

我们的资产被各种具有特定需求的学科所使用,包括产品设计,营销和工程。为了节省资源并优化我们的工作流程,我们创建了差异化的接入点来满足这些需求,同时维护单一系统。使用Figma的设计人员可以直接在共享库中访问我们的矢量资产。我们努力使用关键字标记每个组件,以便于搜索。

营销专家并不总是熟悉像Figma这样的设计工具; 他们大多需要PNG。我们构建了一个超快的内部网站,可直接从Figma文件中提取图像,搜索由添加到原始组件的关键字提供支持。这样,即使不熟悉设计软件的人也可以访问他们需要的资产。

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

人类的平台

只要人们熟悉组件,设计系统和工具,它们就是有价值的。

经过几年不同方法的实验,我们了解到创造和保持动力的关键是围绕系统发展的社区。

我们投资的一个小工具就是我们所说的DesignKit。它是一个简单的Mac OS菜单栏扩展,使设计人员可以快速访问我们的工具。我们可以动态更新DesignKit的内容,以便始终能够呈现出新的和相关的内容。其最方便的功能之一是能够发送本机推送通知。电子邮件和新闻稿实际上并不需要对设计系统进行简短,简单的更新,而且电子邮件的数量可能非常庞大。感谢DesignKit,我们可以发送快速更新,而不会使设计人员无法进行无关的通信。

毫无疑问,工具不能进行设计。

设计最终通过协作,讨论,经验和努力工作来实现。为了密切关注产品设计师正在做什么,我们一丝不苟地为设计评论,1:1会议,研讨会以及许多其他正式和临时场合进行面对面交流分配时间。

设计在公开场合

文化也起着至关重要的作用。在优步,我们鼓励我们的设计师在公开场合进行设计,不断分享正在进行的工作,并进行协作。本着这种精神,我们的设计系统不是一套通过一系列大门和控制流程强制执行的规则,而是一个包容,不断发展的生态系统,每个人都被邀请参与。我们参与的越多,系统就越好。

我们的设计平台的最终目标是让每个设计师在系统方面更好地思考一切 – 网格,排版,语言,动作,可访问性等等。这样,每个人都可以共同设计,从共同的资源中学习,并对整个公司的产品质量有共同的理解。

这是一个简单的规则:随着我们每个人提高我们的工作质量,并通过这项工作帮助其他人改进,我们的工艺将集体更好,我们的产品也将如此。

原文地址:https://medium.com/uber-design/uber-design-platform-1ebff86c89e7

Your email address will not be published. Required fields are marked *

UXG是一个长期关注用户体验(UE)的设计平台,内容包含用户界面(UI)、互动设计(ID)、交互设计(UX)、设计趋势以及服务设计等。

我们试图让更多读者了解设计师们的巧思,并推广Design Thinking的思维,欢迎大家加入这个开放社区。

More Stories
未来的人类