流程圖和産品文檔以及原型圖一樣，都是日常産品工作中經常用來表達業務邏輯和産品邏輯的載體，這一小節主要從三個方面介紹流程圖的相關知識，分别是：1.基本定義（what）:流程圖是什麼；2.為什麼要畫（why）：流程圖的意義和作用；3.如何畫（how）：流程圖的基本畫法。下文會分别介紹三個模塊的詳細内容，整體内容框架如圖3-1所示。

圖3-1流程圖的基本理解框架和畫法

1.為什麼要畫流程圖（Why）

如圖3-2所示，産品流程圖最早來自于UML，UML是來自軟件工程專業裡的術語，中文名稱叫做：統一建模語言，用于可視化說明，構建一個開發的面向對象的軟件密集系統的開放方法。

在UML系統開發中有三個主要的模型：功能模型：從用戶的角度展示系統的功能，例如用例圖等。對象模型：采用對象、屬性、操作，關聯等概念展示系統的結構和基礎，包括類别圖和對象圖等。動态模型：用來展現系統的内部行為，包括序列圖，活動圖，狀态圖。

圖3-2 産品流程圖的由來

而UML動态模型中的活動圖就是産品流程圖的專業描述，關于産品流程圖，行業内有多種定義描述，筆者認為最通俗且貼切的一種定義為：“流程圖=流程 圖”。流程：是特定主體進行特定活動産生的一系列邏輯關系。圖：通過标準化的符号及連線将活動邏輯關系可視化表達的載體。

按照不同的劃分标準，可以定義出多種不同維度的流程圖類型，如圖3-3所示。按表達對象主體劃分，可劃分為：業務流程圖（在流程圖中主要描述的是主體是業務邏輯）；數據流程圖（在流程圖中主要描述的主體是數據流）；程序流程圖（主要描述的主體是程序軟件的操作流程）；系統流程圖（同時在流程圖中體現系統的操作程和數據流）等。

圖3-3 産品流程圖的分類

按照流程圖的表現形式劃分，可劃分為：一般流程圖（不在多個角色之間穿插交互，如果描述過程中需要其他角色參與，則用簡單的動賓短語進行直接描述）；泳道流程圖（在多個角色之間進行流程的穿插交互）。

按照複雜程度劃分，可劃分為：基本流程圖（隻描述整理大緻的流程框架，省略細節流程）；完整流程圖（要求詳細的畫出整體流程的每一個細節）。

以上劃分标準列舉出了産品工作中常見流程圖類型，讓我們對流程圖的類型有了一個全面的認識。

圖3-4列舉了畫流程圖的過程中的一些常用符号，流程圖符号就相當于語言的語法，遵守語法邏輯是建立有效溝通的前提，同樣符号的規範使用是規範化流程圖輸出前提。所以在實際畫流程圖的過程中盡量使用标準符号，以避免引起歧義和誤解。

圖3-4 流程圖繪制的常用符号

工欲善其事，必先利其器。關于繪制流程圖常用的工具，簡單的流程圖，筆者個人喜歡直接在Axure中畫，複雜一點的流程圖一般使用Visio來畫，當然還有其它很多優秀的線下/線上關于流程的繪制工具，這裡不做過多的介紹。

2.為什麼要畫流程圖（Why）

面對複雜的業務流程和流轉邏輯描述時，語言描述和文本描述則顯得很無力，往往沒有流程圖表達的清晰和簡潔。 一張清晰簡明的流程圖，不僅能幫助産品經理更好的描述業務邏輯，還能幫助我們查漏補缺，避免功能流程、邏輯上出現遺漏，确保流程的完整性。流程圖能讓思路更清晰、邏輯更清楚，有助于程序的邏輯實現和有效解決實際問題。

流程圖除了具備以上的宏觀優勢之外，還具備以下細節的優點：

（1）可以作為設計原型圖功能邏輯和交互邏輯的依據；

（2） 流程圖的存在無論是業務邏輯變更還是産品流程問題定位都是一個很好的依據和參照；

（3）具有知識傳承和信息建設的作用，新人接手已有的産品可以通過流程圖快速的了解業務邏輯，而不是通過已經更新叠代了多次的功能頁面去反推業務邏輯；

（4） 流程圖輸出的過程也是産品經理理解和梳理業務邏輯的過程，有利于對業務流程的理解并加深記憶。

所以，在實際的産品工作中，一點要認真的畫好産品流程圖。

3.如何畫流程圖（How）

流程圖的畫法主要分為以下四個步驟：

（1）調研：梳理實際活動流程的發生順序和邏輯關系，體現在在實際的産品工作中，要明确實際的業務邏輯和産品邏輯。

（2）梳理呈現：指的是流程圖實際繪制的過程，一個完整的流程圖需要有開始和結束，開始與結束形成了整個程流的完整閉環，且一個流程圖隻能有一個開始，但是可以有多個結束。這裡要強調的是，在現實的流程中，往往會有多個角色同時開始進行一個活動，但是體現在流程圖上，隻能出現一個開始元素，以保證此流程圖代表的是一個獨立完整的活動。如果一個流程中多個角色同時開始，則需要使用泳道圖，用同一個開始符号貫穿多個角色，如圖3-5所示。

圖3-5 多個角色同時開始

其次，當多個角色同時結束時，如果最終在各自的流程中結束，則分别在自己的角色泳道中畫出接觸符号。如果最終都結束在某個角色的流程中，則在該角色泳道内畫出結束符号，其它角色的流程最後統一指向該角色泳道内的結束符号。

最後，要了解繪制流程圖三種基本結構，如圖3-6：順序結構、選擇結構、循環結構。以及四種基本畫法：選擇、并行、合并、彙合，關于基本結構和基本畫法會在後面的小節通過具體案例做詳細介紹。

最後使用基本要素對整個流程進行校驗，流程圖時候包含了整個活動的參與者，是否描述了整個活動的所有邏輯，結構和符号時候規範标準；

圖3-6流程圖繪制的常用結構

（3）評審确認：流程圖輸出後需要和相關活動的參與者進行評審确認，如果評審過程中發現存在沒有窮盡的流程或者錯誤描述的流程，則對現有的流程圖進行修訂，修訂之後重新進行評審直至所有人員達成共識。

（4）發布/歸檔：評審通過可對對流程圖進行發布或歸檔，以作為産品設計和知識傳承的依據。

需要注意的問題：

1. 繪制流程圖時，為了提高流程圖的邏輯性，應遵循從左到右、從上到下的順序排列，為了提升閱讀體驗可以在每個元素上用阿拉伯數字進行标注。

2. 從開始符開始，以結束符結束。開始符号隻能出現一次，而結束符号可出現多次。

3.當各項步驟有選擇或決策結果時，需要認真檢查，避免出現漏洞，導緻流程無法形成閉環。

4.連接線盡量避免交叉。

5.相同流程圖符号大小需要保持一緻。

6.處理并行關系，并行符号可以放在同一高度。

7.必要時應采用注釋，用來清晰地說明流程含義。

8.流程圖中，如果有參考其他已經定義的流程（子流程），不需重複繪制，直接用已定義流程符号即可。

9.盡量使用通用的符号，不要自己創造符号以免造成歧義。

10. 以閱讀對象的閱讀體驗為最終目的，必要時可以犧牲部分規範。

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!