編輯導讀：不管是大型平臺型設計體系還是公司內部用的設計體系，它們有的建設多年，有的才剛萌芽。但現(xiàn)在很多文章往往都是定性的分析，難以提供一些趨勢的辨別和數(shù)據驗證。本篇文章內容來自Material Design的研究者Abla Hamilton發(fā)布的：《設計體系現(xiàn)狀：2020》，從九個方面展開介紹，與你分享。

之前的設計體系文章一直缺乏一些具體的調查數(shù)據。今天這篇文章，我來分享一下Material Design的研究者在2020年末，發(fā)布的針對于設計體系使用者社區(qū)的調查。

不管是大型平臺型設計體系還是公司內部用的設計體系，它們有的建設多年，有的才剛萌芽。但現(xiàn)在很多文章往往都是定性的分析，難以提供一些趨勢的辨別和數(shù)據驗證。

本篇文章內容來自Material Design的研究者Abla Hamilton發(fā)布的：《設計體系現(xiàn)狀：2020》（The State of Design Systems: 2020，2020-12）

作者在文中分享了他們團隊對設計體系社區(qū)中的500~1000余名成員的調查報告，并與他他們的2019年報告（去年的報告可以看這個：State of Design Systems 2019）進行對比分析，并分享了以下數(shù)據：

• 使用的設計體系的包含內容
• 選擇創(chuàng)建設計體系的原因分布
• 使用的設計體系分布
• 目前用來設計數(shù)字產品的工具分布
• 目前用來將設計文檔化和交接的工具分布
• 用于管理設計體系的的工具分布
• 支持設計體系的組織活動情況
• 設計體系增長趨勢

*需要注意的是由于調查者背景是MaterialDesign，可能會存在部分數(shù)據的偏頗，稍微注意一下即可。以下是其核心內容：

前言：

我們使用的設計體系一直在持續(xù)發(fā)展。在今年的“設計體系現(xiàn)狀（State of Design Systems）”調查中，我們了解了設計體系如何變得成熟、包含哪些內容，以及如何由人員、工具和流程管理。

這是Material Design與“Clarity”會議（https://www.clarityconf.com/2020-archive）合作的第二年，著眼于設計體系的當前狀態(tài)。

我們以幾種方式更新了2020年的調查。首先，Clarity 2020會議已轉變?yōu)樵诰€形式。通過這一更改，受訪者預計使用或創(chuàng)建設計體系的的經驗可能會發(fā)生變化。我們還通過Material Design的社交媒體和通訊帳戶（https://twitter.com/materialdesign）添加了分銷渠道，以擴大今年未參會人員的影響力。

我們還計劃在兩篇文章中解釋這些結果。在本文中，我們將對調查結果進行概述，并與去年的調查進行比較。在2021年初，我們將進一步深入研究設計體系的發(fā)展（譯者注，新文章還沒發(fā)布）。

關于受訪者：

今年，我們聽到了很大一部分專注于設計工作的人的聲音（53％）。與去年的調查相比，專注于開發(fā)的人員從11％上升到16％，同時從事設計和開發(fā)的人員從16％上升到22％。

我們還發(fā)現(xiàn)受訪者的相關經驗發(fā)生了變化。去年，大多數(shù)人稱（57％），他們在各自角色中的工作經驗不足4年。

今年的受訪者工作經驗結果是：

• 37％的人擁有不到4年的經驗
• 32％具有4-9年的經驗
• 31％具有9年以上的經驗

現(xiàn)在的分布更均勻，使我們有更廣泛的經驗可以從中學習。

在考慮參與創(chuàng)建或使用設計體系的人員時，讓我們使用Nikolas Klein在其文章《設計體系的成熟度》（https://www.designsystems.com/the-spectrum-of-maturity-for-design-systems/）中的定義。他將創(chuàng)造者（Creator）定義為“發(fā)明新模式或記錄現(xiàn)有模式以供他人使用的人”，而將消費者(Consumer)定義為“使用先前定義的模式的人”。

使用這些定義，可以將76％的受訪者確定為“創(chuàng)造者”，既可以作為組織設計體系團隊的一部分，也可以作為對設計體系做出貢獻的產品團隊的成員。因此，我們中有大多數(shù)具有動手經驗的人通過本次調查分享了這些經驗。

一、設計體系包含什么內容？

在去年的調查中，我們試圖了解構成組織設計體系的內容。去年設計體系中最流行的工具包括組件庫（component libraries）、樣式指南（styleguides）、設計指南（design guidelines）、和內容指南（content guidelines）。

今年，我們將問題擴展到包括9個選項，添加了諸如設計令牌（design tokens），圖標庫(icon libraries)和可訪問性準則(accessibility guidelines)之類的內容。

設計體系包含的前三名工具包是：

1. 圖標庫（84％）
2. UI套件（83％）
3. 樣式指南（75％）

大多數(shù)受訪者（74％）還報告說他們的設計體系具有組件代碼庫。

圖1.在公司內使用的設計體系包含的具體內容（465樣本）

這里有兩個要考慮的關鍵事實。

首先，有75％的受訪者專注于產品級別或設計體系級別的設計工作。

其次，記錄組織的視覺語言是設計體系開發(fā)的第一步。組織的視覺語言在樣式指南和圖標中表示，并嵌入到產品設計階段使用的UI Kit中。視覺內容（例如樣式指南和圖標）的比例很高，與早期的設計體系演進階段保持一致。

二、推動內部設計體系建設的原因是什么？

在2019年，我們問了：“您嘗試或使用過哪些設計體系或組件庫？” 在該調查中，有58％的受訪者選擇了“內部設計體系”作為他們曾經使用或嘗試過的體系，該選項僅次于Google的Material Design。

在2020年的調查中，我們想了解有關內部設計體系的更多信息，因此我們添加了以下兩個新問題：

“貴公司是否在內部建立了自己的設計體系？” ，進一步有以下問題，“您的公司為什么選擇內部構建設計體系而不是重新使用開源設計體系？”

居然有大多數(shù)受訪者（80％）報告說，他們的公司在內部構建了自己的設計體系。

公司創(chuàng)建其內部設計體系的前三個原因是：

1. 最能代表他們公司的品牌（27％）
2. 解決其產品的特定用例（22％）
3. 框架或技術堆棧（tech stack）限制（14％）

圖2.創(chuàng)建內部設計體系的原因（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之后的第三位。

當我們考慮到絕大多數(shù)（80％）的報告稱其組織已經創(chuàng)建了自己的內部設計體系并查看了僅那些受訪者使用的不同設計體系時，我們可以得出結論，大多數(shù)人將這些設計體系用來作為參考，幫助建設在內部設計體系。

這進一步證實了去年調查中記錄的一項發(fā)現(xiàn)：“ …公司越來越希望開發(fā)自己的設計體系，但將使用現(xiàn)成的設計體系作為參考和影響。”

四、用來設計數(shù)字產品的工具是什么？

今年，我們?yōu)樵O計體系創(chuàng)造者和消費者增加了有關工具的幾個問題。我們詢問了專注于設計工作的受訪者，他們使用哪些工具來創(chuàng)建設計。

受訪者選擇的前3種工具是：

1. Figma（23％）
2. Sketch（19％）
3. Illustrator（11％）

圖4.受選的設計工具百分比（497樣本）

當我們將工具偏好與公司規(guī)模進行比較時（詳見圖5），F(xiàn)igma往往是擁有500名以下員工的公司的偏好選擇，而Sketch是擁有10,000名及以上員工的大型跨國公司的首選。

圖5.不同受訪者規(guī)模選擇特定設計工具的百分比（453樣本）

五、用來將設計文檔化和交接的工具是什么？

設計與工程之間的交接是產品設計與開發(fā)過程中協(xié)作與溝通的關鍵時刻。

在去年的調查中，這種移交被確定為設計領導希望通過使用設計體系來緩解的痛點。今年，我們增加了一個新問題，并向所有受訪者詢問用于移交UX文檔的工具，以了解有關此設計體系接觸點的更多信息。

受訪者選擇的前3種工具是：

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

圖6.用來遞交UX文檔的工具使用情況（451樣本）

當我們比較用于將UX文檔使用情況的工具與公司規(guī)模進行比較時，幾乎所有公司規(guī)模都選擇了Figma，但大型公司除外，大型公司更頻繁地使用InVision。

圖7.不同受訪者公司規(guī)模下特定設計工具使用的百分比（451樣本）

六、用于管理設計體系的工具是什么？

隨著越來越多的組織創(chuàng)建設計體系，用于組織和管理設計體系內容和文檔的工具越來越多。

在2019年，當我們詢問管理設計體系的工具時，選擇的頭部工具是Sketch。但是，今年的頭把交椅是Figma（25％），其次是Sketch（21％）和Storybook（17％）。

圖8.使用的設計體系管理工具的選擇百分比（452樣本）

同樣，當我們按公司規(guī)模查看設計體系管理工具的使用情況時，除大型公司外，幾乎所有公司都選擇了Figma，大型公司則使用了Sketch。

圖9.按受訪者公司規(guī)模劃分的設計體系管理工具的百分比（452樣本）

七、您如何支持設計體系？

隨著組織內部的設計體系的發(fā)展，需要更積極的支持來幫助他們發(fā)展和成功。今年的調查增加了一個有關團隊為支持其設計體系演變而進行的特定活動的問題。

主要支持設計體系建設的活動包括：

1. 定制及重復設計的審查（16％）
2. 入門介紹如何使用組織的設計體系（14％）
3. 能夠針對體系提交錯誤（13％）

圖10.設計體系支持活動的百分比（371樣本）

設計體系啟動后，邁向成功的下一步是產品團隊采用設計體系。提供入職培訓以展示如何使用設計體系并演示體系的價值可以幫助提高知名度和采用率。

另外，使用設計體系的既定目標是保持產品的一致性。讓設計體系團隊成員在產品設計審查期間提供反饋，或者使產品團隊能夠針對設計體系本身提交錯誤，提供機制和機會來保持設計體系及其相關產品的一致性和同步性。

八、設計體系當前的增長趨勢是什么？

除了了解有關內部設計體系增長趨勢的更多信息外，我們還了解了受訪者的設計體系在組織中已經使用了多長時間。大約25％的受訪者表示他們的設計體系已經使用了1-2年，非常新。

圖11.目前的設計體系的使用時長（533樣本）

將這些使用時長數(shù)據聚合為兩個集群（0-2年和 2-4+年）并按公司規(guī)模進行分析（請參見圖12），該數(shù)據表明，規(guī)模較小的區(qū)域性公司（最多5,000名員工）正在比更大型跨國公司（擁有5,000多名員工）創(chuàng)建更多的設計體系。

越來越多的中型公司（50至1500名員工）越來越多地使用設計體系來改善其產品的設計和開發(fā)團隊流程，提升產品一致性和質量。

圖12.按受訪者規(guī)模X設計體系使用時長（389樣本）

九、下一步是什么？

無論是在團隊級別、組織級別還是在更廣泛的設計體系社區(qū)中，設計體系總是在不斷發(fā)展。當我們將這些系統(tǒng)應用到我們的工作中時，重要的是要了解有關體系如何形成、如何得到支持以及如何演化的問題。這樣，新的團隊可以根據這些社區(qū)中的挑戰(zhàn)和成功基礎上繼續(xù)學習。

文章暫告結束，等他們新報告發(fā)布了，我再和大家分享一波。

另外，下面的內容是近期我撰寫的關于設計體系的相關文章，感興趣的朋友可以看看：

相關閱讀

設計體系丨設計體系的涌現(xiàn)：適應組織的需要（一）

設計體系丨什么才是設計體系？結構、原則與認知誤區(qū)（二）

設計體系丨設計體系有什么用？價值與缺陷（三）

設計體系丨如何創(chuàng)建設計體系？（四）

設計體系丨根據六大設計體系總結出的資產清查清單（五）

參考內容

[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說設計

本文由 @龍哩個龍 原創(chuàng)發(fā)布于人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基于CC0協(xié)議