分享常用的流程圖工具「產品經理流程圖工具」

業務流程圖是產品狗在工作中最常用的，但也是最容易被忽略的，業務流程圖就像產品界的西紅柿炒雞蛋，人人都會炒，但不是人人都炒的好吃，這篇文章將從兩個方面來解讀如何畫出一份合格的業務流程圖。

一、業務流程基礎知識

1.1 什麼是業務流程圖

任何一件事兒都是有流程的，就像你炒盤菜，你需要買菜、擇菜、洗菜、炒菜、裝盤。比如我們要設計一個用戶註冊的功能，那用戶需要走的路徑就是註冊的流程。

在產品設計中，業務流程圖就是一個過程文件，就好比是我們建大樓的建築圖紙，產品設計說白了就是流程設計，凡是產品需求必需要有流程圖，要不然很容易出問題；

如果你想做一名合格的產品經理，必須要有畫流程圖的能力，這樣在需求評審時，跟研發大大PK的能力也大大提升。如果你的流程圖沒有問題，後面的頁面流程圖、原型、需求文檔及需求評審都會問題不大。

1.2 基本的業務流程圖包括什麼？

1. 事項：要做什麼事情，用戶進來的目標是什麼？
2. 用戶：什麼樣的用戶會走這個流程？
3. 信息：從開始到結束，這條數據是怎麼跑的？
4. 出問題了怎麼處理？

下面我拿網易蝸牛讀書的登錄功能的業務流程圖做一下解析：

圖1

事項，是用戶要完成登錄的流程，他進來的目標是要登錄網易蝸牛讀書。

用戶，是想登錄的老用戶，新用戶一般會走註冊流程。

信息，輸入網易手機賬號和手機號，輸入密碼或驗證碼，最後登錄成功。

異常怎麼辦？輸入手機號是否為11位的正確手機號，如不是，提示：請輸入正確的手機號，如果是驗證碼登錄，輸入圖形驗證碼，後台判斷是否正確，如果不正確，無法獲取簡訊驗證碼，並提示：圖形驗證碼輸入錯誤，如果正確，獲取簡訊驗證碼，輸入簡訊驗證碼，再校驗簡訊驗證碼是否正確，不正確給予提示，這是異常的流程及處理方法。

1.3 畫業務流程圖有哪些規則？

有很多剛入行的產品童鞋都喜歡把業務流程圖畫的五顏六色，流程圖的形狀也用的各式各樣的，比如我有位小可愛同事就是這樣子的，問她為啥這樣畫，她說，這樣子多好看啊。你那樣子畫太單調了（我是平靜臉）。

小可愛的業務流程圖

那如何規範的畫一份業務流程圖呢？下面我羅列出了部分常用的業務流程符號和它們所表示的是啥：

二、案例：業務流程圖怎麼畫？

下面我們以 「網易蝸牛讀書-網易手機賬號」 註冊為例來說說，單通道的業務流程圖怎麼畫。

2.1 單通道的業務流程圖怎麼畫？

第一步：要明確用戶及其需要完成什麼樣的事情：用戶是需要用手機賬號註冊的用戶，任務呢，是要完成註冊的過程。

第二步：要明確開始和結束分別是什麼：開始是輸入手機號，那結束呢是完成。

第三步：要明確流程的先後順序，順序決定了用戶體驗好不好：它的先後順序是點擊網易手機賬號-輸入驗證碼-判斷有沒有註冊過，如果沒有，再輸入圖形驗證碼-獲取手機驗證碼-輸入驗證碼，最後註冊成功。這基本上是一個核心的流程。

第四步：會出現哪些異常，這些異常出現了，要怎麼辦？：異常就是手機號是否已經註冊，是否正確。圖形驗證碼是否正確。簡訊驗證碼是否正確，是否過期。這裡是兩個不同的維度，如果錯誤，就回到重新填寫驗證碼步驟，如果過期 ，就重新獲取驗證碼。

第五步：去優化和調整你的業務流程圖：比如：用戶點擊「網易手機賬號」，你是需要默認勾選「同意服務條款和隱私條款」，還是需要用戶自己去勾選？這裡當然是默認勾選更好一點，減少了用戶操作步驟。

第六步：輸出你的流程圖，結合自己的工作方式輸出到文檔里或原型或郵件等等。

2.2 複雜的業務流程圖怎麼畫？

複雜的流程很難表達清楚，這裡我們需要進行角色的拆分了。做複雜的業務流程圖會用到泳道圖，可以突出用戶操作、後端系統、前端頁面之間的邏輯關係，以及如何運作。

第一：分析功能的關鍵邏輯：看都有什麼人參與到功能裡面，這些人分別扮演了什麼角色，分別要做什麼事情。不同角色要完成的任務是不一樣的。

第二：明確用戶與任務：明確所有參與用戶與系統，系統也作為一個參與角色。這些參與者之間有什麼關係，是上下級關係，還是上下游關係。所有參與者，最終的目標是什麼？

第三：明確開始與結束的路徑：每個功能模塊中，從哪裡開始，到哪裡結束，一般開始和結束只有一個，如果結束太多的話，就意味著用戶會懵掉。有些功能流程還需要區分一下時間段，比如跑腿業務，它分下單前、下單中、下單後等。

第四：確定功能模塊與核心路徑：有哪些功能模塊會參與到這個流程中，流程中核心流向一定要清晰。如果核心流程不清晰，用戶一定會懵。

第五：不斷調整優化流程圖順序，合併異常流程：異常流程考慮清楚，儘可能的細化。

第六：合併或拆分流程有依據：先複雜後簡單，先加法後減法，把能想到的都梳理出來，然後再調研相關產品，進行合併、分析。

2.3 業務流程圖有哪些規範呢？

1. 流程圖的形狀、顏色、字型大小要統一，每個流程都要有開始和結束，而流程圖中只能有一個開始，結束可以有多個，但是最多別超過3個。
2. 流程圖應該從形狀的左端或上端注入，從右端或下端流出，從左到右、從上至下的排列，而且連接線不可以交叉。
3. 除了有判斷，否則流程圖的箭頭不可以有回調，而每個判斷只有兩種結果：是和否。

2.4 畫流程圖都用哪些工具？

Windows系統可以用：Axure rp9、Visio、Mindjet MindManager 2019等；

Mas OS系統可以用：Axure rp9、OmniGraffle 7、My Draw、Edraw等；還有一些在線的像Process On、MindFlow、AsciiFlow等等。