天天看點

方法+實戰!一站幫你搞定設計系統度量

作者:人人都是産品經理
本文将以百度商業團隊Light設計系統PATS度量體系的建設為例,分享他們如何探索設計系統度量的建構,與具體實踐。希望通過文章能為大家帶來新思考,推薦想了解設計系統度量的同學閱讀。
方法+實戰!一站幫你搞定設計系統度量

寫在前面

成熟的設計系統是一個強大的生态體系,在這個體系下,各系統部分協同運作,促進平台産品之間的一緻性,為更大規模的産品提供“标準化”的工作流程,進而實作組織的運作效率的提升。

A design system is a set of interconnected patterns and shared practices coherently organized to serve the purpose of a digital product. –Alla Kholmatova, from Design system

設計系統是指服務于數字化産品設計的一系列具有内在關聯性的、組織有序的設計模式與實踐方法(Kholmatova,2017)。

它既包含了可複用并組成界面的要素,也涵蓋了如何在設計團隊當中建立、提煉、使用和共享的方法。在2014年後,各大知名公司開始在界面設計領域紛紛建構設計系統。百度商業團隊随着産品不斷的發展和壯大,團隊希望通過統一的設計和研發語言來提升産品的一緻性,并實作團隊協同效率提升,進而達到降本提效。在基于自身業務特性上,建設了一套Light設計系統并持續的發展。

方法+實戰!一站幫你搞定設計系統度量
方法+實戰!一站幫你搞定設計系統度量

目前在設計系統建設方面,各家有非常完備的建設方法與實踐。當設計系統建設趨于完備和成熟時,如何更有效定位設計系統的發展方向、持續疊代成為我們思考的重點。

本文将以百度商業團隊Light設計系統PATS度量體系的建設為例,分享我們如何探索設計系統度量的建構,與具體實踐。希望通過文章能為大家帶來新思考,并借此與大家進行交流與探讨。

一、為什麼要做設計系統度量

度量是一種測量或評價特定現象或事物的方法,而體驗度量則是一種可靠的測量或評價體驗的方法與資料體系,使得體驗可被測量、量化并以資料的形式表示出來(Tullis and Albert,2009)。

管理學大師彼得•德魯克:If you can’t measure it, you can’t improve it.無度量、無改善。設計系統無疑是一個動态發展的,是不斷演進的一個生态。在百度商業團隊Light Design設計系統建設初步完善後,我們希望通過行之有效的度量,來進行可測量、可量化、可持續的監測,進而對設計系統進行全面評估,明确下一步重點的投入方向。這對我們設計系統管理和疊代非常有必要。

二、如何建立設計系統度量

2.1 現有度量模型研究

在建構度量體系之前,我們先回溯已有的度量模型。了解目前市面上以及學術上已有的成熟度量模型。并帶着以下2個問題進行研究:

  • 行業中已有的度量模型有哪些?
  • 設計系統度量是否可以依照現有度量模型展開?
方法+實戰!一站幫你搞定設計系統度量

目前業界較為典型常用的模型體系:例如HEART + GSM模型、PTECH模型、《雲計算軟體産品使用體驗品質度量模型及度量方法》。

方法+實戰!一站幫你搞定設計系統度量

通過對比分析模型次元、具體名額和方法,我們發現:

1)較為典型常用的模型是面向具體商業産品和使用者,但針對設計系統的度量很少涉及。

2)常見度量模型建構的方法是有一定共性特征,我們可借此指導建構設計系統度量模型。

  • 在次元的劃分上:根據不同的産品場景與業務屬性來提出。例如GSM&HEART模型更加注重使用者行為和感受,是以次元劃分包含了愉悅感、參與度和接受度。而作為服務于企業中背景産品的PTECH模型和雲計算産品模型,在次元劃分上有傾向性的加入易用性、任務效率、和性能。
方法+實戰!一站幫你搞定設計系統度量
  • 名額推導與方法選取:度量具體名額的推導方式多是通過GSM(目标-信号-名額),通過結合具體産品的特性與場景,具像化的處理并拆解次元,推到出相關的目标、信号和名額,來實作對目标的衡量。同時,在度量方法選取上,上述三個模型實踐都做到了客觀與主觀評估方法的全面覆寫。
方法+實戰!一站幫你搞定設計系統度量

2.2 設計系統度量的建構

根據以上調研,我們認為:現有度量模型評估的對象、内容和方法是面向使用者群體,并針對具體業務或産品;而設計系統的度量則是:通過全面科學的度量體系,評估設計系統在工作流程與業務側應用的表現,驗證其價值,并判斷在應用中存在的問題。

我們基于百度商業團隊Light設計系統發展和預期目标,建構了一套度量設計系統的評估體系。具體建構過程分四步進行:

方法+實戰!一站幫你搞定設計系統度量

Step 01. 盤點目前現狀:

通過盤點對設計系統的各項内容、困惑問題等,以此明确設計系統需要度量對象和内容。根據設計系統标準化建立指南(Invision,2020)所提出:設計系統在不同發展階段,需要到達标準的依據以及設計系統應包含的内容。結合我們設計系統目前發展的情況,将百度商業團隊設計系統内容拆分為原則規範(Principle)、設計資産(Asset)、設計工具(Tool)、維護管理(Support)四大闆塊。由此,明确我們度量設計系統的具體内容,并将我們設計系統度量定義為設計系統PATS度量體系。

方法+實戰!一站幫你搞定設計系統度量

Step 02.制定度量次元:

在明确度量對象内容後,結合我們設計系統的目标,将度量體系聚焦五大次元:

  • 通用性:是否能全面覆寫商業業務需求;并适應不同業務的變化,靈活可拓展
  • 易用性:在使用設計系統時,設計系統是否容易被了解和使用
  • 效率:通過使用設計系統,是否能提升工作效率
  • 可靠性:系統是否安全可靠、有人維護的
  • 滿意度:對使用設計系統的滿意程度
方法+實戰!一站幫你搞定設計系統度量

Step 03.明确目标、信号與名額:

在不同次元下,依照GSM模型的方法具體推導出名額和度量方法。具體實施的過程是:羅列出度量内容在次元上所期望的目标,以及表現出的信号,來推到出具體名額。整個過程中,做到【貼近系統目标,緊扣度量内容】。

方法+實戰!一站幫你搞定設計系統度量

Step 04.選取度量方法:

對應上述的劃分次元和名額,設計特定的度量問卷,采用主觀評分的形式持續跟蹤使用者們體驗分數變化,進而監控設計系統在我們工作流程中的運作情況。并結合定性訪談,對薄弱内容深入探究,了解具體原因。此外,我們也引入客觀度量方法,對元件應用表現的客觀資料進行監測,來反映其靈活度情況。

三、PATS度量落地實踐

建構設計系統PATS度量模型後,持續開展度量實踐,度量模型與評估方法得到初步驗證,确定設計系統度量體驗分的基線;并了解目前系統發展不足的地方,明确短期解決方案以及⻓線行動規劃。

第一次度量實踐中,對比本次度量的平均分發現:易用性與可靠性次元遠低于平均分,存在明顯的短闆。于是,重點針對短闆問題,一方面,通過定性訪談對具體問題歸因,找準痛點,制定出應對方案;另一方法,調研先進設計系統的建設方法,學習管理經驗,給出具體的改善措施。

方法+實戰!一站幫你搞定設計系統度量

通過半年執行改善措施後,再次度量時,聚焦分值的變化觀測到:執行相應的措施和決策後,分值有了明顯的變化。例如,通過切換Figma工具作為Light設計系統相關資産的載體,利用其優勢将設計系統内容根植到工作流程,使得易用性次元提升幅度非常顯著。在一定程度上,驗證了工具切換決策的價值。但易用性次元分值依舊較低,有可提升空間,還需持續優化。

此外,成立Light設計系統維護小組,制定維護管理建設機制,明确雙周更新通知,統一日志記錄模闆,明确各項負責人等,推動可靠性次元得分提升顯著。通過PATS設計系統度量,既為我們指明了下一步改善的方向,也對設計系統的發展決策進行驗證。

方法+實戰!一站幫你搞定設計系統度量

總結

在建立設計系統PATS度量後,實作了全面并精準的監控和管理,并指引我們提出可提升系統體驗的決策與方向。而設計系統是複雜的,也是不斷變化、演進的。未來設計系統PATS度量的方法也會随設計系統的發展而逐漸豐富,來擷取更全面的資料。最終,幫助團隊更好地推進設計系統的建設,提升設計系統的成熟度,推進設計系統向一個良性循環的方向前進。

作者:商業使用者體驗部

來源公衆号:百度MEUX(ID:baidumeux),百度移動生态使用者體驗設計中心,負責百度移動生态體系的使用者/商業産品的全鍊路體驗設計。

本文由人人都是産品經理合作媒體 @百度MEUX 授權釋出,未經許可,禁止轉載。

題圖來自Unsplash,基于 CC0 協定

該文觀點僅代表作者本人,人人都是産品經理平台僅提供資訊存儲空間服務。