2023-1-4 博博
寫在前面
成熟的設計系統(tǒng)是一個強大的生態(tài)體系,在這個體系下,各系統(tǒng)部分協(xié)同運行,促進平臺產(chǎn)品之間的一致性,為更大規(guī)模的產(chǎn)品提供“標準化”的工作流程,從而實現(xiàn)組織的運作效率的提升。
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
設計系統(tǒng)是指服務于數(shù)字化產(chǎn)品設計的一系列具有內(nèi)在關(guān)聯(lián)性的、組織有序的設計模式與實踐方法(Kholmatova,2017)。
它既包含了可復用并組成界面的要素,也涵蓋了如何在設計團隊當中創(chuàng)建、提煉、使用和共享的方法。在2014年后,各大知名公司開始在界面設計領(lǐng)域紛紛構(gòu)建設計系統(tǒng)。百度商業(yè)團隊隨著產(chǎn)品不斷的發(fā)展和壯大,團隊希望通過統(tǒng)一的設計和研發(fā)語言來提升產(chǎn)品的一致性,并實現(xiàn)團隊協(xié)同效率提升,從而達到降本提效。在基于自身業(yè)務特性上,建設了一套Light設計系統(tǒng)并持續(xù)的發(fā)展。
目前在設計系統(tǒng)建設方面,各家有非常完備的建設方法與實踐。當設計系統(tǒng)建設趨于完備和成熟時,如何更有效定位設計系統(tǒng)的發(fā)展方向、持續(xù)迭代成為我們思考的重點。
本文將以百度商業(yè)團隊Light設計系統(tǒng)PATS度量體系的建設為例,分享我們?nèi)绾翁剿髟O計系統(tǒng)度量的建構(gòu),與具體實踐。希望通過文章能為大家?guī)硇滤伎迹⒔璐伺c大家進行交流與探討。
1.為什么要做設計系統(tǒng)度量
度量是一種測量或評價特定現(xiàn)象或事物的方法,而體驗度量則是一種可靠的測量或評價體驗的方法與數(shù)據(jù)體系,使得體驗可被測量、量化并以數(shù)據(jù)的形式表示出來(Tullis and Albert,2009)。
管理學大師彼得?德魯克:If you can’t measure it, you can’t improve it.無度量、無改善。設計系統(tǒng)無疑是一個動態(tài)發(fā)展的,是不斷演進的一個生態(tài)。在百度商業(yè)團隊Light Design設計系統(tǒng)建設初步完善后,我們希望通過行之有效的度量,來進行可測量、可量化、可持續(xù)的監(jiān)測,從而對設計系統(tǒng)進行全面評估,明確下一步重點的投入方向。這對我們設計系統(tǒng)管理和迭代非常有必要。
2.如何建立設計系統(tǒng)度量
2.1 現(xiàn)有度量模型研究
在構(gòu)建度量體系之前,我們先回溯已有的度量模型。了解當前市面上以及學術(shù)上已有的成熟度量模型。并帶著以下2個問題進行研究:
當前業(yè)界較為典型常用的模型體系:例如HEART + GSM模型、PTECH模型、《云計算軟件產(chǎn)品使用體驗質(zhì)量度量模型及度量方法》。
通過對比分析模型維度、具體指標和方法,我們發(fā)現(xiàn):
1)較為典型常用的模型是面向具體商業(yè)產(chǎn)品和用戶,但針對設計系統(tǒng)的度量很少涉及。
2)常見度量模型建構(gòu)的方法是有一定共性特征,我們可借此指導建構(gòu)設計系統(tǒng)度量模型。
2.2 設計系統(tǒng)度量的建構(gòu)
根據(jù)以上調(diào)研,我們認為:現(xiàn)有度量模型評估的對象、內(nèi)容和方法是面向用戶群體,并針對具體業(yè)務或產(chǎn)品;而設計系統(tǒng)的度量則是:通過全面科學的度量體系,評估設計系統(tǒng)在工作流程與業(yè)務側(cè)應用的表現(xiàn),驗證其價值,并判斷在應用中存在的問題。
我們基于百度商業(yè)團隊Light設計系統(tǒng)發(fā)展和預期目標,構(gòu)建了一套度量設計系統(tǒng)的評估體系。具體構(gòu)建過程分四步進行:
Step 01. 盤點當前現(xiàn)狀:
通過盤點對設計系統(tǒng)的各項內(nèi)容、困惑問題等,以此明確設計系統(tǒng)需要度量對象和內(nèi)容。根據(jù)設計系統(tǒng)標準化建立指南(Invision,2020)所提出:設計系統(tǒng)在不同發(fā)展階段,需要到達標準的依據(jù)以及設計系統(tǒng)應包含的內(nèi)容。結(jié)合我們設計系統(tǒng)當前發(fā)展的情況,將百度商業(yè)團隊設計系統(tǒng)內(nèi)容拆分為原則規(guī)范(Principle)、設計資產(chǎn)(Asset)、設計工具(Tool)、維護管理(Support)四大板塊。由此,明確我們度量設計系統(tǒng)的具體內(nèi)容,并將我們設計系統(tǒng)度量定義為設計系統(tǒng)PATS度量體系。
Step 02.制定度量維度:
在明確度量對象內(nèi)容后,結(jié)合我們設計系統(tǒng)的目標,將度量體系聚焦五大維度:
Step 03.明確目標、信號與指標:
在不同維度下,依照GSM模型的方法具體推導出指標和度量方法。具體實施的過程是:羅列出度量內(nèi)容在維度上所期望的目標,以及表現(xiàn)出的信號,來推到出具體指標。整個過程中,做到【貼近系統(tǒng)目標,緊扣度量內(nèi)容】。
Step 04.選取度量方法:
對應上述的劃分維度和指標,設計特定的度量問卷,采用主觀評分的形式持續(xù)跟蹤使用者們體驗分數(shù)變化,從而監(jiān)控設計系統(tǒng)在我們工作流程中的運行情況。并結(jié)合定性訪談,對薄弱內(nèi)容深入探究,了解具體原因。此外,我們也引入客觀度量方法,對組件應用表現(xiàn)的客觀數(shù)據(jù)進行監(jiān)測,來反映其靈活度情況。
3.PATS度量落地實踐
構(gòu)建設計系統(tǒng)PATS度量模型后,持續(xù)開展度量實踐,度量模型與評估方法得到初步驗證,確定設計系統(tǒng)度量體驗分的基線;并了解當前系統(tǒng)發(fā)展不足的地方,明確短期解決方案以及?線行動規(guī)劃。
第一次度量實踐中,對比本次度量的平均分發(fā)現(xiàn):易用性與可靠性維度遠低于平均分,存在明顯的短板。于是,重點針對短板問題,一方面,通過定性訪談對具體問題歸因,找準痛點,制定出應對方案;另一方法,調(diào)研先進設計系統(tǒng)的建設方法,學習管理經(jīng)驗,給出具體的改善措施。
通過半年執(zhí)行改善措施后,再次度量時,聚焦分值的變化觀測到:執(zhí)行相應的措施和決策后,分值有了明顯的變化。例如,通過切換Figma工具作為Light設計系統(tǒng)相關(guān)資產(chǎn)的載體,利用其優(yōu)勢將設計系統(tǒng)內(nèi)容根植到工作流程,使得易用性維度提升幅度非常顯著。在一定程度上,驗證了工具切換決策的價值。但易用性維度分值依舊較低,有可提升空間,還需持續(xù)優(yōu)化。
此外,成立Light設計系統(tǒng)維護小組,制定維護管理建設機制,明確雙周更新通知,統(tǒng)一日志記錄模板,明確各項負責人等,推動可靠性維度得分提升顯著。通過PATS設計系統(tǒng)度量,既為我們指明了下一步改善的方向,也對設計系統(tǒng)的發(fā)展決策進行驗證。
總結(jié):
在建立設計系統(tǒng)PATS度量后,實現(xiàn)了全面并精準的監(jiān)控和管理,并指引我們提出可提升系統(tǒng)體驗的決策與方向。而設計系統(tǒng)是復雜的,也是不斷變化、演進的。未來設計系統(tǒng)PATS度量的方法也會隨設計系統(tǒng)的發(fā)展而逐漸豐富,來獲取更全面的數(shù)據(jù)。最終,幫助團隊更好地推進設計系統(tǒng)的建設,提升設計系統(tǒng)的成熟度,推進設計系統(tǒng)向一個良性循環(huán)的方向前進。
作者:百度MEUX 來源:站酷
藍藍設計建立了UI設計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯(lián)系01063334945。
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍藍設計( m.yvirxh.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數(shù)據(jù)可視化設計公司、UI交互設計公司、高端網(wǎng)站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司