産品工作裡畫流程圖的重要性不用多說，流程圖一般在寫需求文檔、畫原型前不可缺少的一步。

一個完整、清晰的流程圖，會給之後的畫原型、寫文檔、需求評審等減少很多不必要的事。

我們下邊就聊聊流程圖該咋畫~

業務流程圖、跨職能流程圖、頁面流程圖、UML用例圖等等等等一大堆。

隻要流程圖能夠清晰準确，畫的人可以梳理明白，看的人可以看懂流程，達到畫流程圖的目的就行。

不過我們先了解下每個流程圖是個什麼東西。

業務流程圖：一般描述完整的業務流程，重點突出業務處理過程。

舉個小例子：

跨職能流程圖：也叫泳道圖。突出顯示流程中各個步驟、各個職能角色之間的關系。

舉個小例子：

頁面流程圖：以每個頁面為一個步驟，展現每個頁面之間的關系。

UML：統一建模語言，是比較專業的一門語言。

其實就是說：

如果我們想梳理業務，可以畫出個簡單的業務流程圖，把關鍵路徑梳理出來。

如果我們系統内的涉及到多角色，我們想知道角色之間在流程中需要做什麼，可以選擇使用跨職能流程圖，也就是泳道圖，來進一步梳理整體業務。

當業務弄清楚，需要梳理涉及到哪些頁面、頁面之間的層級關系時，我們可以畫出頁面流程圖，來幫助我們梳理頁面之間的跳轉關系。

1、找到關鍵路徑

确定關鍵路徑，就是在業務中重要的關鍵點。

找到每個關鍵點中的開始與結束、前後順序關系。

把主線流程梳理明白，一條線的能夠順下來。

我們以手機号 密碼登錄流程圖為例，先把關鍵步驟梳理出來：

2、補充支線流程與異常流程

基于主線流程，将需要分支流程補充完畢。

分支流程一般是在需要進行“是/否”選擇時出現。補充不同的條件下引起的分支流程。

分支流程補充完畢後，需要思考每個流程是否存在“失敗”的情況，并補充異常的流程，并保證異常流程能在整個流程中走通。

我們也可以看看泳道圖示例：

3、最後過一遍流程

流程圖畫完後，一定要在過一遍流程，檢查全部的流程走向，判斷是否有遺漏、是否仍有異常流程沒有考慮到。

4、優化下流程圖樣式

當流程圖畫完後，我們可以适當調整流程圖的美觀度，這一步是不是必須的，好看的樣式都是要基于清晰的流程，好看隻是錦上添花。

流程圖到底要畫多細是我每次畫流程圖都會遇到的問題

粗了說不清楚，細了又太多太亂。

我總結了下，想确定顆粒度，需要先确定以下問題：

1、畫流程圖的目的是幹什麼？

如果想優化流程，就可以畫的顆粒度中等一點，關鍵路徑 次一級的路徑就行。

如果你剛接盤别人的項目，想梳理明白業務流程，就要從粗到細一點點的梳理了。

2、流程圖是給誰看的？

如果流程圖是給自己看的，我喜歡能畫多細就畫多細，這樣自己才能有更高的高度看流程。

如果流程圖給客戶看，就要突出流程圖的關鍵點，減少不必要的流程。

3、這次的流程圖是要突出說明什麼？

如果是新增了一個子模塊，但是涉及到與其他模塊的交互，就完全可以簡化已有模塊，突出新增的子模塊流程。

以上問題确定後，大家會對顆粒度有個大緻判斷。

流程圖，還是個圖。直接說我總結的幾點美化方式：

1、圖形：按照标準使用流程圖的圖形，常用的圖形含義見下圖。另外圖形大小保持一緻，圖形要對齊。

2、線條：線條用來展示連接2個圖形，盡量不要讓線條交叉。線條能直起來，就别彎。線寬考慮保持一緻

3、文字：用來解釋說明，表意要準确得當、文字精簡單能答意。避免口語化，别出現錯别字。語法一緻，統一使用動詞 名詞。字體适中。

4、配色：色調統一，不要有過于明亮的顔色。在流程圖裡，相同的圖形可以使用相同的顔色。

5、排版：按照流程圖走向，從左到右，從上到下

6、間距：避免擁擠，間距盡量保持一緻。

7、對齊：上下居中對齊，左右居中對齊

還有一個注意點就是，存在多個判斷時，盡量将“是”的方向保持一緻，“否”的方向保持一緻。

另外，最重要的一點是：好看是次要的，清晰完備的流程圖才是最重要的。

别糾結工具

常見的有Visio、ProgressOn，另外Axure也能畫、ppt也能畫。隻要能夠清晰的表達，工具根本就不重要。

關于工具的使用有一點：

我們需要和團隊成員使用相同的工具，因為文件是要留存分享的。給别人一個無法編輯的源文件，總歸是不太好。

上邊講解了流程圖基本的繪制方法，不過在實際工作中，常常有很多複雜業務，如何清晰完備的繪制出流程圖，就要看每個産品經理的真正功力了。

Axure自帶的組件裡就有流程圖，但是樣式太醜~

我自己設計了一些簡單百搭的樣式，有需要的可以直接在公衆号産品大鹿，發送“流程圖”，即可領取。

------------ End ------------

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