作者總結(jié)自己負(fù)責(zé)的B端系統(tǒng)的產(chǎn)品設(shè)計(jì)，與大家分享其中的經(jīng)驗(yàn)和思考。最重要的，作者認(rèn)為，好的產(chǎn)品設(shè)計(jì)需要幫助業(yè)務(wù)方帶來可視、可觀的數(shù)據(jù)成果。

過去的一年，我負(fù)責(zé)的業(yè)務(wù)主要聚焦于平臺(tái)運(yùn)營，隨著業(yè)務(wù)模式的成熟，也負(fù)責(zé)建設(shè)了許多營銷系統(tǒng)。

本文將以此前實(shí)際設(shè)計(jì)的案例與大家分享關(guān)于B端系統(tǒng)的產(chǎn)品設(shè)計(jì)。

為什么要設(shè)計(jì)系統(tǒng)？

關(guān)于系統(tǒng)，個(gè)人認(rèn)為是將無序、散亂的業(yè)務(wù)抽象成中心化、標(biāo)準(zhǔn)化的有序服務(wù)。而中臺(tái)則在系統(tǒng)之上再上升一層，將系統(tǒng)的共性抽象成通用服務(wù)。

而中心化和標(biāo)準(zhǔn)化的動(dòng)機(jī)又是什么呢？較高頻的動(dòng)機(jī)有三條：

1. 業(yè)務(wù)模式足夠成熟；
2. 高頻需求重復(fù)占用資源，且不具備復(fù)用性；
3. 3舊有系統(tǒng)耦合性強(qiáng)，延展性弱。

在企業(yè)的早期階段，一些非高頻的共性需求并沒有可依賴的中臺(tái)系統(tǒng)。為了迅速上線及滿足業(yè)務(wù)的需求，大多會(huì)將其耦合于該系統(tǒng)之中。

但當(dāng)其他系統(tǒng)有相同需求時(shí)無法復(fù)用，需要額外開發(fā)相同的邏輯。不僅重復(fù)消耗資源，后續(xù)的迭代難度也會(huì)不斷提升。

怎么設(shè)計(jì)一個(gè)系統(tǒng)？

1. 明確產(chǎn)品定位，從業(yè)務(wù)流程梳理系統(tǒng)架構(gòu)

通過需求分析所確定的產(chǎn)品定位，能夠明確系統(tǒng)要解決的核心問題是什么。而梳理業(yè)務(wù)流程，則作用在問題解決的深度。

理解業(yè)務(wù)流程目的是梳理系統(tǒng)架構(gòu)，從而劃分系統(tǒng)的邊界。邊界清晰能夠讓系統(tǒng)各司其職，專注于自身的功能，并盡量提供可復(fù)用的能力。

以抽獎(jiǎng)系統(tǒng)為例，輸出其系統(tǒng)架構(gòu)：

對(duì)于抽獎(jiǎng)系統(tǒng)而言，它應(yīng)該專注于抽獎(jiǎng)的規(guī)則，如：抽獎(jiǎng)次數(shù)來源、中獎(jiǎng)概率、限中次數(shù)等等。

對(duì)于抽出的獎(jiǎng)品是什么，獎(jiǎng)品怎么發(fā)放，應(yīng)該由獎(jiǎng)品管理、獎(jiǎng)品發(fā)放系統(tǒng)去消化；而獎(jiǎng)品發(fā)放所觸發(fā)的觸達(dá)則應(yīng)該交由觸達(dá)系統(tǒng)。

什么時(shí)候應(yīng)該將非核心需求抽象成中臺(tái)系統(tǒng)，什么時(shí)候又應(yīng)該耦合呢？

個(gè)人認(rèn)為應(yīng)從其需求頻次、強(qiáng)度以及投入產(chǎn)出比考慮。

2. 確認(rèn)中心化對(duì)象，輸出核心邏輯

在梳理了新系統(tǒng)與現(xiàn)有系統(tǒng)的耦合關(guān)系后，下一步則是確認(rèn)中心化的對(duì)象，中心化的方式不同，其核心邏輯、功能框架也會(huì)不同。

以獎(jiǎng)品管理系統(tǒng)為例，其中心化的方案可以有兩種，如下圖所示：

方案1以獎(jiǎng)品作為中心，一個(gè)獎(jiǎng)品將能夠被多個(gè)業(yè)務(wù)方所使用。因其層級(jí)較少，產(chǎn)品、技術(shù)設(shè)計(jì)會(huì)更為簡單，后續(xù)業(yè)務(wù)方的操作也更為輕便；

而方案2以獎(jiǎng)品池作為中心，每個(gè)獎(jiǎng)池的獎(jiǎng)品相互獨(dú)立，雖然方案更為復(fù)雜，但優(yōu)勢是其數(shù)據(jù)相互獨(dú)立，更有利于成本核算以及風(fēng)控。

當(dāng)中心化的方案確定，系統(tǒng)的的核心邏輯及數(shù)據(jù)模型也就初見雛形了。

3. 梳理功能框架，定義最小單元

梳理功能框架相信大家都非常熟悉，本小節(jié)主要描述最小單元。

最小單元，指無法繼續(xù)拆解的功能，其通用性的強(qiáng)弱也決定著系統(tǒng)的延展性。

以下將以前端配置化系統(tǒng)為例和朋友們分享，以下的示例分別是最基礎(chǔ)設(shè)計(jì)方式，以及有贊和筆者的設(shè)計(jì)方式：

1）固定組件、固定配置

第一種做法，是最基礎(chǔ)的做法。它的思路是對(duì)固定的組件進(jìn)行固定的配置。

以抽獎(jiǎng)活動(dòng)為例：

上圖的兩種抽獎(jiǎng)玩法對(duì)應(yīng)著兩種前端樣式，左側(cè)是九宮格，右側(cè)是老虎機(jī)。這兩種樣式對(duì)應(yīng)著頭圖、抽獎(jiǎng)模塊、我的獎(jiǎng)品及活動(dòng)規(guī)則四個(gè)組件。

根據(jù)它們組件的共性，我們能抽象的最小單元是頁面頭圖、頁面底色、活動(dòng)規(guī)則、抽獎(jiǎng)按鈕的顏色、文字等內(nèi)容。

由于共性不足，它們的最小單元已經(jīng)無法延伸。當(dāng)后續(xù)增加新的模板“大轉(zhuǎn)盤”時(shí)，我們就需要再次抽象并迭代，這種設(shè)計(jì)方案是非常不靈活的，而且最小單元很可能會(huì)再次減少。

最小單元共性越少，延展性越差，后續(xù)開發(fā)的工作量越多。

從九宮格的“我的獎(jiǎng)品”、老虎機(jī)的“活動(dòng)規(guī)則”來看，它們屬于各自的私有屬性，原則上而言我們也能夠設(shè)計(jì)成配置項(xiàng)，但從投入產(chǎn)出比、延展性來看顯得不太劃算。

2）有贊：多種組件、獨(dú)立配置

有贊的設(shè)計(jì)思路也是比較常見的設(shè)計(jì)思路，它的每個(gè)組件擁有獨(dú)立的配置項(xiàng)。

上圖分別是有贊中拼團(tuán)、砍價(jià)組件對(duì)應(yīng)的配置項(xiàng)，在圖片的紅框部分是商品模塊的配置，同樣是自動(dòng)獲取商品類型，拼團(tuán)組件的配置項(xiàng)比砍價(jià)多了一個(gè)排序規(guī)則。

這種設(shè)計(jì)方式的優(yōu)點(diǎn)是該組件能夠很輕易的適配業(yè)務(wù)方的需求，靈活性能夠達(dá)到最高；缺點(diǎn)則是組件的特性沒有辦法復(fù)用，某個(gè)商品模塊或按鈕的特性是無法復(fù)用到其他組件的商品模塊或組件之中。

結(jié)合了上述的兩種設(shè)計(jì)思路，根據(jù)實(shí)際業(yè)務(wù)方的訴求，筆者設(shè)計(jì)的思路為：多種組件、共用配置。

3）多種組件、共用配置

這種方式的設(shè)計(jì)思路是：組件由模板與元素組成，模板決定元素的位置，元素負(fù)責(zé)視覺及交互的配置。

元素指的是：文字、圖片、線條。這個(gè)元素，也是本系統(tǒng)的最小單元。

其拆解示例如下圖：

商品組件由圖片、文字元素及按鈕組件組成，而按鈕組件由線條元素及文字元素組成。

關(guān)于元素的拆解思路如下圖：

通過這樣的解構(gòu)，元素的交叉組合能夠形成不同樣式的組件。

當(dāng)業(yè)務(wù)方有新的特性需求，只需要迭代元素的屬性，一次迭代所有的組件都能夠使用這個(gè)特性，既避免重復(fù)開發(fā)也保證了其復(fù)用性，產(chǎn)品、研發(fā)及測試的工作量的也大大減少。

除了視覺配置，另一部分則是交互的配置，其拆解如下：

最小單元在實(shí)際的設(shè)計(jì)過程中，還應(yīng)權(quán)衡投入產(chǎn)出比，不應(yīng)為了解構(gòu)而解構(gòu)。

4. 數(shù)據(jù)統(tǒng)計(jì)規(guī)劃

數(shù)據(jù)統(tǒng)計(jì)，有兩點(diǎn)建議：定義清晰、數(shù)據(jù)獨(dú)立。

后者與系統(tǒng)架構(gòu)有關(guān)，由于系統(tǒng)之間的相互依賴，會(huì)有關(guān)聯(lián)的數(shù)據(jù)需要查詢。

個(gè)人的經(jīng)驗(yàn)是讓系統(tǒng)盡量只消化系統(tǒng)本身的數(shù)據(jù)，對(duì)于關(guān)聯(lián)的數(shù)據(jù)可以查詢數(shù)據(jù)源讓核心系統(tǒng)做整合，最粗糙的設(shè)計(jì)方式則是直接跳轉(zhuǎn)至關(guān)聯(lián)的系統(tǒng)查詢。

5. 后續(xù)工作

1）角色與權(quán)限設(shè)計(jì)

根據(jù)組織架構(gòu)以及權(quán)責(zé)范圍，系統(tǒng)的使用角色所對(duì)應(yīng)的權(quán)限也不同，常見的權(quán)限有增、刪、改、查以及審批流。

2）版本計(jì)劃

版本的計(jì)劃?？梢允菍?duì)完整系統(tǒng)的分版本上線，也可以是對(duì)業(yè)務(wù)的預(yù)估推測系統(tǒng)后續(xù)需要延展的功能，這會(huì)非常影響系統(tǒng)的技術(shù)設(shè)計(jì)方案。

3）交互設(shè)計(jì)及文檔撰寫

寫在最后

隨著業(yè)務(wù)認(rèn)知的提升、技能的熟練，產(chǎn)品設(shè)計(jì)的能力可能會(huì)達(dá)到瓶頸。近期的想法是，面向價(jià)值設(shè)置需求優(yōu)先級(jí)，不僅是企業(yè)、業(yè)務(wù)，還有支撐部門和自己。

以前喜歡做有難度的需求，但難度卻不代表價(jià)值，我想好的產(chǎn)品設(shè)計(jì)一定能幫助業(yè)務(wù)方帶來可視、可觀的數(shù)據(jù)成果。

給多方創(chuàng)造價(jià)值，才能夠自上而下的推動(dòng)跨部門協(xié)作，持續(xù)獲得資源以及成長。

#專欄作家#

WISE，微信公眾號(hào)：Becomewiser，人人都是產(chǎn)品經(jīng)理專欄作家。騰訊產(chǎn)品經(jīng)理，專注于精細(xì)化運(yùn)營、用戶數(shù)據(jù)體系建設(shè)等領(lǐng)域。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?，未經(jīng)許可，禁止轉(zhuǎn)載

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