前言：從【業(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.先確定通用模塊：頁頭、頁尾贾惦、一級(jí)導(dǎo)航胸梆、二級(jí)導(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)航：一（二、三）級(jí)導(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)兮方庭，吾將上下而求索，加油
