做好后臺產品設計的三個步驟

首先要清楚的是，后臺產品和前端產品存在很大的差異性。后臺產品更加注重的是業務邏輯的清晰和功能的實現，而前端產品對視覺設計和交互設計有更高的要求。

下面開始，介紹自己總結的后臺產品的設計方法與思路（就像前面所言，更多還有其他前輩的知識，先在此道謝）。

業務邏輯梳理

需求調研與分析完成后，就是自己對內容的消化和吸收。首先要做的事情是自己先清晰地理解一個產品。只有自己理解了，才能更好地推進產品進行開發。

先梳理清楚線下的業務流程。將線下的業務流程梳理清楚以后，然后才是對產品的思考。這里要介紹幾種幫助自己更好地梳理業務流程的工具。

狀態圖，流程圖，泳道圖。三種圖，所起到的作用是不一樣的。下面我詳細說明。

a.狀態圖

狀態圖的作用是讓人清楚業務的實現需要經歷的狀態序列，以及引起狀態轉移的事件，和因狀態轉移而伴隨的動作。狀態圖的驅動是基于狀態的轉換。下面我以點餐為例子。

做好后臺產品設計的三個步驟

業務的開始和結束用圓角矩形表示。業務的狀態以矩形表示。每一個矩形都表示一個狀態。菱形表示業務分支。每一個矩形之間都伴隨著一個動作。

狀態圖能清楚地讓我們看到完成的點餐流程中，會在哪些地方進行停留，并知道轉向下一個狀態時會伴隨著怎樣的動作。另外，在 “菜品加工中” 下方特意設立了一個 “食材準備中” 作為子狀態，因為業務流程中可能會出現某些特殊的情況（如某些菜品需要準備食材）而停留在某個狀態，這時需要先去完成其它操作（準備食材）后再回到該狀態（菜品加工中）繼續之后的業務流程。

也許會有人覺得，這樣做將簡單的事情復雜化了。如果對于簡單的業務邏輯，確實有點多此一舉，但如果一個業務流程中存在很多個（7 個 +？）狀態的時候，我相信狀態圖能讓你在進行業務梳理時保持比較清醒的頭腦。

b.流程圖

流程圖，相信大多數人對此并不陌生。但是，我看見很多人繪制的流程圖并不是十分規范。不規范的流程圖，自己理解起來可能沒有什么問題，但是別人可能就會產生誤解。

流程圖，我將它分為分為三步走。1.流程圖。2.泳道圖。3.分階段的泳道圖。下面一個一個介紹。

業務流程圖描述的是完整的業務流程，以業務處理過程為中心，一般沒有數據的概念。流程圖以動作來推動業務前進。下面還是以點餐作為例子。

做好后臺產品設計的三個步驟

同樣業務的開始和結束用圓角矩形表示，而每一個動作則以矩形表示，菱形表示可能會出現的分支。可以清晰的看到流程圖沒有任何狀態標識。狀態圖與流程圖表達的不同效果一眼便知。

流程圖更加關注的是業務實現具體需要進行哪些操作。每一個動作的構成形式基本都是 “動詞 + 名詞” 或者 “動詞” 的形，這樣才能更加明晰以動作為驅動的流程圖。

c.泳道圖

泳道圖，又稱為跨職能流程圖。也是我所說的流程圖的第二步。作為流程圖的進階，泳道圖加入了泳道表示不同角色（或崗位、部門等）。讓人在了解業務流程時，也清楚由誰執行該動作。同樣以點餐為例子。

做好后臺產品設計的三個步驟

可以看到，每一個動作都放在相應的泳道下，對應了執行此動作的人。這樣對于業務流程中不同角色的職責也會更為明確的認識。

d.流程圖終極版

做好后臺產品設計的三個步驟

可以看到，在最左邊加了一個側欄，將不同的動作劃分進了不同的階段。個人覺得這是彌補了之前沒有狀態說明的不足。讓人在了解詳細業務流程的同時，也對狀態有了大概的認識。

也許很多人，覺得花這么多時間畫圖會浪費很多時間。我覺得仁者見仁智者見智了。對于我個人而言，每天搗弄這些圖，會很快加深我對產品的理解。特別是在業務比較復雜，而且之前有完全沒有接觸過相關方面知識的時候，僅靠大腦很難有清楚的思維，但是圖形化后卻能很好地理解。在業務整理上多花點時間整理，我覺得是很有必要的。