網(wǎng)上關(guān)于設(shè)計(jì)規(guī)范的文章寫(xiě)得都很專(zhuān)業(yè)，但沒(méi)有區(qū)分 C 端產(chǎn)品和 B 端產(chǎn)品，其實(shí)同樣是設(shè)計(jì)規(guī)范，由于不同的業(yè)務(wù)場(chǎng)景和不同企業(yè)形態(tài)存在很多差異。下面將我在 B 端平臺(tái)產(chǎn)品設(shè)計(jì)規(guī)范的整理工作中，總結(jié)的一些方法和思考分享給小伙伴們，也希望大家從更多的角度跟我一起探討。

歡迎關(guān)注作者的公眾號(hào)：「大發(fā)大大發(fā)」，一起探索科學(xué)的設(shè)計(jì)方法！

這幾年，各個(gè)互聯(lián)網(wǎng)大廠都在自己的 「大中臺(tái)」 戰(zhàn)略背景下，積極沉淀著自己企業(yè)中可以中臺(tái)化的職能組織，平臺(tái)產(chǎn)品和技術(shù)能力，在產(chǎn)品的表現(xiàn)層維度上，設(shè)計(jì)規(guī)范也是具有相同意義的設(shè)計(jì)中臺(tái)，承載著作為一個(gè)沉淀基礎(chǔ)能力的支持平臺(tái)特征的同時(shí)，也具有賦能多邊業(yè)務(wù)多種角色的重要作用和價(jià)值。

企業(yè)建設(shè)中臺(tái)的幾個(gè)戰(zhàn)略性意義：

• 避免重復(fù)開(kāi)發(fā)，節(jié)約研發(fā)成本，提人效；
• 標(biāo)準(zhǔn)化組織管理，提高跨部門(mén)協(xié)作能力，降低運(yùn)營(yíng)成本；
• 提高業(yè)務(wù)部門(mén)經(jīng)營(yíng)能力，迅速響應(yīng)市場(chǎng)變化

設(shè)計(jì)規(guī)范與設(shè)計(jì)中臺(tái)

設(shè)計(jì)中臺(tái)（研發(fā)出產(chǎn)品）是設(shè)計(jì)規(guī)范的產(chǎn)品化體現(xiàn)，設(shè)計(jì)規(guī)范（梳理成文檔）是最基礎(chǔ)的設(shè)計(jì)中臺(tái)。

1. 設(shè)計(jì)規(guī)范

定義：從各個(gè)功能場(chǎng)景里，把反復(fù)被調(diào)用的交互邏輯，頁(yè)面元素樣式，業(yè)務(wù)場(chǎng)景等等沉淀出來(lái)用文檔的形式輸出；

比如我們?cè)?PC 端頁(yè)面的設(shè)計(jì)當(dāng)中，很多情況下比較長(zhǎng)的信息下拉到一定長(zhǎng)度，會(huì)加入翻頁(yè)器進(jìn)行翻頁(yè)處理，迭代幾個(gè)項(xiàng)目之后發(fā)現(xiàn)翻頁(yè)器會(huì)被許多不同的業(yè)務(wù)場(chǎng)景反復(fù)使用到，那么我們就可以對(duì)翻譯器進(jìn)行規(guī)范，使之在一個(gè)項(xiàng)目中的任何業(yè)務(wù)場(chǎng)景出現(xiàn)時(shí)，都能保證一致的跳轉(zhuǎn)邏輯和視覺(jué)樣式。這樣規(guī)范后在任何場(chǎng)景下調(diào)用翻頁(yè)器時(shí)，只要了解到翻頁(yè)器的規(guī)范，就可以保證輸出標(biāo)準(zhǔn)化的一致的體驗(yàn)，保證了易用性的同時(shí)，提高了效率不需要反復(fù)設(shè)計(jì)和開(kāi)發(fā)。

這種以文檔的形式輸出的設(shè)計(jì)規(guī)范，大多數(shù)情況下起到設(shè)計(jì)師之間互相協(xié)同的作用，如果文檔里的樣式被前端工程師開(kāi)發(fā)成統(tǒng)一的代碼組件，就可以在前端工程師之間互相調(diào)用。

2. 設(shè)計(jì)中臺(tái)

定義：是把設(shè)計(jì)規(guī)范里被規(guī)范后的能力產(chǎn)品化，形成一個(gè)平臺(tái)產(chǎn)品賦能更廣泛的范圍；

比如，設(shè)計(jì)師經(jīng)過(guò)對(duì)項(xiàng)目中業(yè)務(wù)場(chǎng)景的不斷了解和積累，像翻頁(yè)器這種可以被沉淀成組件的元素越來(lái)越多，需要調(diào)用這個(gè)組件的端和部門(mén)甚至第三方合作方越來(lái)越多，這時(shí)候這個(gè)設(shè)計(jì)規(guī)范在條件允許的情況下，就可以開(kāi)發(fā)成一個(gè)平臺(tái)，能力開(kāi)放給更多角色去使用，起到更多維度更多角色之間的協(xié)同作用，未來(lái)隨著發(fā)展形成一個(gè)可商業(yè)化的設(shè)計(jì)平臺(tái)產(chǎn)品等等。

C端平臺(tái)產(chǎn)品與B端平臺(tái)產(chǎn)品的設(shè)計(jì)規(guī)范（僅限平臺(tái)產(chǎn)品）的區(qū)別

如果說(shuō)所有設(shè)計(jì)規(guī)范要解決的問(wèn)題都是 「 打磨用戶(hù)體驗(yàn)的一致性和標(biāo)準(zhǔn)化，協(xié)同提人效 」 的話(huà)，那么 C 端產(chǎn)品和 B 端產(chǎn)品在這幾個(gè)維度上的側(cè)重點(diǎn)是完全不一樣的。

1. 衡量C端用戶(hù)體驗(yàn)和B端用戶(hù)體驗(yàn)的優(yōu)劣的標(biāo)準(zhǔn)不同

坦白講，B 端產(chǎn)品設(shè)計(jì)規(guī)范的目標(biāo)排在第一位的不是打磨優(yōu)質(zhì)體驗(yàn)，而是統(tǒng)一體驗(yàn)。大家都知道 B 端產(chǎn)品根據(jù)復(fù)雜的業(yè)務(wù)場(chǎng)景，功能邏輯的核心并不是基于用戶(hù)個(gè)人體驗(yàn)上的優(yōu)質(zhì)「感受」，相比 C 端體驗(yàn)來(lái)說(shuō)，B 端產(chǎn)品在用戶(hù)體驗(yàn)上更復(fù)雜學(xué)習(xí)成本更高，B 端產(chǎn)品所謂的體驗(yàn)好，是指相同業(yè)務(wù)場(chǎng)景下相同產(chǎn)品功能體現(xiàn)一致的標(biāo)準(zhǔn)化的體驗(yàn)，降低學(xué)習(xí)成本提高工作效率。

比如同樣是注冊(cè)這個(gè)業(yè)務(wù)場(chǎng)景，在 C 端產(chǎn)品中叫做注冊(cè)，在 B 端叫做入駐，圖中一目了然入駐的業(yè)務(wù)場(chǎng)景更復(fù)雜，需要用戶(hù)在入駐之前準(zhǔn)備很多材料信息，上傳信息之后還要選擇入駐的賬號(hào)，都做好了才能開(kāi)始填寫(xiě)入駐的信息，包括入駐的聯(lián)系人信息店鋪基本信息等等一系列繁瑣的程序，在這個(gè)場(chǎng)景上B 端的體驗(yàn)設(shè)計(jì)如果完全在流程體驗(yàn)上對(duì)標(biāo) C 端產(chǎn)品的體驗(yàn)是不合適的，C 端注冊(cè)流程關(guān)注轉(zhuǎn)化，步驟多了影響轉(zhuǎn)化，B 端注冊(cè)流程關(guān)注商家滿(mǎn)意度，在B 端商家入駐的流程中會(huì)有專(zhuān)屬運(yùn)營(yíng)人員手把手的指導(dǎo)，這個(gè)和是 C 端的場(chǎng)景是完全不同的業(yè)務(wù)邏輯。

這樣復(fù)雜的 B 端的場(chǎng)景在體驗(yàn)設(shè)計(jì)上追求的是一致性，無(wú)論從哪個(gè)端調(diào)用入駐這個(gè)業(yè)務(wù)場(chǎng)景的能力時(shí)，都能保持一致的體驗(yàn)。B 端設(shè)計(jì)規(guī)范著力于統(tǒng)一，用戶(hù)學(xué)習(xí)了一次之后不需要再去過(guò)多地增加學(xué)習(xí)成本，當(dāng)能力被多端多場(chǎng)景反復(fù)調(diào)用時(shí)，實(shí)現(xiàn)功能的組件化。

作為用戶(hù)滿(mǎn)意度為體驗(yàn)設(shè)計(jì)目標(biāo)的 B 端產(chǎn)品，用戶(hù)體驗(yàn)是否優(yōu)質(zhì)的衡量標(biāo)準(zhǔn)，是幾個(gè)維度組成的用戶(hù)體驗(yàn)度量體系，這跟 C 端產(chǎn)品用數(shù)據(jù)就可以間接或直接驗(yàn)證出的體驗(yàn)效果的標(biāo)準(zhǔn)，是完全不一樣的。

2. 建立C端和B端平臺(tái)產(chǎn)品設(shè)計(jì)規(guī)范的角度不同

在互聯(lián)網(wǎng)產(chǎn)品中，一個(gè)完成組件化后的業(yè)務(wù)場(chǎng)景，在被調(diào)用時(shí)通常稱(chēng)作 「能力」 ，比如日常我們?cè)谫?gòu)買(mǎi)商品使用掃碼付款的時(shí)候，被調(diào)起的交易平臺(tái)，都是在調(diào)起這個(gè)平臺(tái)的交易場(chǎng)景中的「能力」，這在 B 端的平臺(tái)產(chǎn)品中尤為常見(jiàn)，作為 B 端產(chǎn)品的組件化規(guī)范，通常是指從技術(shù)底層到功能邏輯再到表現(xiàn)層上的交互和視覺(jué)的整體規(guī)范。這跟 C 端產(chǎn)品的設(shè)計(jì)規(guī)范在表現(xiàn)層上發(fā)揮的作用來(lái)相比，B 端產(chǎn)品只是在表現(xiàn)層上跟 C 端產(chǎn)品的設(shè)計(jì)規(guī)范看起來(lái)很像，但建立設(shè)計(jì)規(guī)范的邏輯，和作為 B 端產(chǎn)品體驗(yàn)設(shè)計(jì)師在整理規(guī)范的方法和角度，存在比較大的差別。

C 端平臺(tái)產(chǎn)品的設(shè)計(jì)規(guī)范，通常解決的是單線(xiàn)程的協(xié)同問(wèn)題，由表現(xiàn)層維度產(chǎn)出之后，被前端工程師做成組件，解決了體驗(yàn)上的各個(gè)設(shè)計(jì)師在樣式上的協(xié)同，但在 B 端產(chǎn)品中，一個(gè)設(shè)計(jì)規(guī)范被使用的場(chǎng)景和角色比 C 端設(shè)計(jì)規(guī)范多很多，很多情況下 B 端設(shè)計(jì)規(guī)范不單單是樣式調(diào)用中保持的一致性和規(guī)范性那么簡(jiǎn)單，而是站在業(yè)務(wù)場(chǎng)景的角度，從業(yè)務(wù)場(chǎng)景組件化維度輸出業(yè)務(wù)整體體驗(yàn)規(guī)范，完成的是從第三方 API 接入者，到設(shè)計(jì)師與設(shè)計(jì)師之間，跨部門(mén)跨組織甚至跨公司的共同協(xié)同。

大多數(shù)情況下，B 端平臺(tái)產(chǎn)品的設(shè)計(jì)規(guī)范，底層邏輯都是整個(gè)業(yè)務(wù)組件化的規(guī)范，設(shè)計(jì)師從一開(kāi)始就要了解整個(gè)業(yè)務(wù)未來(lái)要達(dá)到的能力，全面考慮 B 端產(chǎn)品組件化后的設(shè)計(jì)規(guī)范所覆蓋的范圍。

建立設(shè)計(jì)規(guī)范的誤區(qū)

雖然設(shè)計(jì)規(guī)范無(wú)論對(duì)于 C 端產(chǎn)品還是 B 端產(chǎn)品，都是設(shè)計(jì)師的一門(mén)必修課，但并不是所有產(chǎn)品都必須要建立設(shè)計(jì)規(guī)范，建立設(shè)計(jì)規(guī)范的時(shí)機(jī)，和當(dāng)下要解決的問(wèn)題息息相關(guān)。要避免陷入幾個(gè)誤區(qū)。

1. 建立設(shè)計(jì)規(guī)范的時(shí)機(jī)不正確；

避免在使用設(shè)計(jì)規(guī)范的對(duì)象不清楚，現(xiàn)階段規(guī)范要解決的問(wèn)題不明確就開(kāi)始做規(guī)范，從項(xiàng)目一開(kāi)始，設(shè)計(jì)師在工作中有意去收集整理業(yè)務(wù)場(chǎng)景中可復(fù)用的元素是十分必要的，但絕不是所有設(shè)計(jì)規(guī)范都需要在一個(gè)需求上線(xiàn)以后，就馬上建立起來(lái)，尤其是在 B 端產(chǎn)品中，可以組件化的邏輯和樣式絕對(duì)不是一兩個(gè)需求就能沉淀出來(lái)的，B 端產(chǎn)品體驗(yàn)設(shè)計(jì)師也很難根據(jù)經(jīng)驗(yàn)和競(jìng)品分析就能想象出符合業(yè)務(wù)場(chǎng)景的交互邏輯和視覺(jué)樣式，一定要了解業(yè)務(wù)邏輯積累業(yè)務(wù)場(chǎng)景才能開(kāi)始規(guī)范，否則就很有可能變成設(shè)計(jì)師的 「作繭自縛」 。

2. 為了做規(guī)范而做規(guī)范；

作為設(shè)計(jì)師來(lái)說(shuō)，設(shè)計(jì)規(guī)范就是設(shè)計(jì)師的產(chǎn)品，設(shè)計(jì)師要對(duì)自己的設(shè)計(jì)規(guī)范從前期的調(diào)研到輸出文檔，再到最后設(shè)計(jì)規(guī)范被使用的情況的分析，都要全方位的關(guān)注和把控，切忌做完了就不管了，到底好不好用，設(shè)計(jì)規(guī)范對(duì)于整個(gè)產(chǎn)品是不是起到了應(yīng)有的作用，需要設(shè)計(jì)師去調(diào)研以便日后的迭代。

對(duì)于 B 端的產(chǎn)品由于業(yè)務(wù)的復(fù)雜性，還應(yīng)該避免不了解業(yè)務(wù)邏輯的人去建立 B 端產(chǎn)品的組件化規(guī)范，更不要出現(xiàn)那種 「 沒(méi)事做，做個(gè)規(guī)范吧！」的情況 ，設(shè)計(jì)團(tuán)隊(duì)負(fù)責(zé)人也應(yīng)該盡量避免出現(xiàn)產(chǎn)能過(guò)剩的情況。

總結(jié)一下

往大了說(shuō)，設(shè)計(jì)規(guī)范作為基礎(chǔ)的設(shè)計(jì)中臺(tái)，代表著在互聯(lián)網(wǎng)公司的中臺(tái)戰(zhàn)略發(fā)展大方向下，B 端平臺(tái)型產(chǎn)品模塊化組件化的最直觀的表達(dá)，往小了說(shuō)，設(shè)計(jì)中臺(tái)是企業(yè)提人效，促協(xié)同，把握優(yōu)質(zhì)的用戶(hù)體驗(yàn)的的重要組成部分，設(shè)計(jì)規(guī)范的建立過(guò)程鍛煉設(shè)計(jì)師抽象思維能力的同時(shí)，更塑造了適應(yīng) B 端平臺(tái)產(chǎn)品的設(shè)計(jì)師的「大局觀」和設(shè)計(jì)過(guò)程中的模塊化思維及產(chǎn)品化的設(shè)計(jì)方法。使得設(shè)計(jì)團(tuán)隊(duì)的產(chǎn)出更產(chǎn)品化，甚至商業(yè)化（比如阿里鹿班，京東羚瓏）等，把沉淀后的設(shè)計(jì)能力，最終通過(guò)商業(yè)化賦能整個(gè)行業(yè)。

歡迎關(guān)注作者的公眾號(hào)：「大發(fā)大大發(fā)」，一起探索科學(xué)的設(shè)計(jì)方法！