本文作者介紹了在面對(duì)較為復(fù)雜的業(yè)務(wù)時(shí)，梳理、表達(dá)、落地需求的一些經(jīng)驗(yàn)，并介紹過程中會(huì)用到的幾種不同類型的流程圖。

工作中我們需要繪制哪些流程圖

（本文會(huì)分別介紹圖中出現(xiàn)的各種圖表）

B端產(chǎn)品工作的主要內(nèi)容即是將業(yè)務(wù)需求轉(zhuǎn)化為功能，然而業(yè)務(wù)和功能是如何建立聯(lián)系的呢？

1. 當(dāng)一個(gè)需求發(fā)生時(shí)，涉及到的各角色會(huì)在各自場(chǎng)景中，發(fā)生業(yè)務(wù)相關(guān)的各種行為，行為連貫起來就產(chǎn)生了業(yè)務(wù)流程。
2. 業(yè)務(wù)流程發(fā)生時(shí)，各角色會(huì)與產(chǎn)品發(fā)生聯(lián)系，因此也就產(chǎn)生了產(chǎn)品流程。
3. 最后為確保產(chǎn)品實(shí)現(xiàn)業(yè)務(wù)方期望的流程，梳理出清晰的活動(dòng)圖、時(shí)序圖、數(shù)據(jù)流圖能幫助我們更有效地和技術(shù)溝通。

下文我會(huì)逐一介紹各工作環(huán)節(jié)以及各環(huán)節(jié)需要用到的圖表工具

一、業(yè)務(wù)理解：用戶體驗(yàn)地圖、業(yè)務(wù)梳理表

1. 用戶體驗(yàn)地圖

使用場(chǎng)景：對(duì)某些關(guān)鍵場(chǎng)景的用戶需求和產(chǎn)品機(jī)會(huì)進(jìn)行深入挖掘時(shí)

繪制要點(diǎn)：

1. 要選出一個(gè)具體的場(chǎng)景，場(chǎng)景需要有清晰的邊界（起點(diǎn)和終點(diǎn)），要有明確的用戶桔色；
2. 從用戶角度，描述其在地圖中不同階段的目標(biāo)、行為、疑問、痛點(diǎn)及情緒；
3. 用產(chǎn)品角度：描述各行為對(duì)應(yīng)的產(chǎn)品觸點(diǎn)、及機(jī)會(huì)。

圖例：

（用戶體驗(yàn)地圖）

2. 業(yè)務(wù)梳理表

使用場(chǎng)景：對(duì)需求清晰，但業(yè)務(wù)交錯(cuò)復(fù)雜的邏輯進(jìn)行梳理時(shí)

繪制要點(diǎn)：

1. 定義出一個(gè)場(chǎng)景的明確邊界（起點(diǎn)和終點(diǎn)）
2. 將每個(gè)場(chǎng)景拆解到合適的粒度，劃分出該場(chǎng)景下各角色不同階段的目標(biāo)
3. 根據(jù)5W2H對(duì)每個(gè)階段的目標(biāo)進(jìn)行描述

圖例：

（業(yè)務(wù)梳理表）

二、業(yè)務(wù)流程梳理：業(yè)務(wù)流程圖

使用場(chǎng)景：將理解的業(yè)務(wù)梳理成流程圖，與業(yè)務(wù)方溝通、討論、調(diào)整時(shí)

繪制要點(diǎn)：

1. 業(yè)務(wù)流程圖重點(diǎn)表達(dá)從角色和角色的動(dòng)作；
2. 可以通過區(qū)分每個(gè)動(dòng)作單元的色彩來體現(xiàn)該動(dòng)作關(guān)聯(lián)到的產(chǎn)品；
3. 可以對(duì)流程的不同階段進(jìn)行劃分讓流程圖更清晰、有層次。

圖例：

（業(yè)務(wù)流程圖）

三、梳理產(chǎn)品與業(yè)務(wù)的聯(lián)系：用例圖

使用場(chǎng)景：梳理角色、系統(tǒng)、動(dòng)作、以及其他角色之間的關(guān)系

繪制要點(diǎn)：

圖例：

四、產(chǎn)品設(shè)計(jì)：活動(dòng)圖、頁面流程圖、時(shí)序圖、數(shù)據(jù)流圖

1. 活動(dòng)圖

使用場(chǎng)景：PM基于描述對(duì)象的特征、描述目的，選擇合適的角度繪制圖表；

繪制要點(diǎn)：

活動(dòng)圖繪制規(guī)則與流程圖類似其中活動(dòng)對(duì)應(yīng)流程，分支對(duì)應(yīng)判斷。下面分別介紹下與流程圖不同的地方：

1. 存在【起始】和【結(jié)束】可以有多個(gè)結(jié)束點(diǎn)，但只能有唯一的起始點(diǎn)。
2. 存在對(duì)象的概念。我們可以通過在活動(dòng)圖中添加對(duì)象，來體現(xiàn)對(duì)象隨著活動(dòng)變化而產(chǎn)生的變化。
3. 存在分叉的概念，分叉后的活動(dòng)需要都被執(zhí)行。
4. 存在匯合的概念，匯合前的活動(dòng)必須都被執(zhí)行后才能繼續(xù)向下執(zhí)行。
5. 分叉和匯合往往是成對(duì)出現(xiàn)

圖例：

涉及多角色、多系統(tǒng)的場(chǎng)景可以用泳道和色塊的顏色進(jìn)行區(qū)分（泳道用來區(qū)分二者之中較重要的）。

2. 頁面流程圖

使用場(chǎng)景：從頁面、功能為主體，體現(xiàn)用戶操作流程；

圖例：

3. 時(shí)序圖

使用場(chǎng)景：用以體現(xiàn)各系統(tǒng)、角色之間動(dòng)作的時(shí)間關(guān)系和數(shù)據(jù)流向關(guān)系

鑒于講清楚時(shí)序圖需要用的篇幅較多，且社區(qū)中已經(jīng)有講的比較清楚的文章了，在這里我就偷個(gè)懶了。需要的同學(xué)們點(diǎn)擊鏈接跳轉(zhuǎn)快速學(xué)習(xí)時(shí)序圖：時(shí)序圖簡(jiǎn)介、畫法及實(shí)例

圖例：

4. 數(shù)據(jù)流圖

使用場(chǎng)景：以數(shù)據(jù)為主題，描述數(shù)據(jù)的傳遞和加工過程

繪制要點(diǎn)：

（1）主要元素包括：數(shù)據(jù)存儲(chǔ)、數(shù)據(jù)加工、外部交互方

• 數(shù)據(jù)存儲(chǔ)：指暫時(shí)保存的數(shù)據(jù)，它可以是數(shù)據(jù)庫文件或任何形式的數(shù)據(jù)組織。
• 數(shù)據(jù)加工：對(duì)數(shù)據(jù)流進(jìn)行某些操作或變換。每個(gè)加工也要有名字，通常是動(dòng)詞短語，簡(jiǎn)明地描述完成什么加工。在分層的數(shù)據(jù)流圖中，加工還應(yīng)編號(hào)。
• 外部交互方：是本軟件系統(tǒng)外部環(huán)境中的實(shí)體(包括人員、組織或其他軟件系統(tǒng))，統(tǒng)稱外部實(shí)體。一般只出現(xiàn)在數(shù)據(jù)流圖的頂層圖。

（2）數(shù)據(jù)流圖需要分層繪制，自頂層向下分解，如：頂層圖、0層圖、1層圖……

• 頂層圖：頂層流圖只包含一個(gè)加工，用以表示被開發(fā)的系統(tǒng)，然后考慮該系統(tǒng)有哪些輸入數(shù)據(jù)、輸出數(shù)據(jù)流。頂層圖的作用在于表明被開發(fā)系統(tǒng)的范圍以及它和周圍環(huán)境的數(shù)據(jù)交換關(guān)系。
• 0層圖：分解頂層流圖的系統(tǒng)為若干子系統(tǒng)，
• 1層圖：將0層圖中的各加工進(jìn)行分解分別繪制。

（3）繪制規(guī)則

• 所有加工都應(yīng)有編號(hào)。父加工被分解后，其編號(hào)會(huì)被繼承。如0層圖中的編號(hào)為1的加工會(huì)分解出：1.0、1.1、1.2等
• 所有步驟都是數(shù)據(jù)的流動(dòng)，不要把現(xiàn)實(shí)中實(shí)體的流動(dòng)畫進(jìn)去。
• 外部實(shí)體之間不能有數(shù)據(jù)傳輸。
• 頂層系統(tǒng)只能有1個(gè)數(shù)據(jù)加工。
• 頂層系統(tǒng)的輸入、輸出數(shù)據(jù)，應(yīng)該和所有底層系統(tǒng)的輸入輸出數(shù)據(jù)一致，

圖例：

結(jié)尾

每個(gè)人接觸的產(chǎn)品不同，同一個(gè)產(chǎn)品不同階段要的特性不同，每個(gè)工作階段協(xié)作的人不同。而再不同的情況下，最合適的圖的類型，畫圖的方法，描述的粗細(xì)粒度都不同。

區(qū)別產(chǎn)品經(jīng)理經(jīng)驗(yàn)的高低，就在于看誰能最快的理解問題、然后最快的找到最合適的方法，最終最快的把工作完成。

我們應(yīng)該多思考，多練習(xí)，多總結(jié)。這樣我們的工作效率和工作質(zhì)量才能隨著經(jīng)驗(yàn)而積累起來。

#參考資料#

本文雖然介紹了各種圖表的繪制規(guī)則，但限于篇幅沒有展開太細(xì)，附上一些詳細(xì)的教程供大家參考：

軟件工程數(shù)據(jù)流圖畫法

快速學(xué)習(xí)時(shí)序圖：時(shí)序圖簡(jiǎn)介、畫法及實(shí)例

5W2H，幫助你梳理B端產(chǎn)品業(yè)務(wù)流程

UML圖繪制的注意點(diǎn)和實(shí)例分析

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

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