熱評(píng) 小李學(xué)藝

案例解析到位,看完就知道怎么用設(shè)計(jì)系統(tǒng)了!

超多案例深度解析!設(shè)計(jì)系統(tǒng)學(xué)習(xí)指南

更多設(shè)計(jì)系統(tǒng)相關(guān)文章:

設(shè)計(jì)系統(tǒng)這個(gè)話題近幾年越來(lái)越受到大家的關(guān)注,國(guó)內(nèi)有阿里集團(tuán)的 Ant Design、Fusion Design,以及字節(jié)系的 Semi、Arco、騰訊的 TDesign;國(guó)外也有大家比較熟悉的 IBM Carbon Design、Salesforce Lightning Design,以及前段時(shí)間給大家介紹的 AWS CloudScape。

對(duì)于這些不同的設(shè)計(jì)系統(tǒng),大家時(shí)常會(huì)有一些不一樣的觀點(diǎn)。比如有的同學(xué)認(rèn)為 A 做得好,B 太過(guò)于簡(jiǎn)單,全是底層能力沒(méi)啥用。

如何理解它們之間的差異,是我們學(xué)習(xí)過(guò)程中非常重要的一環(huán)。我們不能簡(jiǎn)單的從內(nèi)容上去做比較,而是需要先從它們的定位出發(fā)。

一、設(shè)計(jì)系統(tǒng)的三個(gè)等級(jí)

從我個(gè)人的視角來(lái)看,我會(huì)傾向于將所有的設(shè)計(jì)系統(tǒng)分為是哪個(gè)不同等級(jí)系統(tǒng)級(jí)→領(lǐng)域級(jí)→業(yè)務(wù)級(jí),大家可以用下面這張圖看清楚它們的邏輯。從系統(tǒng)級(jí)到業(yè)務(wù)級(jí),是對(duì)設(shè)計(jì)標(biāo)準(zhǔn)的抽象到具象,同時(shí)我們對(duì)設(shè)計(jì)的指引也是從基礎(chǔ)認(rèn)知轉(zhuǎn)為更加具體的約束。

超多案例深度解析!設(shè)計(jì)系統(tǒng)學(xué)習(xí)指南

1. 等級(jí) 1:系統(tǒng)級(jí)設(shè)計(jì)系統(tǒng)

系統(tǒng)級(jí),顧名思義,就是操作系統(tǒng)級(jí)別的設(shè)計(jì)系統(tǒng)。當(dāng)下的數(shù)字產(chǎn)品大部分是基于操作系統(tǒng)和瀏覽器所構(gòu)建的,所以我們首先需要基于 OS 或?yàn)g覽器級(jí)來(lái)開(kāi)始工作。這里最常見(jiàn)的是 Google 的 Material Design、Apple 的 Human Interface Guideline 以及各種 Web 前端框架,比如 BootStrap。

配合硬件和軟件技術(shù)的發(fā)展,系統(tǒng)級(jí)的設(shè)計(jì)系統(tǒng)為我們提供豐富的交互形式以及設(shè)計(jì)指引。同時(shí)它們也對(duì)用戶的基礎(chǔ)認(rèn)知和使用習(xí)慣做出了定義和引導(dǎo),確保了一個(gè)產(chǎn)品在基礎(chǔ)交互層面的體驗(yàn)基準(zhǔn)線。

其實(shí)我們也可以將它“簡(jiǎn)化”一下,將它們比作支付寶或微信的小程序就更容易理解了。支付寶和微信經(jīng)過(guò)多年的運(yùn)作累積了海量的用戶和流量,于是很多的企業(yè)(或開(kāi)發(fā)者)希望能夠進(jìn)駐到平臺(tái),為用戶提供服務(wù)并獲取響應(yīng)的收益。

為了給用戶帶來(lái)一致、優(yōu)質(zhì)的服務(wù)和使用體驗(yàn),支付寶和微信向企業(yè)(或開(kāi)發(fā)者)提供一整套完整的設(shè)計(jì)指導(dǎo)原則和開(kāi)發(fā)框架,也借此來(lái)幫助提升小程序的開(kāi)發(fā)效率,降低產(chǎn)品的實(shí)現(xiàn)成本。而企業(yè)(或開(kāi)發(fā)者)也會(huì)盡可能的去遵守它們的規(guī)則,以獲得更好的業(yè)務(wù)上的合作扶持。

  1. Apple Human Interface Guideline
  2. Google Material Design
  3. BootStrap
2. 等級(jí) 2:領(lǐng)域級(jí)(行業(yè)級(jí))設(shè)計(jì)系統(tǒng)

相較于系統(tǒng)級(jí),領(lǐng)域級(jí)會(huì)更加聚焦于某一個(gè)領(lǐng)域或行業(yè)。比如 IBM 的 Carbon Design,阿里的 Fusion Design,螞蟻的 Ant Design 以及字節(jié)的 Semi Design、Arco Design、騰訊的 TDesign。

如果對(duì)以上這些名字有過(guò)一定的了解,你應(yīng)該發(fā)現(xiàn)它們基本面向的都是企業(yè)級(jí)應(yīng)用場(chǎng)景,或者是我們常說(shuō)的 B 端場(chǎng)景。為什么會(huì)是這樣呢?其實(shí)還是在于 B 端產(chǎn)品相對(duì)來(lái)說(shuō)更看重實(shí)用性和效率,比較適合對(duì)設(shè)計(jì)進(jìn)行抽象。C 端的業(yè)務(wù)能做嗎?邏輯上當(dāng)然是可以的,只不過(guò)在目前來(lái)看,大家并沒(méi)有能夠達(dá)成一致。

這里的共識(shí)并不是說(shuō)它簡(jiǎn)單、對(duì)設(shè)計(jì)的要求不高。而是在企業(yè)級(jí)的場(chǎng)景下,高效、一致、簡(jiǎn)潔等關(guān)鍵詞是大家最為核心的設(shè)計(jì)原則,目的是讓用戶能夠更為有效、輕松的完成當(dāng)下的任務(wù)。再加上如今蓬勃發(fā)展的 B 端業(yè)務(wù),設(shè)計(jì)系統(tǒng)的價(jià)值在這里可以得到很好的驗(yàn)證和體現(xiàn)。

領(lǐng)域級(jí)最重要的目的是能夠幫助在這個(gè)行業(yè)中的產(chǎn)品能夠快速完成 0 到 1 的產(chǎn)品建設(shè)。減少在前期工作中的浪費(fèi),讓大家能夠更加快速的進(jìn)行對(duì)產(chǎn)品的迭代和市場(chǎng)的驗(yàn)證上。

領(lǐng)域級(jí)的產(chǎn)品比較多了,我們這里可以簡(jiǎn)單列舉一些:

  1. IBM Carbon Design
  2. Ant Design
  3. Alibaba Fusion Design
  4. Arco Design
3. 等級(jí) 3:業(yè)務(wù)級(jí)(產(chǎn)品級(jí))設(shè)計(jì)系統(tǒng):

我們前面說(shuō)過(guò),設(shè)計(jì)系統(tǒng)的等級(jí)從下至上是從抽象到具象的過(guò)程,而這個(gè)具象就是我們對(duì)業(yè)務(wù)中設(shè)計(jì)標(biāo)準(zhǔn)的明確指引。同時(shí),業(yè)務(wù)級(jí)的設(shè)計(jì)系統(tǒng)往往也是我們設(shè)計(jì)師參與得最多的一類。它的定位很明確,就是基于行業(yè)和業(yè)務(wù)的特性來(lái)構(gòu)建,一切都是為業(yè)務(wù)而服務(wù)。

業(yè)務(wù)級(jí)設(shè)計(jì)系統(tǒng)的目的是提供明確的約束和指引,能夠幫助業(yè)務(wù)快速的實(shí)現(xiàn)產(chǎn)品業(yè)務(wù)邏輯,避免不必要的浪費(fèi)。

同時(shí)它也需要具備良好的業(yè)務(wù)抽象和擴(kuò)展性,有非常好的運(yùn)作機(jī)制,能夠提升整體業(yè)務(wù)生產(chǎn)鏈路的效率。在網(wǎng)絡(luò)上我們能看到的業(yè)務(wù)級(jí)設(shè)計(jì)系統(tǒng)其實(shí)并不太多,AWS 的 CloudScape 是一個(gè)還不錯(cuò)的案例,大家有興趣可以讀一下下面這篇文章進(jìn)一步了解。

4. 業(yè)務(wù)級(jí)設(shè)計(jì)系統(tǒng)案例 - AWS CloudScape Design System

CloudScape Design System 是今年的 7 月底,AWS 正式對(duì)外發(fā)布的設(shè)計(jì)系統(tǒng) 。這是一套開(kāi)源解決方案,可用于大規(guī)模構(gòu)建云服務(wù)業(yè)務(wù)的的復(fù)雜 Web 應(yīng)用。

這套解決方案其實(shí)早在 2016 年就已經(jīng)在開(kāi)始內(nèi)部啟動(dòng)了,如果大家有用過(guò) AWS 的產(chǎn)品,可能你已經(jīng)默默的見(jiàn)過(guò)它了。

超多案例深度解析!設(shè)計(jì)系統(tǒng)學(xué)習(xí)指南

CloudScape 提供了多達(dá) 66 個(gè)組件,而且這里面大多數(shù)都是基于 toB 類業(yè)務(wù)特性制定的自定義組件。基于這些組件和云服務(wù)業(yè)務(wù)的特性,它還封裝了 5 大類 35 個(gè) Pattern 以及 27 中場(chǎng)景的演示 Demo。

① CloudScape Design System 的核心特點(diǎn)

內(nèi)容簡(jiǎn)練務(wù)實(shí),指導(dǎo)準(zhǔn)確有效

相較于很多設(shè)計(jì)系統(tǒng)的站點(diǎn),CloudScape 提供的內(nèi)容非常簡(jiǎn)練,沒(méi)有太多設(shè)計(jì)理念、價(jià)值觀的講解,更多還是落在實(shí)際應(yīng)用指導(dǎo)。它更像是一本面向?qū)嵅俚闹笇?dǎo)手冊(cè),每一個(gè) Component 和 Pattern 都提供了清晰準(zhǔn)確的定義、場(chǎng)景以及使用說(shuō)明。而且大部分都提供了在線配置調(diào)試功能,幫助使用者更好的理解和使用。

定位明確,領(lǐng)域性強(qiáng)

從 2016 年啟動(dòng)到現(xiàn)在已經(jīng)有了 6 年時(shí)間, 經(jīng)過(guò)了 AWS 這么多年業(yè)務(wù)中的打磨后 CloudScape 給我的一個(gè)感覺(jué)就是清晰和明確。特別是在 Pattern 的部分,35 個(gè)雖然不算多,但基本都是這個(gè)領(lǐng)域的內(nèi)的一些標(biāo)準(zhǔn)場(chǎng)景的抽象。基本上云產(chǎn)品業(yè)務(wù)需要的場(chǎng)景它提供了指引,相信做過(guò)相關(guān)產(chǎn)品的同學(xué)會(huì)有更強(qiáng)的體感。

強(qiáng)約束性 & 可控自由度

在之前的文章里有很大家提到過(guò),設(shè)計(jì)系統(tǒng)就是要對(duì)場(chǎng)景進(jìn)行抽象、封裝并逐步進(jìn)行合理有效的約束,達(dá)成體驗(yàn)上的和諧和統(tǒng)一。CloudScape 堅(jiān)定的給出了很多強(qiáng)約束來(lái)保障產(chǎn)品的基礎(chǔ)體驗(yàn)一致性和有效性,同時(shí)它也在可行的范圍內(nèi)提供了一些自定義空間,來(lái)確保產(chǎn)品設(shè)計(jì)過(guò)程中的差異性。

② CloudScape Design System 中的設(shè)計(jì)模式

CloudScape Design System 的另一個(gè)亮點(diǎn)在于它對(duì)設(shè)計(jì)模式的抽象,能夠很好的覆蓋在此類業(yè)務(wù)場(chǎng)景中的一些共性場(chǎng)景,為同類型的設(shè)計(jì)需求提供了一個(gè)很好的標(biāo)準(zhǔn)解決方案。

超多案例深度解析!設(shè)計(jì)系統(tǒng)學(xué)習(xí)指南

CloudScape 提供以上 5 大類共 35 組 Pattern。相較于之前和大家提供的 Carbon Design System 這里對(duì) Pattern 的定義會(huì)更加的具象,也更貼合業(yè)務(wù)。大家一看就很清楚它能幫助我解決哪個(gè)業(yè)務(wù)需求。

這里也一樣,挑選一個(gè)比較有代表性的和大家展開(kāi)聊聊。

③ Announcing new features · 新功能發(fā)布

「新功能發(fā)布」可以說(shuō)是 toB 產(chǎn)品中的老大難問(wèn)題了。不是它本身有多復(fù)雜,而是絕大多數(shù)產(chǎn)品上都很亂。規(guī)則制定不清晰,設(shè)計(jì)師會(huì)錯(cuò)用,有了規(guī)則執(zhí)行也難以到位,時(shí)間一長(zhǎng)就會(huì)出現(xiàn)通知、浮窗、提示滿天飛的情況。

當(dāng)然,這本身是一個(gè)和產(chǎn)品、設(shè)計(jì)、運(yùn)營(yíng)多方以及“利益”都有關(guān)的問(wèn)題,我們今天還是先回到設(shè)計(jì)本身,看看 CloudScape 是如何定義標(biāo)準(zhǔn)的。

首先對(duì)于「新功能發(fā)布」它給出了三條核心體驗(yàn)原則:

  1. 用戶的核心工作是完成任務(wù),所以盡可能保持溝通內(nèi)容的簡(jiǎn)潔,減少用戶認(rèn)知的負(fù)擔(dān)
  2. 給予用戶控制權(quán),減少對(duì)用戶工作的打擾
  3. 控制好對(duì) Flashbar 這類組件的使用,降低對(duì)用的視覺(jué)干擾

超多案例深度解析!設(shè)計(jì)系統(tǒng)學(xué)習(xí)指南

服務(wù)級(jí)的功能發(fā)布 – 圖中 ①

如果新發(fā)布功能會(huì)影響到該服務(wù)中的所有頁(yè)面,可以使用系統(tǒng)中視覺(jué)最強(qiáng)的組件 FlashBar 來(lái)進(jìn)行提示引導(dǎo)。

頁(yè)面級(jí)功能發(fā)布 – 圖中 ②

頁(yè)面級(jí)功能發(fā)布是針對(duì)新增頁(yè)面或服務(wù)中有新功能增加所提供的通知方式,在側(cè)邊欄中使用彈出氣泡提供提示引導(dǎo)。

頁(yè)面內(nèi)功能發(fā)布 – 圖中 ③

頁(yè)面內(nèi)功能發(fā)布是針對(duì)某個(gè)具體功能頁(yè)中新模塊增加所提供的通知方式,在頁(yè)面模塊中使用類似 Flashbar(視覺(jué)強(qiáng)度較低)的通知模塊提示引導(dǎo)。

CloudScape 對(duì)新功能發(fā)布的定義其實(shí)也并不復(fù)雜,但通過(guò)分類之后也已經(jīng)非常清晰了。使用者需要的是在使用前先確定它是屬于哪一個(gè)層級(jí)的新增功能,在選擇與之對(duì)應(yīng)的類型即可。

雖然從嚴(yán)格意義上來(lái)說(shuō)它應(yīng)該是業(yè)務(wù)級(jí)設(shè)計(jì)系統(tǒng),主要是為 AWS 的業(yè)務(wù)所服務(wù)。但在我看來(lái),拋開(kāi)業(yè)務(wù)屬性本身,它還對(duì) B 端設(shè)計(jì)的很多通用場(chǎng)景做了大量的深入和研究,非常值得我們學(xué)習(xí)和借鑒。

5. 業(yè)務(wù)級(jí)設(shè)計(jì)系統(tǒng)案例 - 阿里巴巴 Fusion Design 和 螞蟻 Ant Design

① 阿里巴巴的設(shè)計(jì)系統(tǒng) Fusion Design 和 Ant Design

超多案例深度解析!設(shè)計(jì)系統(tǒng)學(xué)習(xí)指南

在阿里我們有兩套主流的設(shè)計(jì)系統(tǒng),分別是我們?cè)O(shè)計(jì)中臺(tái)的 Fusion Design 和螞蟻的 Ant Design。Ant Design 對(duì)外的知名度較高,為很多企業(yè)的 0 到 1 產(chǎn)品建設(shè)提供了基礎(chǔ)。而我們團(tuán)隊(duì)的 Fusion Design 在后面幾年逐步轉(zhuǎn)向?qū)?nèi),以服務(wù)好內(nèi)部業(yè)務(wù)為核心。

它們兩都是差不多在 2016 年左右啟動(dòng)的,發(fā)展至今它倆支撐了三大集團(tuán)(阿里、菜鳥(niǎo)、螞蟻)的全部數(shù)百條業(yè)務(wù)線。對(duì)于我們來(lái)說(shuō),最為核心的就是做好底層能力的建設(shè),讓其他業(yè)務(wù)能夠在此之上生長(zhǎng)出自己的產(chǎn)品級(jí)業(yè)務(wù)系統(tǒng)。

事實(shí)也證明,這個(gè)模式是正確的。在接下來(lái)的幾年里,結(jié)合在線搭建的能力,設(shè)計(jì)系統(tǒng)已經(jīng)逐步從一套方法理論演進(jìn)成為一個(gè)能夠參與業(yè)務(wù)生產(chǎn)的工具。在一些我們重點(diǎn)合作的業(yè)務(wù)里,已經(jīng)可以達(dá)成幫助設(shè)計(jì)師提效 50%,研發(fā)提效 30%的成果。

二、設(shè)計(jì)系統(tǒng)的構(gòu)建思路

在有了上面對(duì)不同設(shè)計(jì)系統(tǒng)的分級(jí)后,大家可能會(huì)有一個(gè)問(wèn)題,那就是在著手開(kāi)始工作時(shí)我們應(yīng)該從何處入手呢?這里我可以給大家推薦兩種思路。

超多案例深度解析!設(shè)計(jì)系統(tǒng)學(xué)習(xí)指南

  1. 一種是基于領(lǐng)域級(jí)來(lái)構(gòu)建,適合偏 Web 端的產(chǎn)品,有很好的 0 到 1 基礎(chǔ)。重點(diǎn)關(guān)注行業(yè)領(lǐng)域的特性,去抽象業(yè)務(wù)組件、業(yè)務(wù) pattern
  2. 另一種是基于系統(tǒng)級(jí)去構(gòu)建,適合偏移動(dòng)端的場(chǎng)景,直接業(yè)務(wù)級(jí)往上去做

這里在領(lǐng)域級(jí),我推薦大家可以去使用阿里、字節(jié)、騰訊這幾家的產(chǎn)品,因?yàn)榈俣群途S護(hù)有更好的保障。

三、我們做設(shè)計(jì)系統(tǒng)是要解決什么問(wèn)題?

這里我們?cè)俸?jiǎn)單回顧一下這三類設(shè)計(jì)系統(tǒng)

  1. 系統(tǒng)級(jí):操作系統(tǒng)級(jí)別,提供最底層操作系統(tǒng)級(jí)的設(shè)計(jì)及研發(fā)指引;
  2. 領(lǐng)域級(jí):聚焦于某一類通用場(chǎng)景的設(shè)計(jì)及研發(fā)指引,當(dāng)前最為成熟的還是在企業(yè)級(jí)應(yīng)用(B 端)場(chǎng)景;
  3. 業(yè)務(wù)級(jí):基于系統(tǒng)級(jí)或領(lǐng)域級(jí)的二次加工定義,為具體的產(chǎn)品或業(yè)務(wù)提供設(shè)計(jì)及研發(fā)指引。
1. 對(duì)于設(shè)計(jì)系統(tǒng)的思考變化

這里我們聊的思考變化不僅僅是指在設(shè)計(jì)師角度,更多的是公司的角度來(lái)看待設(shè)計(jì)系統(tǒng)以及它所提供的價(jià)值。

以前我們聊設(shè)計(jì)系統(tǒng),很多都是設(shè)計(jì)師和前端從認(rèn)知、從興趣的角度出發(fā)來(lái)嘗試更為先進(jìn)的業(yè)務(wù)生產(chǎn)模式。而很多公司的管理者對(duì)它的理解是設(shè)計(jì)的一致性、設(shè)計(jì)體驗(yàn)的提升,而對(duì)于降本提效至少在工程上我們也并沒(méi)有特別明顯的價(jià)值產(chǎn)出。

從企業(yè)經(jīng)營(yíng)的視角看待設(shè)計(jì)系統(tǒng)

這兩年隨著互聯(lián)網(wǎng)紅利的逐步消失、疫情的影響,成本、收益都都面臨的巨大的考驗(yàn),連各大互聯(lián)網(wǎng)公司也不再放任大家去不斷的“試錯(cuò)”。阿里在一年多前也逐步的開(kāi)始對(duì)每個(gè)團(tuán)隊(duì)實(shí)行經(jīng)營(yíng)責(zé)任制,讓大家必須認(rèn)真思考每一次的資源投入。

雖然大家諸多抱怨,但宏觀上來(lái)說(shuō)我認(rèn)可這是一件正確的事情。它也倒逼著團(tuán)隊(duì)管理者們通過(guò)更科學(xué)、高效的工作模式來(lái)運(yùn)作團(tuán)隊(duì),杜絕浪費(fèi)。同時(shí)也就在這個(gè)時(shí)刻,因?yàn)闃I(yè)務(wù)的特性,一些企業(yè)級(jí)產(chǎn)品從相關(guān)方到管理者都開(kāi)始重新審視它所能帶來(lái)的價(jià)值,有些想清楚的也早早的開(kāi)始并已經(jīng)獲得了相當(dāng)明顯的收益。

這里面的邏輯其實(shí)也并不復(fù)雜,給大家舉個(gè)例子:某事業(yè)部 CTO 線的核心交付就是各類中臺(tái)系統(tǒng),宏觀角度可以拿頁(yè)面數(shù)進(jìn)行計(jì)算。

單頁(yè)面成本 = 平均工時(shí)工資 x 單頁(yè)面交付時(shí)長(zhǎng)

這里提供了兩個(gè)影響成本的變量,要么降低工時(shí)工資,要么降低單頁(yè)面交付時(shí)長(zhǎng),但對(duì)于企業(yè)來(lái)說(shuō)非常時(shí)期往往兩手都得抓。平均工時(shí)工資不在我們的把控范圍內(nèi),但單頁(yè)面交付時(shí)長(zhǎng)對(duì)于設(shè)計(jì)師和研發(fā)來(lái)說(shuō)就有很多事情可做了。設(shè)計(jì)系統(tǒng)的投入和產(chǎn)出價(jià)值可以很清晰的算筆賬,只要方案制定得合理,大概率這個(gè) ROI 是滿足預(yù)期的。

從業(yè)務(wù)的視角看待設(shè)計(jì)系統(tǒng)

還是說(shuō)回前面那次調(diào)研,你會(huì)發(fā)現(xiàn)產(chǎn)品經(jīng)理的出現(xiàn)了,設(shè)計(jì)系統(tǒng)不再只是一個(gè)設(shè)計(jì)和研發(fā)的工作,產(chǎn)品經(jīng)理也需要參與其中一起制定規(guī)則。

受訪者中有 16% 表示團(tuán)隊(duì)中的參與者為設(shè)計(jì)師、前端工程師、產(chǎn)品經(jīng)理。

產(chǎn)品經(jīng)理為什么要參與?因?yàn)樵谠O(shè)計(jì)系統(tǒng)的角度,設(shè)計(jì)師和前端工程師定義的是解決某一類問(wèn)題的界面交互模式。而產(chǎn)品經(jīng)理的日常工作是創(chuàng)建實(shí)例,解決某個(gè)具體業(yè)務(wù)流程問(wèn)題。

想象一下產(chǎn)品經(jīng)理在寫(xiě) PRD 的時(shí)候如果是這樣的場(chǎng)景:

這是一個(gè)新品報(bào)名系統(tǒng)

模塊 1:注冊(cè)登錄

模塊 2:報(bào)名表單

  • 子模塊 1:用戶身份認(rèn)證
  • 子模塊 2:商家資質(zhì)認(rèn)證
  • 子模塊 3:…

模塊 3:報(bào)名管理

模塊 4:商品管理

這背后每一個(gè)模塊、子模塊,除了交互模式上的定義,還需要從產(chǎn)品上進(jìn)行業(yè)務(wù)邏輯的定義。好的業(yè)務(wù)級(jí)設(shè)計(jì)系統(tǒng)應(yīng)該讓產(chǎn)品經(jīng)理將重心放在業(yè)務(wù)流程本身,而不必去關(guān)心某一個(gè)具體按鈕、彈框。而作制定者也不用再整天糾纏在業(yè)務(wù)細(xì)節(jié)中,將工作的重心放在對(duì)業(yè)務(wù) Pattern 的抽象、制定中。

當(dāng)然,這類模式并不是一件容易的事情。它首先需要設(shè)計(jì)師、前端工程師、產(chǎn)品經(jīng)理達(dá)成共識(shí):

  1. 我們需要的不僅僅是規(guī)范,還需要更多的確定性的“約束”,將達(dá)成的共識(shí)封裝成模塊供使用;
  2. 非必要情況下,我們要做無(wú)畏的“設(shè)計(jì)創(chuàng)新”,一切以切實(shí)解決問(wèn)題為優(yōu)先;
  3. 如果需要對(duì)制定好的規(guī)則進(jìn)行改變,不要修改實(shí)例。去給已封裝的模塊提需求。

四、如何向公司、團(tuán)隊(duì)、主管介紹設(shè)計(jì)系統(tǒng)的價(jià)值

以上的這些思考不能僅停留在設(shè)計(jì)師群體里。在企業(yè)里工作,講清楚一件事情的價(jià)值很重要,我們不僅需要自己先想清楚,還需要我們的合作伙伴、管理者也能理解,這樣才能給我們推行設(shè)計(jì)系統(tǒng)給予更多的理解和支持。

超多案例深度解析!設(shè)計(jì)系統(tǒng)學(xué)習(xí)指南

1. 設(shè)計(jì)系統(tǒng)對(duì)公司的價(jià)值

當(dāng)我們投入資源做一件事情,需要關(guān)注到它所帶來(lái)的價(jià)值。特別是在如今的大環(huán)境下,大家都更加的精打細(xì)算,講不清價(jià)值的事情在任何公司都難以推動(dòng)。

對(duì)于公司而言,設(shè)計(jì)系統(tǒng)就是產(chǎn)品的基礎(chǔ),也是業(yè)務(wù)能夠快速迭代的發(fā)動(dòng)機(jī)。通過(guò)其能力的不斷迭代,我們可以進(jìn)一步封裝、約束我們的設(shè)計(jì)標(biāo)準(zhǔn)。以此來(lái)不斷優(yōu)化業(yè)務(wù)的生產(chǎn)流程,達(dá)到企業(yè)能夠降本提效的目的。

對(duì)公司而言,我們節(jié)省的不僅僅是成本,更重要是時(shí)間。而在當(dāng)前激烈的競(jìng)爭(zhēng)環(huán)境下,市場(chǎng)的先機(jī)往往比金錢(qián)更加重要。

2. 設(shè)計(jì)系統(tǒng)對(duì)設(shè)計(jì)團(tuán)隊(duì)的價(jià)值

一直以來(lái),設(shè)計(jì)師在整個(gè)企業(yè)中的話語(yǔ)權(quán)是不高的。特別是在國(guó)內(nèi),設(shè)計(jì)師更多時(shí)候是一個(gè)不太重要的”資源“。有時(shí)候大家都會(huì)打趣到,這個(gè)項(xiàng)目可以沒(méi)有設(shè)計(jì)投入,但研發(fā)不能沒(méi)有啊。雖然這只是個(gè)玩笑,但它背后的本質(zhì)還是在于設(shè)計(jì)師這個(gè)角色缺少不可替代性。這也是為什么在國(guó)內(nèi)很少有設(shè)計(jì)角色進(jìn)入企業(yè)最為核心管理層的原因。

而在我看來(lái),這也是設(shè)計(jì)團(tuán)隊(duì)發(fā)展至今最為核心的能力和資產(chǎn),是設(shè)計(jì)團(tuán)隊(duì)提升影響力,成為業(yè)務(wù)核心能力的重要基礎(chǔ)。

3. 設(shè)計(jì)系統(tǒng)對(duì)設(shè)計(jì)師的價(jià)值

在日常的項(xiàng)目設(shè)計(jì)工作中。設(shè)計(jì)師的能力都是通過(guò)一個(gè)個(gè)具體的項(xiàng)目來(lái)體現(xiàn),大部分時(shí)候它很難沉淀為一種核心能力展現(xiàn)在其他人面前。

設(shè)計(jì)系統(tǒng)的發(fā)展,讓設(shè)計(jì)師有機(jī)會(huì)能夠向”架構(gòu)師“的方向進(jìn)行發(fā)展。將自己在設(shè)計(jì)和行業(yè)方面的經(jīng)驗(yàn)進(jìn)行體系化的沉淀并轉(zhuǎn)化成產(chǎn)品能力來(lái)進(jìn)一步放大自己的價(jià)值。同時(shí),它也將可能推動(dòng)設(shè)計(jì)師的崗位向下一個(gè)階段發(fā)展,衍生出新的角色:產(chǎn)品型設(shè)計(jì)師和架構(gòu)型設(shè)計(jì)師。

當(dāng)然,除了對(duì)我們的價(jià)值層面,我們還需要從更多的方面向公司去介紹它的價(jià)值。如果大家不太清楚應(yīng)該如何去組織、表達(dá),可以閱讀下面這篇文章進(jìn)一步了解。

延展閱讀 ?? 如何向你的主管和團(tuán)隊(duì)介紹 Design System 的重要性

收藏 35
點(diǎn)贊 33

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。