• 可關注公眾號：圓珠筆LeeLen 查看原文章

• 不知道從什么時候開始發現生活中和工作中一個問題：因為一個專業名詞的定義，爭論的不可開交，仔細想來，是因為我們都喜歡一個名詞的專有定義，因為沒有一個固定的答案，吵到最后大家都會去百度，google，等等…找一個標準的答案cai罷休，否則容易斷章取義，其實雙方談論的已經不是同一個事情了，但這個是九年義務教育造成的，你我改變不了，只能相互提醒罷了。

  1、 流程圖的定義

  每個學計算機的小伙伴都應該知道，在大學的時候有一門課程叫<操作系統>，首先提到的流程圖的概念，我也是搬過來而已，因為它權威流程圖：使用特殊符號加上說明，表示算法思路的圖；使用對象：產品經理、開發、設計師特點：按照主體進行的次序排布，不同順序會有不同的結果； 目的： 1、查漏補缺，檢驗是否有遺漏的分支流程 2、傳達需求，用流程圖來更好地表達產品邏輯 3、保證產品的使用邏輯合理順暢

  2、流程圖的意義

  流程圖為觀眾快速了解業務提供一種簡明扼要、直觀的概述，直觀簡明的看到：某個主體在什么時候，什么條件下，做了什么事情，得到了什么結果，這個圖可以在具體的工作場景中得到運用；

  1、產品評審會

  流程圖能夠提供一種快速了解業務如何運作的視圖，通過業務流程圖，新員工能夠快速明白業務的最終目標是什么，中有哪些角色在參與以及他們的職責，以及彼此之間的聯接。除了培訓新員工，在員工輪崗、調職場景中，員工也需要業務流程圖參考，明白新的工作內容如何開展，以及自己所處的位置，自己的上游是誰，下游是誰，自己需要交付的工作內容是什么。

  2、優化流程與重組

  通過調研，分析業務流程圖，引入更多角色，能夠分析出目前業務流程的問題：缺失，重復，風險，效率等等。從而制定相應的優化方案。

  3、信息化基礎

  在做系統的功能設計和系統流程設計時，必須先要了解目前業務是如何運作的呢？從而更好分析分析，更好說明系統在什么環節取代了什么類型的人肉工作？所以我們看到的PRD往往也會先以業務流程圖開始說明，而敘述一個系統建設的好處時，也可以用以前的業務流程與系統上了之后的業務流程進行對比。根據分析，將愿景中的新的業務流程圖背后需要系統的功能點撰寫清楚

  3、 流程圖的分類

  流程圖其實在高中就有所接觸，比如：條件結構、循環結構、直到型結構，在運用中也是；具體如下

  直到型 結構型 循環型

  在工作中，作為UED，你可能會發現PD經常談的是業務流程，和任務流程，而作為交互設計師，更多產出的是頁面流程圖。頁面流程圖和業務流程圖到底有什么關系呢？

  先有誰，其次再有誰呢？

  因此流程圖分為：業務流程圖、任務流程題、頁面流程圖、功能流程圖、數據流程圖

  一個需求從調研開始，到產品落地：由戰略、規劃、執行、業務、功能設計、頁面設計

  也就是：

  <1>先是有一個業務需求和業務目標，也即我們的愿景是什么？（戰略）

  <2>然后就誕生了我們需要分解出什么樣的任務，如何執行戰術？（規劃）

  <3>然后就誕生了我們需要分解出什么樣的任務，如何執行戰術？（戰術）

  <4>然后就誕生了需要架構什么部門，崗位去分工協作？（組織架構）

  <5>然后就誕生了不同的部門在協作完成某件任務時的業務流程？（業務流程）

  <6>業務流程基本穩定后，往往會考慮優化效率，所以會誕生出系統來支持流程，減少人肉環節，促進數據采集（系統愿景）

  <7>為了設計這個系統，PD需要思考什么功能能夠取代某個環節的人肉工作（功能需求，系統流程）

  <8>不管是怎么樣的功能最終都會以界面的方式呈現，設計師們會關注用戶在系統里的任務流，行為路徑，讓用戶完成任務更加高效愉悅。（頁面流程）

  1、業務流程圖

  業務流程是：

  那我們抽象一下購物的業務流程

  截屏2020-05-06上午12.01.32.png

  無論是網購還是在實體超市，都是以這三個行為為主體，然后進行擴展的。相對于大家平時看到的復雜的網購流程圖，以上的三步流程簡直簡單的令人發指，而這恰恰是印證了大道至簡的原理。我始終堅信無論再復雜的事情都能簡化為極其簡單的事情，如果你無法將其簡化，說明只是你沒有理解其核心。

  2、任務流程圖：反映出?用戶完成某個具體任務時的操作流程，是從抽象到具體的過程；

  從整體 --> 局部流程 從主干 --> 分支流程 從正常 --> 異常流程

  截屏2020-05-06上午12.14.19.png

  3、頁面流程圖：說明用戶完成一個任務，需要經過哪些頁面；

  截屏2020-05-06上午12.42.04.png

  由上圖紅框中的三個節點我們可以看出，頁面流程圖依然是包含在業務流程圖的。這恰恰符合定義中的要求，同時也印證了頁面流程圖的正確性。相較于一開始的極簡流程圖，現在的流程圖已經漸漸變得復雜了一些。我們將抽象的業務，映射在了具象的頁面上，用軟件的頁面承載起了業務需求。而以上就是由業務流程圖到頁面流程圖的轉化過程

  4、功能流程圖：指單頁面內或多頁面之間的功能操作流程，其包含在頁面流程中。

  流程圖大全.png

  由上圖紅框中的四個節點我們可以看出，功能流程圖同樣也是由頁面流程圖拓展而來的。功能流程圖是在頁面流程圖的基礎上繼續深化，變得更加復雜。同時也漸漸變得像大家日常看到的流程圖一樣。

  5、數據流程圖

  用戶在功能流程圖中的每一個操作，對應都會反映在數據流程圖中，主要表達計算機程序對于業務的實現原理；

  數據流暢圖更偏技術思維，更多的是展現后臺程序的實現原理。所以，常常是開發人員繪制此圖，而產品經理涉及較少。但隨著產品經理地不斷成長，向上提高到戰略層，而向下則會深入到實現層。理解程序的開發原理和背后的數據流轉，無疑會讓產品經理對產品設計有更加深刻的理解。

  4-67.png

  相較于之前的圖表，數據流程圖增加了新的維度——程序。客戶端在展現用戶操作行為的同時，也表達了程序在用戶行為背后的動作。而往往大家說一個產品復雜的時候，可能只注意到了它的前端交互復雜，而忽視了后端邏輯的復雜。對于一個優秀的產品經理來說，不止要關注前端的用戶體驗，更要能看清事物背后的邏輯。畢竟人人都可以對用戶體驗指手畫腳，而說到程序實現，那可就體現出產品經理的專業性來了。

  6、流程圖的畫法之一：泳道圖

  最簡單的業務流程，那么顆粒度再加深，就抽象出具體的子流程以及多活動的主體的泳道圖；泳道圖是流程圖中的一種畫法，是將流程圖中的一些流程節點按操作角色的不同而劃分

  截屏2020-05-06上午12.35.25.png

  4、 流程圖的畫法

  流程圖主要由：主干、分支、子流程構成，對于新入職了解產品有很好的幫助，對于整理、熟悉業務也有很好的幫助；

  流程圖的組成基本的元素有：

  6-52.png

  對于如何畫好流程圖，在畫流程圖的時候應該思考什么樣的問題，下邊這篇文章寫得很好，自認為無法超越，分享給大家。

  如何繪制業務流程圖

  5、 流程圖與其他圖的差異性
  1、用例圖(Use Case) 2、E-R圖(實體關系圖)

  3、線框圖(Wireframes)

  4、信息架構圖、站點地圖(Site Map) 5、信息結構圖、功能結構圖

  1、用例圖

  表現了一個角色在系統里要完成的活動是什么，比如用戶這個角色與ATM取款機的交互過程中，用戶需要完成的活動有存錢，取錢，查詢等。而存錢這個活動再可以進一步細分為插卡，輸入密碼，輸入金額，ATM吐鈔，用戶收款，退卡等活動。用例圖可以不考慮用戶動作的前后次序，而僅僅提取一些關鍵的動賓短語，映射出系統應該滿足的功能點。

  流程圖則表示用戶每一個活動的前后次序，比如用戶必須要先插入銀行卡，才能夠輸入密碼，且流程圖必須直接表現出各種異常判斷，比如當密碼錯誤時，出現什么提示，密碼輸入錯誤超過多少次時，出現什么提示和動作。常用流程圖的人是產品經理，設計師，或者任何需要講述業務如何運作的人。

  截屏2020-05-06上午1.18.11.png

  截屏2020-05-06上午1.18.56.png

  2、E-R圖(實體關系圖)

  則是數據庫架構的工作，表示一個業務系統或場景中的實體時間的關系，比如儲戶與銀行卡的關系是歸屬1對多，通過開卡事件產生關聯。一般來講，用矩形來表示實體，橢圓標識這個實體的屬性，比如儲戶這個實體的屬性有：姓，名，手機號碼，住址等。而銀行卡的屬性有：開戶行，開戶名稱，銀行卡號等。

  截屏2020-05-06上午1.21.55.png

  截屏2020-05-06上午1.23.11.png

  3、線框圖(Wireframes)

  將具體每個界面的內容布局和權重表達出來，且標注出一些交互細節的設計，比如當密碼錯誤后，如何提示下一步動作。常用線框圖的人是設計師。

  截屏2020-05-06上午1.24.41.png

  截屏2020-05-06上午1.25.06.png

  4、信息架構圖、站點地圖(Site
  Map)：表現為了做一個這樣的系統，功能與內容的展現層次是什么，比如用戶一進去后，歡迎頁面的導航如何設計，是否直接出現取款，存款，查詢，或者還有別的導航？常用信息架構圖的是設計師。但是常用組織架構圖的是HR。

  截屏2020-05-06上午1.27.15.png

  截屏2020-05-06上午1.27.39.png

  5、信息結構圖、功能結構圖

  截屏2020-05-06上午1.29.44.png

  6、 流程圖總結

  那么流程圖要體現出他的差異定義，要素是什么？總結出了流程圖的6大要素，希望大家能夠記住，這6個要素可以在以后的文章里不斷回顧，你也可以拿來判斷你所看到的流程圖是否專業

  截屏2020-05-06上午1.31.16.png

  參與者：誰在這個流程中？可以是系統，可以是個打印機，更多的指什么角色——一般是有某種工種的人。比如客服同時有小A和小B兩人，但是若他們的工作性質完全一樣，那么在流程圖里只需要寫一個客服角色就可以了。

  活動：做了什么事，比如點餐，結帳等活動。

  次序：這些事情發生的前后順序如何，哪個任務是其他任務的前置條件？比如客人不結帳，就不會產生送他優惠卡的活動。

  輸入：每項活動開始取決于什么樣的輸入物或數據，比如做飯的師傅開始做菜時，需要拿到具體的點菜單。

  輸出：每項活動結束后，會輸入什么樣的文檔或數據傳遞給下一方，比如師傅做好菜后，如何讓負責傳菜的人知道菜已經做好？

  標準化：采用一套標準化的符號用以傳遞你的流程圖，從而使受眾更快明白。

  關于流程圖的標準化，并不是強制的，事實上，我們見過很多種類的流程圖，只要能夠傳遞明白任務和次序其實已經歸類于流程圖了

  7、 流程圖工具 工欲善其事必先利其器，這句話我還是深信不疑的，那么找幾個工具供大家選擇

  截屏2020-05-06上午1.35.45.png

  任何復雜事物都可以拆解為最小單元，然后由最小單元逐漸還原復雜事物。圖片素材是找資料的，如有雷同，侵權，可以通知我撤掉。

  可關注公眾號：圓珠筆LeeLen 查看原文章

總結

以上是生活随笔為你收集整理的**产品经理之流程图**的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。