本文會包含幾塊內容：
1. 什么是流程圖？流程圖和其他圖表（如線框圖，概念圖，架構圖，用例圖）有什么不同？
2. 為什么需要流程圖？
3. 流程圖的分類？
4. 如何繪制流程圖？
5. 流程圖繪制工具
第一部分：什么是流程圖？
第二部分：流程圖與其他圖表的對比
線框圖，信息架構圖或站點地圖，用例圖(Use Case)或E-R圖
如果要串到某一個項目來說，可以理解成：
用例圖（Use Case）：
表現了一個角色在系統里要完成的活動是什么，比如用戶這個角色與ATM取款機的交互過程中，用戶需要完成的活動有存錢，取錢，查詢等。而存錢這個活動再可以進一步細分為插卡，輸入密碼，輸入金額，ATM吐鈔，用戶收款，退卡等活動。用例圖可以不考慮用戶動作的前后次序，而僅僅提取一些關鍵的動賓短語，映射出系統應該滿足的功能點。常用用例圖的人是產品經理和開發工程師。
流程圖則表示用戶每一個活動的前后次序，比如用戶必須要先插入銀行卡，才能夠輸入密碼，且流程圖必須直接表現出各種異常判斷，比如當密碼錯誤時，出現什么提示，密碼輸入錯誤超過多少次時，出現什么提示和動作。常用流程圖的人是產品經理，設計師，或者任何需要講述業務如何運作的人。
信息架構圖,站點地圖(Site Map)：
表現為了做一個這樣的系統，功能與內容的展現層次是什么，比如用戶一進去后，歡迎頁面的導航如何設計，是否直接出現取款，存款，查詢，或者還有別的導航？常用信息架構圖的是設計師。但是常用組織架構圖的是HR。
線框圖（Wireframe）：
將具體每個界面的內容布局和權重表達出來，且標注出一些交互細節的設計，比如當密碼錯誤后，如何提示下一步動作。常用線框圖的人是設計師。
實體關系圖(E-R圖):
則是數據庫架構的工作，表示一個業務系統或場景中的實體時間的關系，比如儲戶與銀行卡的關系是歸屬1對多，通過開卡事件產生關聯。一般來講，用矩形來表示實體，橢圓標識這個實體的屬性，比如儲戶這個實體的屬性有：姓，名，手機號碼，住址等。而銀行卡的屬性有：開戶行，開戶名稱，銀行卡號等。
以上的這些圖表各自都有領域的專家，我這里就不班門弄斧了。
那么流程圖要體現出他的差異定義，要素是什么？總結出了流程圖的6大要素，希望大家能夠記住，這6個要素可以在以后的文章里不斷回顧，你也可以拿來判斷你所看到的流程圖是否專業。
信息架構圖,站點地圖(Site Map)：
表現為了做一個這樣的系統，功能與內容的展現層次是什么，比如用戶一進去后，歡迎頁面的導航如何設計，是否直接出現取款，存款，查詢，或者還有別的導航？常用信息架構圖的是設計師。但是常用組織架構圖的是HR。
線框圖（Wireframe）：
將具體每個界面的內容布局和權重表達出來，且標注出一些交互細節的設計，比如當密碼錯誤后，如何提示下一步動作。常用線框圖的人是設計師。
實體關系圖(E-R圖):
則是數據庫架構的工作，表示一個業務系統或場景中的實體時間的關系，比如儲戶與銀行卡的關系是歸屬1對多，通過開卡事件產生關聯。一般來講，用矩形來表示實體，橢圓標識這個實體的屬性，比如儲戶這個實體的屬性有：姓，名，手機號碼，住址等。而銀行卡的屬性有：開戶行，開戶名稱，銀行卡號等。
那么流程圖要體現出他的差異定義，要素是什么？
- 參與者：誰在這個流程中？可以是系統，可以是個打印機，更多的指什么角色——一般是有某種工種的人。比如客服同時有小A和小B兩人，但是若他們的工作性質完全一樣，那么在流程圖里只需要寫一個客服角色就可以了。
- 活動：做了什么事，比如點餐，結帳等活動。
- 次序：這些事情發生的前后順序如何，哪個任務是其他任務的前置條件？比如客人不結帳，就不會產生送他優惠卡的活動。
- 輸入：每項活動開始取決於什么樣的輸入物或數據，比如做飯的師傅開始做菜時，需要拿到具體的點菜單。
- 輸出：每項活動結束后，會輸入什么樣的文檔或數據傳遞給下一方，比如師傅做好菜后，如何讓負責傳菜的人知道菜已經做好？
- 標准化：采用一套標准化的符號用以傳遞你的流程圖，從而使受眾更快明白。
關於流程圖的標准化，並不是強制的，事實上，我們見過很多種類的流程圖，只要能夠傳遞明白任務和次序其實已經歸類於流程圖了。如下面的圖：
流程圖的分類？
常見的流程圖有業務流程圖（Transaction Flow）, 頁面流程圖（Page Flow）。
在工作中，作為UED，你可能會發現PD經常談的是業務流程，而作為交互設計師，我們更多產出的是頁面流程圖。頁面流程圖和業務流程圖到底有什么關系呢？ 先有誰，其次再有誰呢？
從戰略、戰術、業務流程圖到頁面流程圖的關系了總結下：
先是有一個業務需求和業務目標，也即我們的願景是什么？（戰略）
然后就誕生了我們需要分解出什么樣的任務，如何執行戰術？（戰術）
然后就誕生了需要架構什么部門，崗位去分工協作？（組織架構）
然后就誕生了不同的部門在協作完成某件任務時的業務流程？（業務流程）
業務流程基本穩定后，往往會考慮優化效率，所以會誕生出系統來支持流程，減少人肉環節，促進數據采集（系統願景）
為了設計這個系統，PD需要思考什么功能能夠取代某個環節的人肉工作（功能需求，系統流程）
不管是怎么樣的功能最終都會以界面的方式呈現，設計師們會關注用戶在系統里的任務流，行為路徑，讓用戶完成任務更加高效愉悅。（頁面流程）(如何繪制頁面流程圖？)
當然，除了業務流程，系統流程，頁面流程，還有數據流程被人關注。
我們平時工作中，還會經常聽人談到泳道圖啊，任務流程圖啊等等概念，究竟是神馬關系呢？
泳道圖在某些文檔里會被稱為“以活動為單位的流程圖”，浮在泳道中的都是一個個活動。
流程圖的應用場景之一：培訓
在此場景中：流程圖能夠提供一種快速了解業務如何運作的視圖，通過業務流程圖，新員工能夠快速明白業務的最終目標是什么，中有哪些角色在參與以及他們的職責，以及彼此之間的聯接。
除了培訓新員工，在員工輪崗、調職場景中，員工也需要業務流程圖參考，明白新的工作內容如何開展，以及自己所處的位置，自己的上游是誰，下游是誰，自己需要交付的工作內容是什么。
流程圖的應用場景之二：流程優化
通過看業務流程圖，找關鍵節點的人訪問，能夠直接切入：為什么要這么做，為什么不這么做？從而探索出更深層次的問題，而不是問：你們現在怎么做？
第三部分：為什么需要業務流程圖？
流程圖可以提供一種簡單扼要的“縮略俯瞰圖”，幫助觀眾快速了解業務如何運轉。它包含了幾個關鍵詞：誰，什么時候，在什么條件下，做了什么事情，輸入什么，輸出什么，輸出給誰……