這段時(shí)間侄刽，讓我對后臺產(chǎn)品有了一定的了解。

想嘗試自己總結(jié)一下對后臺產(chǎn)品設(shè)計(jì)和開發(fā)的一些知識芯砸。后臺產(chǎn)品也有不同的分類，我要介紹的是工作流方面的產(chǎn)品给梅。

以下的內(nèi)容假丧，有很多都參考了別人寫的文章。有不對的地方也希望大家多多指點(diǎn)动羽。

首先要清楚的是,后臺產(chǎn)品和前端產(chǎn)品存在很大的差異性包帚。后臺產(chǎn)品更加注重的是業(yè)務(wù)邏輯的清晰和功能的實(shí)現(xiàn)，而前端產(chǎn)品對視覺設(shè)計(jì)和交互設(shè)計(jì)有較高的要求运吓。

下面開始渴邦，介紹自己總結(jié)的后臺產(chǎn)品的設(shè)計(jì)方法與思路（就像前面所言，更多還有其他前輩的知識羽德，先在此道謝）几莽。

1.需求調(diào)研與分析完成后，就是自己對內(nèi)容的理解宅静。做產(chǎn)品章蚣，首先要做的事情是自己先清晰地理解一個(gè)產(chǎn)品。只有自己理解了姨夹，才能更好地推進(jìn)產(chǎn)品的開發(fā)與進(jìn)程纤垂。

首要要梳理清楚的是線下的業(yè)務(wù)流程。將線下的業(yè)務(wù)流程梳理清楚以后磷账，然后才是對產(chǎn)品的思考峭沦。這里要介紹幾種幫助自己更好的梳理業(yè)務(wù)流程的工具。

狀態(tài)圖逃糟，流程圖吼鱼，泳道圖蓬豁。

三種圖，所起到的作用是不一樣的菇肃。下面我詳細(xì)說明地粪。

a.狀態(tài)圖

狀態(tài)圖的作用是讓人清楚業(yè)務(wù)的實(shí)現(xiàn)需要經(jīng)歷的狀態(tài)序列，以及引起狀態(tài)轉(zhuǎn)移的事件琐谤，和因狀態(tài)轉(zhuǎn)移而伴隨的動作蟆技。狀態(tài)圖的驅(qū)動是基于狀態(tài)的轉(zhuǎn)換。下面我以點(diǎn)餐為例子斗忌。

業(yè)務(wù)的開始和結(jié)束用圓角矩形表示质礼。業(yè)務(wù)的狀態(tài)以矩形表示。每一個(gè)矩形都表示一個(gè)狀態(tài)织阳。菱形表示業(yè)務(wù)分支眶蕉。每一個(gè)矩形之間都伴隨著一個(gè)動作。

狀態(tài)圖能清楚地讓我們看到完成的點(diǎn)餐流程中陈哑，會在哪些地方進(jìn)行停留妻坝，并知道轉(zhuǎn)向下一個(gè)狀態(tài)時(shí)會伴隨著怎樣的動作。另外惊窖，在“菜品加工中”下方特意設(shè)立了一個(gè)“食材準(zhǔn)備中”作為子狀態(tài)刽宪，因?yàn)闃I(yè)務(wù)流程中可能會出現(xiàn)某些特殊的情況（如某些菜品需要準(zhǔn)備食材）而停留在某個(gè)狀態(tài)，這時(shí)需要先去完成其它操作（準(zhǔn)備食材）后再回到該狀態(tài)（菜品加工中）繼續(xù)之后的業(yè)務(wù)流程界酒。

也許會有人覺得圣拄，這樣做將簡單的事情復(fù)雜化了。如果對于簡單的業(yè)務(wù)邏輯毁欣，確實(shí)有點(diǎn)多此一舉庇谆，但如果一個(gè)業(yè)務(wù)流程中存在很多個(gè)（7個(gè)+？）狀態(tài)的時(shí)候凭疮，我相信狀態(tài)圖能讓你在進(jìn)行業(yè)務(wù)梳理時(shí)保持比較清醒的頭腦饭耳。

b.流程圖

流程圖，相信大多數(shù)人對此并不陌生执解。但是寞肖，我看見很多人繪制的流程圖并不是十分規(guī)范。不規(guī)范的流程圖衰腌，自己理解起來可能沒有什么問題新蟆，但是別人可能就會產(chǎn)生誤解。

流程圖右蕊，我將它分為分為三步走琼稻。1.流程圖。2.泳道圖饶囚。3.分階段的泳道圖帕翻。下面一個(gè)一個(gè)介紹鸠补。

業(yè)務(wù)流程圖描述的是完整的業(yè)務(wù)流程，以業(yè)務(wù)處理過程為中心熊咽，一般沒有數(shù)據(jù)的概念莫鸭。流程圖以動作來推動業(yè)務(wù)前進(jìn)的。下面還是以點(diǎn)餐作為例子横殴。

同樣業(yè)務(wù)的開始和結(jié)束用圓角矩形表示，而每一個(gè)動作則以矩形表示卿拴，菱形表示可能會出現(xiàn)的分支衫仑。可以清晰的看到流程圖沒有任何顯示狀態(tài)堕花。狀態(tài)圖與流程圖表達(dá)的不同效果一眼便知文狱。

流程圖更加關(guān)注的是業(yè)務(wù)實(shí)現(xiàn)具體需要進(jìn)行哪些操作。每一個(gè)動作的基本都是“動詞+名詞”或者“動詞”的形式缘挽，這樣才能更加明晰以動作為驅(qū)動流程圖瞄崇。

c.泳道圖

泳道圖，又稱為跨職能流程圖壕曼。也是我所說的流程圖的第二步苏研。作為流程圖的進(jìn)階，泳道圖加入了泳道表示不同角色（或崗位腮郊、部門等）摹蘑。讓人在了解業(yè)務(wù)流程時(shí)，也清楚由誰執(zhí)行該動作轧飞。同樣以點(diǎn)餐為例子衅鹿。

可以看到，每一個(gè)動作都放在相應(yīng)的泳道下过咬，對應(yīng)了執(zhí)行此動作的人大渤。這樣對于業(yè)務(wù)流程中不同角色的職責(zé)也會更為明確的認(rèn)識。

d.流程圖終極版

可以看到掸绞，在最左邊加了一個(gè)側(cè)欄泵三，將不同的動作劃分進(jìn)了不同的階段。個(gè)人覺得這是彌補(bǔ)了之前沒有狀態(tài)的說明集漾。讓人在了解詳細(xì)業(yè)務(wù)流程的同時(shí)切黔，也對狀態(tài)有了大概的認(rèn)識。

也許很多人具篇，覺得花這么多時(shí)間畫圖會浪費(fèi)很多時(shí)間纬霞。我覺得仁者見仁智者見智了。對于我個(gè)人而言驱显，每天搗亂這些圖诗芜，會很快加深我對產(chǎn)品的理解瞳抓。特別是在業(yè)務(wù)比較復(fù)雜的情況下，僅靠大腦很難有清楚的思維伏恐，但是圖形化后卻能很好的理解孩哑。在業(yè)務(wù)整理上多花點(diǎn)時(shí)間整理，我覺得是很有必要的翠桦。

今天到這兒了横蜒。本文一次性過，沒有返改過销凑，有錯(cuò)別字和語句不通的地方敬請見諒丛晌。

日后在更后面的內(nèi)容！６酚住澎蛛！