前言：從【業(yè)務(wù)系統(tǒng)】看后臺(tái)產(chǎn)品的設(shè)計(jì)邏輯思維
入職至今已有兩個(gè)年頭，作為研發(fā)的身份一直在和業(yè)務(wù)系統(tǒng)打交道。一直想嘗試自己總結(jié)一下對后臺(tái)產(chǎn)品設(shè)計(jì)的一些知識(shí)。
首先，后臺(tái)產(chǎn)品和前端產(chǎn)品存在很大的差異性。盡管前后臺(tái)產(chǎn)品的邏輯是相通的。比如。后臺(tái)有角色，前臺(tái)也有角色。但你的關(guān)注重點(diǎn)可能會(huì)存在差別。做后臺(tái)，你可能會(huì)更關(guān)注用戶、組織，角色，權(quán)限的設(shè)計(jì)模型以及每一個(gè)狀態(tài)下不同角色的多個(gè)操作（功能實(shí)現(xiàn)）；但做前臺(tái)，你的重心卻可能會(huì)放在哪類用戶在哪種場景下沒有點(diǎn)這個(gè)按鈕所以是不是文案要改要不要把按鈕變大一點(diǎn)位置移動(dòng)一下諸如此類（用戶體驗(yàn)）。
后臺(tái)產(chǎn)品：更加注重的是業(yè)務(wù)邏輯的清晰和功能的實(shí)現(xiàn)
前端產(chǎn)品：對視覺設(shè)計(jì)和交互設(shè)計(jì)有更高的要求
一句話：后臺(tái)產(chǎn)品粗糙大漢，前臺(tái)產(chǎn)品文藝青年
下面開始，介紹下自己總結(jié)的后臺(tái)產(chǎn)品的設(shè)計(jì)方法與思路（其中請教了幾位前輩，在此感謝）。
從我之前的分析里可以得出結(jié)論，對于后臺(tái)產(chǎn)品而言，最重要的就是第3步，業(yè)務(wù)邏輯梳理。以及第4步，將業(yè)務(wù)邏輯梳理成為產(chǎn)品的邏輯。下面以【業(yè)務(wù)系統(tǒng)】為例子逐一分析。
1.需求討論與收集
輸出產(chǎn)物：用紙筆畫出草圖，或者記錄
在實(shí)際工作的場景當(dāng)中，需求收集和討論是工作開始的第一步，所謂“萬事開頭難”，這也是最繁瑣最耗時(shí)的一個(gè)步驟。后臺(tái)系統(tǒng)主要是功能類的，用戶基本是本單位員工，應(yīng)用場景也略顯單一（PC端為主，移動(dòng)端目前也在普及），但是需求屬性卻是“真實(shí)+高頻+剛需”。
后臺(tái)用戶對于交互體驗(yàn)等容忍度相對較高，也能接受一定的學(xué)習(xí)時(shí)間成本（單位會(huì)針對某些功能組織培訓(xùn)）。但對數(shù)據(jù)的準(zhǔn)確性，處理的時(shí)效性等要求較高。說白了“首先你得能用，好不好用放在后面再商量”
后臺(tái)產(chǎn)品需求往往是業(yè)務(wù)方直接提出的，最常見的模式就是和業(yè)務(wù)方開個(gè)會(huì)討論。這個(gè)階段的大原則應(yīng)該“認(rèn)真聽，但不照著做”。可以采取“定量+定性”的方式，將用戶的需求先收集起來。會(huì)議形式的需求討論往往發(fā)言比較凌亂，需要認(rèn)真做好發(fā)言筆記，會(huì)后整理成需求列表。我本人參與重要會(huì)議時(shí)，會(huì)有用手機(jī)錄音的習(xí)慣，便于會(huì)后復(fù)盤。此階段的輸出產(chǎn)物，用紙筆畫出草圖即可，不必非用電腦
2.需求分析與要素梳理
輸出產(chǎn)品：腦圖是個(gè)不錯(cuò)的選擇
需求分析是將從用戶手里搜集的第一手需求，經(jīng)過加工分析整理，剝離事物的外表去看透用戶內(nèi)心的本相，即：這個(gè)需求（功能）究竟要滿足他什么？再深層次就是他為什么要滿足這個(gè)？
做c端產(chǎn)品，需求分析是重頭戲。常用的Y字形理論，就是需求分析的經(jīng)典模型。但對于后臺(tái)產(chǎn)品，這個(gè)需求分析相對清晰明確好做一些，因?yàn)楹笈_(tái)產(chǎn)品的需求基本都是工具性的，滿足于某個(gè)工作流，故此目的性很明確。也就是說，后臺(tái)產(chǎn)品，需求的分析工作其實(shí)業(yè)務(wù)方幫助我們做了很大一部分，而c端產(chǎn)品更多是有產(chǎn)品經(jīng)理自己去分析需求。
這個(gè)階段的輸出產(chǎn)物，以腦圖為最佳。當(dāng)然，腦圖作為框架類的輸出產(chǎn)物，都很合適。下一次昨夜里，我就嘗試用腦圖去梳理目前業(yè)務(wù)系統(tǒng)的主要業(yè)務(wù)流架構(gòu)。
3.業(yè)務(wù)邏輯梳理
輸出產(chǎn)物：流程圖、泳道圖
需求調(diào)研與分析完成后，就是自己對內(nèi)容的消化和吸收。首先要做的事情是自己先清晰地理解一個(gè)產(chǎn)品。只有自己理解了，才能更好地推進(jìn)產(chǎn)品進(jìn)行開發(fā)。先梳理清楚線下的業(yè)務(wù)流程。將線下的業(yè)務(wù)流程梳理清楚以后，然后才是對產(chǎn)品的思考。這個(gè)階段最好的輸出產(chǎn)物就是各種流程圖和泳道圖了。在這里，我拿業(yè)務(wù)系統(tǒng)中的【產(chǎn)品開班】來舉例（并沒有完全依照現(xiàn)有的產(chǎn)品開班邏輯）
流程圖
業(yè)務(wù)流程圖描述的是完整的業(yè)務(wù)流程，以業(yè)務(wù)處理過程為中心，一般沒有數(shù)據(jù)的概念。流程圖以動(dòng)作來推動(dòng)業(yè)務(wù)前進(jìn)。下面是產(chǎn)品開班的例子
流程圖更加關(guān)注的是業(yè)務(wù)實(shí)現(xiàn)具體需要進(jìn)行哪些操作。每一個(gè)動(dòng)作的構(gòu)成形式基本都是 “動(dòng)詞 + 名詞” 或者 “動(dòng)詞” 的形，這樣才能更加明晰以動(dòng)作為驅(qū)動(dòng)的流程圖。
泳道圖
泳道圖，又稱為跨職能流程圖。也是我所說的流程圖的第二步。作為流程圖的進(jìn)階，泳道圖加入了泳道表示不同角色（或崗位、部門等）。讓人在了解業(yè)務(wù)流程時(shí)，也清楚由誰執(zhí)行該動(dòng)作。同樣以產(chǎn)品開班為例子。
可以看到，每一個(gè)動(dòng)作都放在相應(yīng)的泳道下，對應(yīng)了執(zhí)行此動(dòng)作的人。這樣對于業(yè)務(wù)流程中不同角色的職責(zé)也會(huì)更為明確的認(rèn)識(shí)。
也許有人會(huì)質(zhì)疑，覺得花這么多時(shí)間畫圖會(huì)浪費(fèi)很多時(shí)間。我覺得仁者見仁智者見智了。對于我個(gè)人而言，每天搗弄這些圖，會(huì)很快加深我對產(chǎn)品的理解。特別是在業(yè)務(wù)比較復(fù)雜，而且之前沒有接觸過相關(guān)方面知識(shí)的時(shí)候，僅靠大腦很難有清楚的思維，但是圖形化后卻能很好地理解。在業(yè)務(wù)整理上多花點(diǎn)時(shí)間整理，我覺得是很有必要的。
4.產(chǎn)品邏輯梳理
輸出產(chǎn)物：功能點(diǎn)、角色、頁面、頁面內(nèi)架構(gòu)
我們繼續(xù)用產(chǎn)品開班當(dāng)例子。在業(yè)務(wù)邏輯梳理清楚之后，再進(jìn)行產(chǎn)品邏輯的梳理，這個(gè)就感覺清晰和順暢多了。將業(yè)務(wù)邏輯轉(zhuǎn)化為產(chǎn)品邏輯是產(chǎn)品人員的基本功（也是本人需要強(qiáng)化的），主要的步驟總結(jié)如下
a.功能點(diǎn)
先根據(jù)業(yè)務(wù)邏輯，梳理單一功能點(diǎn)
b.功能點(diǎn)+角色
有了功能點(diǎn)之后，嘗試加入角色的情況（前提是此功能是多角色完成），角色梳理清晰十分有助于權(quán)限分離的操作
c.頁面+功能
可以開始考慮設(shè)計(jì)頁面了，一共幾個(gè)頁面，分別對應(yīng)實(shí)現(xiàn)哪些功能點(diǎn)（并未完全按照當(dāng)前業(yè)務(wù)系統(tǒng)現(xiàn)狀畫圖）
d.頁面內(nèi)架構(gòu)
到這一步，就可以著手搭建頁面內(nèi)的架構(gòu)了。我用查詢作為例子，解釋一下。
先搭頁面，再確定頁面內(nèi)的功能，最后細(xì)化頁面內(nèi)的信息。在原型出來以前，可以拿產(chǎn)品架構(gòu)圖先和別人進(jìn)行一下交流。產(chǎn)品架構(gòu)圖相較于原型圖，與數(shù)據(jù)庫的設(shè)計(jì)思想比較一致（研發(fā)經(jīng)驗(yàn)得出的結(jié)論）。優(yōu)秀的后臺(tái)產(chǎn)品，產(chǎn)品架構(gòu)圖和數(shù)據(jù)庫結(jié)構(gòu)圖，一定會(huì)比較類似，因?yàn)槎叨际怯靡恢碌乃季S得出的，這是我這兩年的研發(fā)經(jīng)驗(yàn)告訴我的真理。另外，產(chǎn)品架構(gòu)圖修改較快捷，返工成本相對較小。產(chǎn)品架構(gòu)圖更多是需要個(gè)人的整理。
5.產(chǎn)品原型
輸出產(chǎn)物：原型圖（axure，墨刀等）
產(chǎn)品梳理好以后，就要開始搭建原型了。很多外行（包括兩年前的我）對產(chǎn)品經(jīng)理的認(rèn)識(shí)很簡單，認(rèn)為就是畫原型圖，出PRD的人（也就是只做這一步的工作）。但其實(shí)，原型圖的輸出，只是產(chǎn)品設(shè)計(jì)的最后一個(gè)步驟。在前幾步都操作無誤的前提下，最后一步也會(huì)水到渠成的。
a.先確定通用模塊：頁頭、頁尾、一級導(dǎo)航、二級導(dǎo)航。
根據(jù)產(chǎn)品的不同，選擇合適的布局。目前業(yè)務(wù)系統(tǒng)用的是右側(cè)式導(dǎo)航欄，后面會(huì)分析思考一些更為合理的布局。
b.將產(chǎn)品架構(gòu)圖的內(nèi)容填充到頁面內(nèi)，并加入文字說明操作
c.細(xì)節(jié)
細(xì)節(jié)就多了，這個(gè)也是對我而言比較難的地方，因?yàn)榧?xì)節(jié)這個(gè)最吃經(jīng)驗(yàn)。需要不斷打磨才能積累。細(xì)節(jié)決定成敗
我能想到的細(xì)節(jié)處理：
文案
導(dǎo)航：一（二、三）級導(dǎo)航；菜單...
常用模塊交互方式：按鈕，彈窗：對話框...
色彩：頁面基調(diào)；字體顏色...
反饋：提示；警告；正確；錯(cuò)誤...
d.盡量要單獨(dú)出一份詳細(xì)的PRD(也視具體情況而定)。
產(chǎn)品設(shè)計(jì)的階段，就暫時(shí)結(jié)束了。然而，路，才剛開始...
總結(jié)與排期
總結(jié)一套設(shè)計(jì)邏輯思維，其中也借鑒了一些前輩師兄們的方法，但這絕不是產(chǎn)品的結(jié)束。而是剛剛開始。業(yè)務(wù)系統(tǒng)，作為一套工作流占比極重、業(yè)務(wù)復(fù)雜程度極高、耦合性極強(qiáng)的后臺(tái)系統(tǒng)，而且已經(jīng)使用了其重構(gòu)之路任重道遠(yuǎn)。我將【業(yè)務(wù)系統(tǒng)】的主線業(yè)務(wù)功能，拆分成了七大模塊，作為后面的子任務(wù)去逐一分析（下一期我會(huì)詳細(xì)用腦圖分析，還涉及一些小的使用頻度較低業(yè)務(wù)功能）。
下面是我對這個(gè)任務(wù)的各個(gè)子任務(wù)排期
因?yàn)楸救酥荒芤詷I(yè)余時(shí)間進(jìn)行這項(xiàng)工作，故此無法在排期一覽加上具體完成日期。但我一定會(huì)充分利用課余時(shí)間，以及本人兩年來對業(yè)務(wù)系統(tǒng)的理解，逐一模塊化地去分析、梳理、重構(gòu)業(yè)務(wù)系統(tǒng)各個(gè)模塊。希望各位老師各位同仁看了之后提出寶貴意見。
最后，用萬圣節(jié)單位做的南瓜燈作為結(jié)尾，夢想的光亮哪怕再微弱，只要努力也就會(huì)有希望
路漫漫其修遠(yuǎn)兮，吾將上下而求索，加油
