小圣 訂閱專欄

微信公眾號：小圣（hi_xiaosheng）

2017-05-31 4.6萬 510 70

從零開始學(xué)運營，10年經(jīng)驗運營總監(jiān)親授，2天線下集訓(xùn)+1年在線學(xué)習(xí)，做個有競爭力的運營人。了解詳情

業(yè)務(wù)流程圖是最常見的圖表之一，能看懂讀懂是必修課，能繪制便是非常重要的選修課。

image

在實際生活中，我們會碰到各種各樣的流程。比如你去醫(yī)院看病，你需要先去服務(wù)臺領(lǐng)個具體要去看病的某個科室的小票，再前往掛號窗口將小票遞給工作人員，繳完掛號費之后拿到掛號單，再前往具體科室去看病。各處都會有自己的流程，按照流程來走可以快速達(dá)到目的，減少不必要的麻煩，當(dāng)然你也可以獨辟蹊徑，這就屬于流程的優(yōu)化。

流程是為了達(dá)到特定的目標(biāo)而進(jìn)行的一系列有邏輯性的操作過程，它可以不規(guī)范、可以充滿問題，但它確確實實存在著。只要有事情或任務(wù)，就會有流程的存在，將有一定規(guī)律的流程用圖表表示出來可以讓流程可視化，從而有利于流程的重組優(yōu)化。

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

PART1 業(yè)務(wù)流程圖

圍繞著以下幾個問題來講述業(yè)務(wù)流程圖

1. 什么是業(yè)務(wù)流程圖？
2. 為什么需要業(yè)務(wù)流程圖？
3. 業(yè)務(wù)流程圖的兩種圖表類型
4. 兩種流程圖圖例和結(jié)構(gòu)
5. 如何繪制業(yè)務(wù)流程圖？
6. 常見的繪制流程圖的工具

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

業(yè)務(wù)流程圖，顧名思義，用來描述業(yè)務(wù)流程的一種圖，通過一些特定的符號和連線來表示具體某個業(yè)務(wù)的實際處理步驟和過程，詳細(xì)地描述任務(wù)的流程走向，一般沒有數(shù)據(jù)的概念。

業(yè)務(wù)流程圖是最常見的圖表之一，能看懂讀懂是必修課，能繪制便是非常重要的選修課。

2.為什么需要業(yè)務(wù)流程圖？

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

3.業(yè)務(wù)流程圖的兩種圖表類型

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

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

image

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

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

（2）UML活動圖

UML中共定義了13種圖，如下，其中用例圖、活動圖和順序圖用的比較多。

image

UML細(xì)分了各種圖，分別在不同的角度來描述系統(tǒng)流程，在本質(zhì)上，UML各種圖均屬于流程圖。

其中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活動圖是如何來表示并發(fā)業(yè)務(wù)流程的呢？

UML活動圖也可包含為基本活動圖和泳道活動圖，表達(dá)的方式與管理業(yè)務(wù)流程圖差不多，但圖例上稍有不同（圖例區(qū)別可參考下方）。

image

同管理業(yè)務(wù)流程圖一樣，泳道讓流程中個角色的分工一目了然。一個泳道表示流程內(nèi)的一個角色，泳道內(nèi)僅僅畫出該泳道所表示角色完成的活動（判斷，并行等可以畫在任意泳道）。

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

4.兩種流程圖圖例和結(jié)構(gòu)

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

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

image

image

（2）UML活動圖

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

image

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

image

5.如何繪制流程圖？

（1）在開始繪制業(yè)務(wù)流程圖之前需要先想清楚的2個問題：

1）所要描述的是哪一段業(yè)務(wù)流程？

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

舉例

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

總結(jié)：可采用自頂向下，逐層分解的繪制方法。明確你要梳理的業(yè)務(wù)流程范圍，首先列出流程中的關(guān)鍵事件，如醫(yī)院掛號看病，掛號流程和看病流程便算是整個流程中的關(guān)鍵事件流程；再結(jié)合你分析的目的來判斷是否需要再往下層進(jìn)行分解，如取小票流程、掛號流程、繳掛號費流程、排隊看病流程。如此例，層層向下分解，直到符合你要分析的目的，當(dāng)目的是為了對某個業(yè)務(wù)流程進(jìn)行優(yōu)化時，則分解到對應(yīng)流程即可，繪制出流程圖后再進(jìn)行分析。

2）所要描述的業(yè)務(wù)流程是否涉及到參與者？

涉及到參與者的業(yè)務(wù)流程使用泳道圖來描述更簡單明了。

舉例

業(yè)務(wù)簡要描述：數(shù)學(xué)老師讓小麗幫忙把講臺上的寫了名字的語文課本送給語文老師，語文老師接下后微笑著對小麗說謝謝。

分析：包含了數(shù)學(xué)老師、小麗、語文老師這三個參與者，此時用泳道流程圖更合適。

（2）問題想明白了之后便可以對業(yè)務(wù)流程進(jìn)行梳理，進(jìn)而分解各個要素。

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

• 執(zhí)行操作：執(zhí)行了什么操作
• 順序：操作產(chǎn)生的順序
• 輸入輸出：發(fā)生操作的原因和結(jié)果
• 規(guī)則：操作產(chǎn)生的條件
• 參與者：誰參與了這個流程，可以是系統(tǒng)、可以是頁面，也可以是用戶

以上個例子為例進(jìn)行分解：

業(yè)務(wù)簡要描述：數(shù)學(xué)老師讓小麗幫忙把講臺上的寫了名字的語文課本送給語文老師，語文老師接下后微笑著對小麗說謝謝。

• 執(zhí)行操作和順序（含輸入輸出）：請求幫忙、接受幫忙、拿講臺上的語文課本、遞交課本、接收課本、道謝
• 規(guī)則：必須是寫了名字的語文課本
• 參與者：數(shù)學(xué)老師、小麗、語文老師

image

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

1）深入現(xiàn)場調(diào)查，由工作人員介紹業(yè)務(wù)處理過程。

image

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

（3）流程圖規(guī)范

• 各圖形形狀/字號統(tǒng)一。如果各個圖形形狀大小/字號相差懸殊，這對于理解圖形的人也是一種折磨，對于某個比較重要的流程可以使用顏色來區(qū)分其他普通流程（但顏色數(shù)量和種類不應(yīng)太多，以免重點模糊），再在該重要的流程旁加上注釋說明，就能將重點轉(zhuǎn)達(dá)給對方。
• 流程名用動賓結(jié)構(gòu)，如輸入手機號。
• 流程均以開始框開始，以結(jié)束框結(jié)束。
• 流程圖從左到右、從上到下排列。
• 流程線盡量不要交叉。

6.常見的繪制流程圖的工具

（1）在線工具

• ProcessOn：https://www.processon.com/
• draw.io：https://www.draw.io/

（2）客戶端

• Microsoft Visio
• edraw億圖
• xmind
• omniGraffle（mac）
• StarUML

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

作者：小圣，個人微信公眾號：hi_xiaosheng，簡書賬號：小圣。