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

流程是為了達到特定的目標而進行的一系列有邏輯性的操作過程，它可以不規(guī)范呢诬、可以充滿問題涌哲，但它確確實實存在著尚镰。只要有事情或任務阀圾，就會有流程的存在狗唉，將有一定規(guī)律的流程用圖表表示出來可以讓流程可視化初烘，從而有利于流程的重組優(yōu)化。

在工作中分俯，我們常用到的流程圖有：業(yè)務流程圖肾筐、頁面流程圖和數(shù)據(jù)流程圖缸剪。作為產品，經常談的是業(yè)務流程圖杏节；作為交互設計師，則比較關心頁面流程圖镊逝；而作為系統(tǒng)分析師，數(shù)據(jù)流程圖最關鍵撑蒜。

本文主要講述業(yè)務流程圖。

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

一减江、什么是業(yè)務流程圖捻爷？

二份企、為什么需要業(yè)務流程圖也榄？

三、業(yè)務流程圖的兩種圖表類型

四降宅、兩種流程圖常用符號和結構

五、如何繪制業(yè)務流程圖腰根？

六拓型、常見的繪制流程圖的工具

一、什么是業(yè)務流程圖劣挫？

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

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

二、為什么需要業(yè)務流程圖莲镣？

分析業(yè)務流程，并將業(yè)務流程圖表化可以幫助分析者了解業(yè)務如何運轉的圆，幫助分析者找到業(yè)務流程中不合理的流向。現(xiàn)有產品存在的業(yè)務流程未必是合理的越妈，通過業(yè)務流程圖钮糖，鉆研關鍵事件的流程梅掠，分析為什么要這么做，探索出更深層次的問題酪我，從而對現(xiàn)有不合理的業(yè)務流程進行重組優(yōu)化且叁，進而制定優(yōu)化方案都哭，改進現(xiàn)有流程逞带。

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

三教寂、業(yè)務流程圖的兩種圖表類型执庐？

1、管理業(yè)務流程圖

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

圖1：基本流程圖&泳道圖

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

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

2僻造、UML活動圖

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

圖2：UML定義的13種圖

UML細分了各種圖宝泵，分別在不同的角度來描述系統(tǒng)流程好啰，在本質上儿奶，UML各種圖均屬于流程圖。

其中UML中活動圖同管理業(yè)務流程圖類似可用于表示業(yè)務過程闯捎，唯一的區(qū)別是活動圖支持并行行為。傳統(tǒng)的流程圖著重描述處理過程秉版，它的主要控制結構是順序娱仔、分支和循環(huán)沐飘，各個處理過程之間有嚴格的順序和時間關系牲迫；而UML活動圖描述的是對象活動的順序關系所遵循的規(guī)則，它著重表現(xiàn)的是系統(tǒng)的行為盹憎，而非系統(tǒng)的處理過程。

那UML活動圖是如何來表示并發(fā)業(yè)務流程的呢影晓？

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

圖3：UML活動圖表示并發(fā)業(yè)務流程

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

【總結】管理業(yè)務流程圖或UML活動圖均可以用來表達業(yè)務流程些己，具體使用哪種圖來表達業(yè)務流程可以憑君喜好，但要遵循一定的符號結構直颅，不要混搭。不過要表達并行行為的還是使用UML活動圖吧功偿。

四往堡、兩種流程圖常用符號和結構？

1虑灰、管理業(yè)務流程圖

管理業(yè)務流程圖的常用符號如下，其基本結構包含：順序結構穆咐、選擇（分支）結構、循環(huán)結構对湃。

圖4：管理業(yè)務流程圖常用符號

圖5：管理業(yè)務流程圖基本結構

2拍柒、UML活動圖

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

圖6：UML活動圖常用符號

同步線：分岔是有一個進入轉換，兩個或多個離開轉換掉缺；而匯合則是兩個或多個進入轉換戈擒，一個離開轉換。

圖7：UML活動圖-同步線

五搜囱、如何繪制流程圖柑土？

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

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

在畫流程圖之前先確定業(yè)務流程起終點，是截取某一段業(yè)務進行詳細描述坛增，還是整體業(yè)務模塊進行描述。不可能將所有的流程都放到一個圖里展示收捣，也不可能大而籠統(tǒng)不畫出關鍵事件庵楷，要學會劃分業(yè)務流程范圍罢艾，把握粒度尽纽。

【舉例】還是以醫(yī)院掛號看病為例蜓斧，先掛號再看病。整個流程下來其實可以細分為兩個流程挎春，分別為掛號流程和看病流程豆拨；甚至粒度可以再細點能庆，分為取小票流程、掛號流程搁胆、繳掛號費流程、排隊看病流程等渠旁，但很明顯，單獨分析取小票流程和繳掛號費流程粒度過小粤铭，沒有實際意義杂靶。

【總結】可采用自頂向下梆惯，逐層分解的繪制方法吗垮。明確你要梳理的業(yè)務流程范圍，首先列出流程中的關鍵事件烁登，如醫(yī)院掛號看病，掛號流程和看病流程便算是整個流程中的關鍵事件流程蚀之；再結合你分析的目的來判斷是否需要再往下層進行分解捷泞，如取小票流程足删、掛號流程锁右、繳掛號費流程、排隊看病流程咏瑟。如此例，層層向下分解兄旬，直到符合你要分析的目的，當目的是為了對某個業(yè)務流程進行優(yōu)化時领铐，則分解到對應流程即可，繪制出流程圖后再進行分析绪撵。

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

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

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

【分析】包含了數(shù)學老師喇聊、小麗摔桦、語文老師這三個參與者承疲，此時用泳道流程圖更合適鸥咖。

2、問題想明白了之后便可以對業(yè)務流程進行梳理啼辣，進而分解各個要素。

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

1）執(zhí)行操作：執(zhí)行了什么操作

2）順序：操作產生的順序

3）輸入輸出：發(fā)生操作的原因和結果

4）規(guī)則：操作產生的條件

5）參與者：誰參與了這個流程盏缤，可以是系統(tǒng)、可以是頁面台舱，也可以是用戶

以上個例子為例進行分解：

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

1）執(zhí)行操作和順序（含輸入輸出）：請求幫忙、接受幫忙诡蜓、拿講臺上的語文課本胰挑、遞交課本、接收課本瞻颂、道謝

2）規(guī)則：必須是寫了名字的語文課本

3）參與者：數(shù)學老師廉邑、小麗属百、語文老師

圖8：舉例分析

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

1）深入現(xiàn)場調查责掏，由工作人員介紹業(yè)務處理過程湃望。

圖9：現(xiàn)場調查流程

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

3泛源、流程圖規(guī)范

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

2）流程名用動賓結構溪王，如輸入手機號。

3）流程均以開始框開始莹菱，以結束框結束。

4）流程圖從左到右迹缀、從上到下排列。

5）流程線盡量不要交叉祝懂。

六拘鞋、常見的繪制流程圖的工具

1、在線工具

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

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

Microsoft Visio

edraw億圖

xmind

omniGraffle（mac）

StarUML

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