本文從什么是業(yè)務(wù)流程圖、作用、表現(xiàn)形式、如何繪制、常見繪制工具等角度，分析了預(yù)約掛號流程中如何繪制業(yè)務(wù)流程圖。

在寫項目需求文檔時，我們會畫各種各樣的流程。比如你去醫(yī)院看病，你需要先去咨詢臺領(lǐng)個具體要去看病的掛號單，然后前往掛號窗口將票據(jù)遞給工作人員，等待你繳費(fèi)成功后再前往具體科室去看病。各處都會有自己的流程，按照流程來走可以快速達(dá)到目的，減少不必要的麻煩，當(dāng)然你可以獨(dú)辟蹊徑，只要是合理的業(yè)務(wù)流向都可以進(jìn)行業(yè)務(wù)優(yōu)化。

在工作中，我們常用到的流程圖有：業(yè)務(wù)流程圖、頁面流程圖和數(shù)據(jù)流程圖。作為產(chǎn)品，經(jīng)常談的是業(yè)務(wù)流程圖；作為交互設(shè)計師，則比較關(guān)心頁面流程圖；而作為系統(tǒng)分析師，數(shù)據(jù)流程圖最關(guān)鍵。

我們今天來講講業(yè)務(wù)流程圖的繪制：

目錄：

1. 什么是業(yè)務(wù)流程圖？
2. 業(yè)務(wù)流程圖的作用
3. 業(yè)務(wù)流程圖的表現(xiàn)形式有哪幾種？
4. 如何繪制業(yè)務(wù)流程圖？
5. 常見繪制工具

01 什么是業(yè)務(wù)流程圖？

業(yè)務(wù)流程圖是為了達(dá)到特定的目標(biāo)而進(jìn)行的一系列有邏輯性的操作過程，它有可能不規(guī)范、也有可能充滿bug問題。

將有一定規(guī)律的流程用圖表表示出來可以讓流程可視化，并且準(zhǔn)確詳細(xì)的描述任務(wù)的流程走向，一般不包含數(shù)據(jù)的概念。

02 業(yè)務(wù)流程圖的作用

分析業(yè)務(wù)流程，并將業(yè)務(wù)流程圖表化可以幫助分析者了解業(yè)務(wù)如何運(yùn)轉(zhuǎn)，幫助分析者找到業(yè)務(wù)流程中不合理的流向。

現(xiàn)有產(chǎn)品存在的業(yè)務(wù)流程未必是合理的，通過業(yè)務(wù)流程圖，鉆研關(guān)鍵事件的流程，分析為什么要這么做，探索出更深層次的問題，從而對現(xiàn)有不合理的業(yè)務(wù)流程進(jìn)行重組優(yōu)化，進(jìn)而制定優(yōu)化方案，改進(jìn)現(xiàn)有流程。

產(chǎn)品在寫需求文檔時主要是對業(yè)務(wù)規(guī)則的描述，而配合以業(yè)務(wù)流程圖可以讓業(yè)務(wù)邏輯更清晰；日常梳理關(guān)鍵事件業(yè)務(wù)流程時，畫出業(yè)務(wù)流程圖可以幫助發(fā)現(xiàn)不合理流程，從而對關(guān)鍵事件進(jìn)行優(yōu)化。

我們現(xiàn)在所說的流程圖其實是傳統(tǒng)的管理業(yè)務(wù)流程圖，包含基本流程圖和跨職能流程圖（泳道圖）兩種。以醫(yī)院掛號流程為例。

03 業(yè)務(wù)流程圖的兩種表現(xiàn)方式

1. 管理業(yè)務(wù)流程圖

我們現(xiàn)在所說的流程圖其實是傳統(tǒng)的管理業(yè)務(wù)流程圖，包含基本流程圖和跨職能流程圖（泳道圖）兩種。

基本流程圖雖然明確地說明了整個流程，但卻無法清楚地說明每步流程是由哪個角色負(fù)責(zé)的。為了有效表示各個流程是由誰來負(fù)責(zé)的，可以通過泳道流程圖來實現(xiàn)，這樣不僅體現(xiàn)了整個活動控制流，還能清楚知道各個角色在流程中所承擔(dān)的責(zé)任。

管理業(yè)務(wù)流程圖的常用符號如下，其基本結(jié)構(gòu)包含：順序結(jié)構(gòu)、選擇（分支）結(jié)構(gòu)、循環(huán)結(jié)構(gòu)。

我們以醫(yī)院掛號為例：管理業(yè)務(wù)流程圖已基本能滿足業(yè)務(wù)流程走向的表達(dá)，但在復(fù)雜的系統(tǒng)交互中，表達(dá)并發(fā)概念時，傳統(tǒng)的管理業(yè)務(wù)流程圖已無法表達(dá)，這就需要用到UML建模。

2. UML活動圖

UML細(xì)分了各種圖，分別在不同的角度來描述系統(tǒng)流程，在本質(zhì)上，UML各種圖均屬于流程圖。UML中共定義了13種圖，我們經(jīng)常使用的是用例圖、活動圖、和順序圖，其他的只需要大概了解一下即可。

其中UML中活動圖同管理業(yè)務(wù)流程圖類似可用于表示業(yè)務(wù)過程，唯一的區(qū)別是活動圖支持并行行為。

傳統(tǒng)的流程圖著重描述處理過程，它的主要控制結(jié)構(gòu)是順序、分支和循環(huán)，各個處理過程之間有嚴(yán)格的順序和時間關(guān)系；而UML活動圖描述的是對象活動的順序關(guān)系所遵循的規(guī)則，它著重表現(xiàn)的是系統(tǒng)的行為，而非系統(tǒng)的處理過程。

UML活動圖的常用符號如下，其基本結(jié)構(gòu)除了順序結(jié)構(gòu)、選擇（分支）結(jié)構(gòu)和循環(huán)結(jié)構(gòu)外，還可能存在并發(fā)的事件流。在UML中，可以采用一個同步線來說明這些并行控制流的分岔和匯合。

同步線：分岔是有一個進(jìn)入轉(zhuǎn)換，兩個或多個離開轉(zhuǎn)換；而匯合則是兩個或多個進(jìn)入轉(zhuǎn)換，一個離開轉(zhuǎn)換。

我們以醫(yī)院掛號為例：

總結(jié)：管理業(yè)務(wù)流程圖或UML活動圖均可以用來表達(dá)業(yè)務(wù)流程，具體使用哪種圖來表達(dá)業(yè)務(wù)流程可以憑君喜好，但要遵循一定的符號結(jié)構(gòu)，不要混搭。不過要表達(dá)并行行為的還是使用UML活動圖吧。

04 如何繪制流程圖

第一步：確定業(yè)務(wù)范圍

在畫流程圖之前先確定業(yè)務(wù)流程起終點，是截取某一段業(yè)務(wù)進(jìn)行詳細(xì)描述，還是整體業(yè)務(wù)模塊進(jìn)行描述。不可能將所有的流程都放到一個圖里展示，也不可能“假大空”的不畫出關(guān)鍵事件，要學(xué)會劃分業(yè)務(wù)流程范圍，把握分支粒度。

還是以醫(yī)院掛號看病為例——先掛號再看病。整個流程下來其實可以細(xì)分為兩個流程，分別為掛號流程以及看病流程；甚至粒度可以再細(xì)點，分為取小票流程、掛號流程、繳掛號費(fèi)流程、排隊看病流程等，但很明顯，單獨(dú)分析取小票流程和繳掛號費(fèi)流程粒度過小，沒有實際意義。

可采用自頂向下，逐層分解的繪制方法。明確你要梳理的業(yè)務(wù)流程范圍，首先列出流程中的關(guān)鍵事件，如醫(yī)院掛號看病，掛號流程和看病流程便算是整個流程中的關(guān)鍵事件流程；再結(jié)合你分析的目的來判斷是否需要再往下層進(jìn)行分解，如取小票流程、掛號流程、繳掛號費(fèi)流程、排隊看病流程。

如此例，層層向下分解，直到符合你要分析的目的，當(dāng)目的是為了對某個業(yè)務(wù)流程進(jìn)行優(yōu)化時，則分解到對應(yīng)流程即可，繪制出流程圖后再進(jìn)行分析。

第二步：業(yè)務(wù)梳理，分解要素

業(yè)務(wù)流程圖有4個關(guān)鍵要素：執(zhí)行操作、順序、輸入輸出、規(guī)則；要更清楚的描述業(yè)務(wù)流程可以有參與者這一要素。

以上是明確給出了業(yè)務(wù)描述，按照步驟基本上便能畫出業(yè)務(wù)流程圖。在沒有明確給出業(yè)務(wù)描述的情況下，對業(yè)務(wù)流程的梳理主要有兩種方式：

• 實地現(xiàn)場調(diào)研，體驗業(yè)務(wù)處理過程。
• 對現(xiàn)有業(yè)務(wù)流程的優(yōu)化。當(dāng)已經(jīng)對現(xiàn)有業(yè)務(wù)流程熟悉時，通過討論和分析，可梳理出業(yè)務(wù)流程，再通過優(yōu)化現(xiàn)有流程中不合理的地方，從而給出一個更好的流程來。

第三步：注意繪圖規(guī)范

各圖形形狀/字號統(tǒng)一。如果各個圖形形狀大小/字號相差懸殊，這對于理解圖形的人也是一種折磨，對于某個比較重要的流程可以使用顏色來區(qū)分其他普通流程（但顏色數(shù)量和種類不應(yīng)太多，以免重點模糊），再在該重要的流程旁加上注釋說明，就能將重點轉(zhuǎn)達(dá)給對方。

• 流程名用動賓結(jié)構(gòu)，如輸入手機(jī)號。
• 要有結(jié)束流程。
• 流程圖從左到右、從上到下排列。
• 流程線盡量不要交叉。

05 常見的繪制流程圖的工具

1. 在線工具

ProcessOn：https://www.processon.com/

draw.io：https://www.draw.io/

莫流：https://www.apowersoft.com.cn/flowchart

2. 客戶端

Microsoft Visio

edraw億圖

xmind

omniGraffle（mac）

StarUML

我一般常用ProcessOn畫業(yè)務(wù)流程圖，一些uml圖也會使用StarUML，這兩種工具畫出來的圖都挺賞心悅目。但具體用哪種工具不重要，重要的是學(xué)會對業(yè)務(wù)流程進(jìn)行梳理并將流程可視化。

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

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