Material Design发布的“设计体系现状:2020”报告

0 评论 452 浏览 2 收藏 19 分钟

编辑导读:不管是大型平台型设计体系还是公司内部用的设计体系,它们有的建设多年,有的才刚萌芽。但现在很多文章往往都是定性的分析,难以提供一些趋势的辨别和数据验证。本篇文章内容来自Material Design的研究者Abla Hamilton发布的:《设计体系现状:2020》,从九个方面展开介绍,与你分享。

之前的设计体系文章一直缺乏一些具体的调查数据。今天这篇文章,我来分享一下Material Design的研究者在2020年末,发布的针对于设计体系使用者社区的调查。

不管是大型平台型设计体系还是公司内部用的设计体系,它们有的建设多年,有的才刚萌芽。但现在很多文章往往都是定性的分析,难以提供一些趋势的辨别和数据验证。

本篇文章内容来自Material Design的研究者Abla Hamilton发布的:《设计体系现状:2020》(The State of Design Systems: 2020,2020-12)

作者在文中分享了他们团队对设计体系社区中的500~1000余名成员的调查报告,并与他他们的2019年报告(去年的报告可以看这个:State of Design Systems 2019)进行对比分析,并分享了以下数据:

  • 使用的设计体系的包含内容
  • 选择创建设计体系的原因分布
  • 使用的设计体系分布
  • 目前用来设计数字产品的工具分布
  • 目前用来将设计文档化和交接的工具分布
  • 用于管理设计体系的的工具分布
  • 支持设计体系的组织活动情况
  • 设计体系增长趋势

*需要注意的是由于调查者背景是MaterialDesign,可能会存在部分数据的偏颇,稍微注意一下即可。以下是其核心内容:

前言:

我们使用的设计体系一直在持续发展。在今年的“设计体系现状(State of Design Systems)”调查中,我们了解了设计体系如何变得成熟、包含哪些内容,以及如何由人员、工具和流程管理。

这是Material Design与“Clarity”会议(https://www.clarityconf.com/2020-archive)合作的第二年,着眼于设计体系的当前状态。

我们以几种方式更新了2020年的调查。首先,Clarity 2020会议已转变为在线形式。通过这一更改,受访者预计使用或创建设计体系的的经验可能会发生变化。我们还通过Material Design的社交媒体和通讯帐户(https://twitter.com/materialdesign)添加了分销渠道,以扩大今年未参会人员的影响力。

我们还计划在两篇文章中解释这些结果。在本文中,我们将对调查结果进行概述,并与去年的调查进行比较。在2021年初,我们将进一步深入研究设计体系的发展(译者注,新文章还没发布)。

关于受访者:

今年,我们听到了很大一部分专注于设计工作的人的声音(53%)。与去年的调查相比,专注于开发的人员从11%上升到16%,同时从事设计和开发的人员从16%上升到22%。

我们还发现受访者的相关经验发生了变化。去年,大多数人称(57%),他们在各自角色中的工作经验不足4年。

今年的受访者工作经验结果是:

  • 37%的人拥有不到4年的经验
  • 32%具有4-9年的经验
  • 31%具有9年以上的经验

现在的分布更均匀,使我们有更广泛的经验可以从中学习。

在考虑参与创建或使用设计体系的人员时,让我们使用Nikolas Klein在其文章《设计体系的成熟度》(https://www.designsystems.com/the-spectrum-of-maturity-for-design-systems/)中的定义。他将创造者(Creator)定义为“发明新模式或记录现有模式以供他人使用的人”,而将消费者(Consumer)定义为“使用先前定义的模式的人”。

使用这些定义,可以将76%的受访者确定为“创造者”,既可以作为组织设计体系团队的一部分,也可以作为对设计体系做出贡献的产品团队的成员。因此,我们中有大多数具有动手经验的人通过本次调查分享了这些经验。

一、设计体系包含什么内容?

在去年的调查中,我们试图了解构成组织设计体系的内容。去年设计体系中最流行的工具包括组件库(component libraries)、样式指南(styleguides)、设计指南(design guidelines)、和内容指南(content guidelines)。

今年,我们将问题扩展到包括9个选项,添加了诸如设计令牌(design tokens),图标库(icon libraries)和可访问性准则(accessibility guidelines)之类的内容。

设计体系包含的前三名工具包是:

  1. 图标库(84%)
  2. UI套件(83%)
  3. 样式指南(75%)

大多数受访者(74%)还报告说他们的设计体系具有组件代码库。

图1.在公司内使用的设计体系包含的具体内容(465样本)

这里有两个要考虑的关键事实。

首先,有75%的受访者专注于产品级别或设计体系级别的设计工作。

其次,记录组织的视觉语言是设计体系开发的第一步。组织的视觉语言在样式指南和图标中表示,并嵌入到产品设计阶段使用的UI Kit中。视觉内容(例如样式指南和图标)的比例很高,与早期的设计体系演进阶段保持一致。

二、推动内部设计体系建设的原因是什么?

在2019年,我们问了:“您尝试或使用过哪些设计体系或组件库?” 在该调查中,有58%的受访者选择了“内部设计体系”作为他们曾经使用或尝试过的体系,该选项仅次于Google的Material Design。

在2020年的调查中,我们想了解有关内部设计体系的更多信息,因此我们添加了以下两个新问题:

“贵公司是否在内部建立了自己的设计体系?” ,进一步有以下问题,“您的公司为什么选择内部构建设计体系而不是重新使用开源设计体系?”

居然有大多数受访者(80%)报告说,他们的公司在内部构建了自己的设计体系。

公司创建其内部设计体系的前三个原因是:

  1. 最能代表他们公司的品牌(27%)
  2. 解决其产品的特定用例(22%)
  3. 框架或技术堆栈(tech stack)限制(14%)

图2.创建内部设计体系的原因(350样本)

三、您使用了哪些设计体系?

在去年的调查中,当我们问到“您使用了哪些设计体系?” 选择的前三大设计体系是:Google的Material Design(28%),内部构建的设计体系(21%)和Apple的Human-InterfaceGuidelines(15%)。

今年,当我们问到“过去两年中您使用了哪些设计体系”时,我们通过其他设计体系和工具包(例如Bootstrap和Fluent Design System)扩展了选项列表。这有助于我们了解受访者使用的设计体系的范围以及如何使用这些设计体系。

在过去两年中,我们的受访者使用的前三大设计体系是:

  1. Google的 质感设计体系(Material Design System)
  2. Apple的人机交互指南( Human-Interface Guidelines ,HIG)
  3. Bootstrap

图3.过去两年中使用或尝试过的设计体系(1259样本)

在今年的结果中,Bootstrap是新秀选择之一,在我们的清单中排在Google的MDS和Apple的HIG之后的第三位。

当我们考虑到绝大多数(80%)的报告称其组织已经创建了自己的内部设计体系并查看了仅那些受访者使用的不同设计体系时,我们可以得出结论,大多数人将这些设计体系用来作为参考,帮助建设在内部设计体系。

这进一步证实了去年调查中记录的一项发现:“ …公司越来越希望开发自己的设计体系,但将使用现成的设计体系作为参考和影响。”

四、用来设计数字产品的工具是什么?

今年,我们为设计体系创造者和消费者增加了有关工具的几个问题。我们询问了专注于设计工作的受访者,他们使用哪些工具来创建设计。

受访者选择的前3种工具是:

  1. Figma(23%)
  2. Sketch(19%)
  3. Illustrator(11%)

图4.受选的设计工具百分比(497样本)

当我们将工具偏好与公司规模进行比较时(详见图5),Figma往往是拥有500名以下员工的公司的偏好选择,而Sketch是拥有10,000名及以上员工的大型跨国公司的首选。

图5.不同受访者规模选择特定设计工具的百分比(453样本)

五、用来将设计文档化和交接的工具是什么?

设计与工程之间的交接是产品设计与开发过程中协作与沟通的关键时刻。

在去年的调查中,这种移交被确定为设计领导希望通过使用设计体系来缓解的痛点。今年,我们增加了一个新问题,并向所有受访者询问用于移交UX文档的工具,以了解有关此设计体系接触点的更多信息。

受访者选择的前3种工具是:

  1. Figma (26%)
  2. InVision (18%)
  3. Zeplin (13%)

图6.用来递交UX文档的工具使用情况(451样本)

当我们比较用于将UX文档使用情况的工具与公司规模进行比较时,几乎所有公司规模都选择了Figma,但大型公司除外,大型公司更频繁地使用InVision。

图7.不同受访者公司规模下特定设计工具使用的百分比(451样本)

六、用于管理设计体系的工具是什么?

随着越来越多的组织创建设计体系,用于组织和管理设计体系内容和文档的工具越来越多。

在2019年,当我们询问管理设计体系的工具时,选择的头部工具是Sketch。但是,今年的头把交椅是Figma(25%),其次是Sketch(21%)和Storybook(17%)。

图8.使用的设计体系管理工具的选择百分比(452样本)

同样,当我们按公司规模查看设计体系管理工具的使用情况时,除大型公司外,几乎所有公司都选择了Figma,大型公司则使用了Sketch。

图9.按受访者公司规模划分的设计体系管理工具的百分比(452样本)

七、您如何支持设计体系?

随着组织内部的设计体系的发展,需要更积极的支持来帮助他们发展和成功。今年的调查增加了一个有关团队为支持其设计体系演变而进行的特定活动的问题。

主要支持设计体系建设的活动包括:

  1. 定制及重复设计的审查(16%)
  2. 入门介绍如何使用组织的设计体系(14%)
  3. 能够针对体系提交错误(13%)

图10.设计体系支持活动的百分比(371样本)

设计体系启动后,迈向成功的下一步是产品团队采用设计体系。提供入职培训以展示如何使用设计体系并演示体系的价值可以帮助提高知名度和采用率。

另外,使用设计体系的既定目标是保持产品的一致性。让设计体系团队成员在产品设计审查期间提供反馈,或者使产品团队能够针对设计体系本身提交错误,提供机制和机会来保持设计体系及其相关产品的一致性和同步性。

八、设计体系当前的增长趋势是什么?

除了了解有关内部设计体系增长趋势的更多信息外,我们还了解了受访者的设计体系在组织中已经使用了多长时间。大约25%的受访者表示他们的设计体系已经使用了1-2年,非常新。

图11.目前的设计体系的使用时长(533样本)

将这些使用时长数据聚合为两个集群(0-2年和 2-4+年)并按公司规模进行分析(请参见图12),该数据表明,规模较小的区域性公司(最多5,000名员工)正在比更大型跨国公司(拥有5,000多名员工)创建更多的设计体系。

越来越多的中型公司(50至1500名员工)越来越多地使用设计体系来改善其产品的设计和开发团队流程,提升产品一致性和质量。

图12.按受访者规模X设计体系使用时长(389样本)

九、下一步是什么?

无论是在团队级别、组织级别还是在更广泛的设计体系社区中,设计体系总是在不断发展。当我们将这些系统应用到我们的工作中时,重要的是要了解有关体系如何形成、如何得到支持以及如何演化的问题。这样,新的团队可以根据这些社区中的挑战和成功基础上继续学习。

文章暂告结束,等他们新报告发布了,我再和大家分享一波。

另外,下面的内容是近期我撰写的关于设计体系的相关文章,感兴趣的朋友可以看看:

相关阅读

设计体系丨设计体系的涌现:适应组织的需要(一)

设计体系丨什么才是设计体系?结构、原则与认知误区(二)

设计体系丨设计体系有什么用?价值与缺陷(三)

设计体系丨如何创建设计体系?(四)

设计体系丨根据六大设计体系总结出的资产清查清单(五)

参考内容

[1].    原文,AblaHamilton(Material Design),The State of Design Systems: 2020,2020-12-16,https://material.io/blog/research-state-of-design-systems-2020;

[2].    Jude Yew,State of Design Systems 2019 ,2019-12-23,https://medium.com/google-design/state-of-design-systems-2019-ff5f26ada71;

[3].    Clarity设计体系会议,https://www.clarityconf.com/2020-archive;

[4].    NikolasKlein,The spectrum ofmaturity for design systems,https://www.designsystems.com/the-spectrum-of-maturity-for-design-systems/;

 

作者:龙哩个龙 。公众号:LONG说设计

本文由 @龙哩个龙 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

给作者打赏,鼓励TA抓紧创作!
1人打赏
更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!