小圣 訂閱專欄

微信公眾號(hào)：小圣（hi_xiaosheng）

2017-05-31 4.6萬(wàn) 510 70

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

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

image

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

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

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

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

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

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

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

業(yè)務(wù)流程圖卖擅，顧名思義鸣奔，用來(lái)描述業(yè)務(wù)流程的一種圖，通過(guò)一些特定的符號(hào)和連線來(lái)表示具體某個(gè)業(yè)務(wù)的實(shí)際處理步驟和過(guò)程惩阶，詳細(xì)地描述任務(wù)的流程走向挎狸，一般沒(méi)有數(shù)據(jù)的概念。

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

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

分析業(yè)務(wù)流程恐锣，并將業(yè)務(wù)流程圖表化可以幫助分析者了解業(yè)務(wù)如何運(yùn)轉(zhuǎn)茅主，幫助分析者找到業(yè)務(wù)流程中不合理的流向。現(xiàn)有產(chǎn)品存在的業(yè)務(wù)流程未必是合理的土榴，通過(guò)業(yè)務(wù)流程圖诀姚，鉆研關(guān)鍵事件的流程，分析為什么要這么做玷禽，探索出更深層次的問(wèn)題赫段，從而對(duì)現(xiàn)有不合理的業(yè)務(wù)流程進(jìn)行重組優(yōu)化，進(jìn)而制定優(yōu)化方案矢赁，改進(jìn)現(xiàn)有流程糯笙。

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

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

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

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

image

基本流程圖雖然明確地說(shuō)明了整個(gè)流程首启，但卻無(wú)法清楚地說(shuō)明每步流程是由哪個(gè)角色負(fù)責(zé)的。為了有效表示各個(gè)流程是由誰(shuí)來(lái)負(fù)責(zé)的撤摸，可以通過(guò)泳道流程圖來(lái)實(shí)現(xiàn)毅桃，這樣不僅體現(xiàn)了整個(gè)活動(dòng)控制流，還能清楚知道各個(gè)角色在流程中所承擔(dān)的責(zé)任准夷。

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

（2）UML活動(dòng)圖

UML中共定義了13種圖楔绞，如下结闸，其中用例圖、活動(dòng)圖和順序圖用的比較多酒朵。

image

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

其中UML中活動(dòng)圖同管理業(yè)務(wù)流程圖類似可用于表示業(yè)務(wù)過(guò)程，唯一的區(qū)別是活動(dòng)圖支持并行行為。傳統(tǒng)的流程圖著重描述處理過(guò)程图甜，它的主要控制結(jié)構(gòu)是順序碍粥、分支和循環(huán)，各個(gè)處理過(guò)程之間有嚴(yán)格的順序和時(shí)間關(guān)系黑毅；而UML活動(dòng)圖描述的是對(duì)象活動(dòng)的順序關(guān)系所遵循的規(guī)則嚼摩，它著重表現(xiàn)的是系統(tǒng)的行為，而非系統(tǒng)的處理過(guò)程博肋。

那UML活動(dòng)圖是如何來(lái)表示并發(fā)業(yè)務(wù)流程的呢低斋？

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

image

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

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

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

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

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

image

image

（2）UML活動(dòng)圖

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

image

同步線：分岔是有一個(gè)進(jìn)入轉(zhuǎn)換，兩個(gè)或多個(gè)離開(kāi)轉(zhuǎn)換导俘；而匯合則是兩個(gè)或多個(gè)進(jìn)入轉(zhuǎn)換众旗，一個(gè)離開(kāi)轉(zhuǎn)換。

image

5.如何繪制流程圖趟畏？

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

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

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

舉例

還是以醫(yī)院掛號(hào)看病為例，先掛號(hào)再看病樟遣。整個(gè)流程下來(lái)其實(shí)可以細(xì)分為兩個(gè)流程而叼，分別為掛號(hào)流程和看病流程；甚至粒度可以再細(xì)點(diǎn)豹悬，分為取小票流程葵陵、掛號(hào)流程、繳掛號(hào)費(fèi)流程瞻佛、排隊(duì)看病流程等脱篙，但很明顯，單獨(dú)分析取小票流程和繳掛號(hào)費(fèi)流程粒度過(guò)小伤柄，沒(méi)有實(shí)際意義绊困。

總結(jié)：可采用自頂向下，逐層分解的繪制方法适刀。明確你要梳理的業(yè)務(wù)流程范圍秤朗，首先列出流程中的關(guān)鍵事件，如醫(yī)院掛號(hào)看病笔喉，掛號(hào)流程和看病流程便算是整個(gè)流程中的關(guān)鍵事件流程取视；再結(jié)合你分析的目的來(lái)判斷是否需要再往下層進(jìn)行分解，如取小票流程然遏、掛號(hào)流程贫途、繳掛號(hào)費(fèi)流程、排隊(duì)看病流程待侵。如此例丢早，層層向下分解，直到符合你要分析的目的秧倾，當(dāng)目的是為了對(duì)某個(gè)業(yè)務(wù)流程進(jìn)行優(yōu)化時(shí)怨酝，則分解到對(duì)應(yīng)流程即可，繪制出流程圖后再進(jìn)行分析那先。

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

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

舉例

業(yè)務(wù)簡(jiǎn)要描述：數(shù)學(xué)老師讓小麗幫忙把講臺(tái)上的寫了名字的語(yǔ)文課本送給語(yǔ)文老師售淡，語(yǔ)文老師接下后微笑著對(duì)小麗說(shuō)謝謝斤葱。

分析：包含了數(shù)學(xué)老師慷垮、小麗、語(yǔ)文老師這三個(gè)參與者揍堕，此時(shí)用泳道流程圖更合適料身。

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

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

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

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

業(yè)務(wù)簡(jiǎn)要描述：數(shù)學(xué)老師讓小麗幫忙把講臺(tái)上的寫了名字的語(yǔ)文課本送給語(yǔ)文老師慎颗，語(yǔ)文老師接下后微笑著對(duì)小麗說(shuō)謝謝乡恕。

• 執(zhí)行操作和順序（含輸入輸出）：請(qǐng)求幫忙言询、接受幫忙俯萎、拿講臺(tái)上的語(yǔ)文課本、遞交課本运杭、接收課本夫啊、道謝
• 規(guī)則：必須是寫了名字的語(yǔ)文課本
• 參與者：數(shù)學(xué)老師、小麗辆憔、語(yǔ)文老師

image

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

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

image

2）對(duì)現(xiàn)有業(yè)務(wù)流程的優(yōu)化腕巡。當(dāng)已經(jīng)對(duì)現(xiàn)有業(yè)務(wù)流程熟悉時(shí)玄坦，通過(guò)討論和分析，可梳理出業(yè)務(wù)流程绘沉，再通過(guò)優(yōu)化現(xiàn)有流程中不合理的地方煎楣，從而給出一個(gè)更好的流程來(lái)。

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

• 各圖形形狀/字號(hào)統(tǒng)一车伞。如果各個(gè)圖形形狀大小/字號(hào)相差懸殊择懂，這對(duì)于理解圖形的人也是一種折磨，對(duì)于某個(gè)比較重要的流程可以使用顏色來(lái)區(qū)分其他普通流程（但顏色數(shù)量和種類不應(yīng)太多另玖，以免重點(diǎn)模糊）困曙，再在該重要的流程旁加上注釋說(shuō)明表伦，就能將重點(diǎn)轉(zhuǎn)達(dá)給對(duì)方。
• 流程名用動(dòng)賓結(jié)構(gòu)慷丽，如輸入手機(jī)號(hào)绑榴。
• 流程均以開(kāi)始框開(kāi)始，以結(jié)束框結(jié)束盈魁。
• 流程圖從左到右翔怎、從上到下排列。
• 流程線盡量不要交叉杨耙。

6.常見(jiàn)的繪制流程圖的工具

（1）在線工具

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

（2）客戶端

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

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

作者：小圣车柠，個(gè)人微信公眾號(hào)：hi_xiaosheng剔氏，簡(jiǎn)書賬號(hào)：小圣。