本文舉了幾個案例，分析了B端產品畫好流程圖的方法與要點。
一、線框圖的分類
1. 線框圖的必要性
作為一個B端產品經理，如果在工作中遇到需要從0到1搭建一個產品，我們該如何開始呢？
B端產品的特性決定了在產品設計時，業務流程繁多，涉及到的後期使用角色多樣化，職能分工細化，以及每個用戶對產品的訴求不一樣，這就需要我們在前期從0到1開始務必明確產品的業務流程以及角色對應的功能。
2. 線框圖的分類
①流程圖
以特定的圖形符號加上說明，表示算法的圖，稱為流程圖或線框圖。流程圖是流經一個系統的物流、信息流、資金流等的圖形代表。在線下產品業務流轉中，流程圖主要用來說明某一過程。是對業務流程的梳理，原型設計的基礎。
②實體關係圖
ER模型，全稱為實體聯繫模型、實體關係模型或實體聯繫模式圖。提供了表示實體型、屬性和聯繫的方法，用來描述現實世界的概念模型。實體關係圖表示在信息系統中概念模型的數據存儲。
③數據流程圖
一種能全面地描述系統數據流程的主要工具，它用一組符號來描述整個系統中信息的全貌，綜合地反映出信息在系統中的流動、處理和存儲情況。抽象性指的是數據流程圖把具體的組織機構、工作場所、物質流都去掉，只剩下信息和數據存儲、流動、使用以及加工情況。概括性則是指數據流程圖把系統對各種業務的處理過程聯繫起來考慮，形成一個總體。
④用例圖
用例圖是指由參與者、事件、邊界以及它們之間的關係構成用於實現某一目的而進行的活動圖形展示。
二、線框圖的詳細案例
1. 流程圖要素及繪製要點
流程圖的基本要素：一般流程圖主要表明個體在什麼時間幹了什麼，什麼節點結束。下圖為一些基本流程圖要素，包含：開始/結束、判斷、流程、子流程、外部數據、注釋等，一般工作中常用的就這些。
①流程圖的繪製要點
A 確定流程圖中涉及到的系統
比如在電商整個系統中，涉及到的系統就有前端用戶端、訂單系統、客服系統、運營系統、採購系統、倉儲系統、配送系統、財務系統等，要考慮每個系統使用者的角色以及在整個業務流程中的作用，確定每個系統的邊界點，如下圖一般電商的業務流程圖，流程貫穿了不同的系統，在系統裡需要流轉的業務就是系統設計的價值。
B 確定流程圖中涉及的角色
具體到一個系統中，就涉及到不同角色，這個時候就需要在繪製流程圖時具體到角色的層面，如在倉儲系統設計中，一個商品從入庫到出庫，進過了驗貨、籤收、確認清單、入庫房、盤點、定期質檢、揀貨、出庫、到和配送系統交互，倉儲管理人員是分工比較明確的，些具體每個角色執行哪些動作都需要在流程圖展示出來。
C 確定流程圖涉及節點狀態
在具體到某個系統某個角色在執行到某個動作時，我們需要單獨出這些執行點不同的狀態。如在電商系統中，對於用戶來說訂單的狀態有：待付款、待發貨、待收貨、待評價。流程圖的狀態圖對於後期開發幫助很大，一般這種流程圖需要放到一個單獨文件裡，供開發閱讀。
D 流程圖的分級
一個產品涉及的業務很多，這個時候我們需要對流程圖分層，比如在B端產品中，會涉及到付款和收款流程，在畫一級流程圖中，主要還是明確業務流程，對於收款和付款，只是在流程表明有這個動作，具體收款和付款的細則，比如哪些人審核，哪些人付款，哪些人核銷，在在子流程中去展示，這個流程一般就是收款或者說付款流程。
如下圖是一般B端產品付款流程，這個流程對於一級流程來說就是一個子流程，相關人員在一級流程中只會看到收款這一動作，想看具體如何收款，需要到二級流程中繼續查看。即下方這個詳細流程。
E 繪製注意點
一般流程圖都是上進、左進，右出、下出，多個流程節點最好不要交叉，不然閱讀起來不舒服，尤其遇到業務流程比較複雜的，最好按照規範，看起來乾淨，容易理解，會節省大家的閱讀成本。尤其是多個相關人士閱讀時，節省下來的價值就很高了。
2. 實體關係圖要素及繪製要點
①基本要素
一般包含數據對象、數據對象之間的聯繫等，詳見下方圖例。
②實體圖的繪製要點
主要是讓開發明白當前主體和其對應關係的圖例，如在物流系統設計中，一個託運人託運的貨物，可能被配載到不同車上，即一個運單對應幾個配載單。這些都需要標示清楚。又比如一批貨需要存放到倉庫裡，這批貨有多個貨物，全部放到一個倉庫裡，同時這個倉庫又對應多個管理員。如下圖圖例。
3. 用例圖
用例圖主要的作用有三個：獲取需求、指導測試，在整個過程中的其它工作流起到指導作用。
元素之間的關係用例圖中包含的元素除了系統邊界、角色和用例，另外就是關係。關係包括用例之間的關係，角色之間的關係，用例和角色之間的關係。如下圖：
用戶在電商查看商品詳情併購買下單，商家確定訂單信息，包含付款信息、商品信息、收貨地址等信息，這些都屬於具體的用例。
三、後話
在調研並整理出這些流程圖、用例圖後，我們需要和研發評審這些業務流程，讓開發人員早點介入項目中，當然這時候開發並不需要多做什麼，只是早點熟悉業務。
產品人員在和開發確定沒問題後，把這些圖形分類打包，並上傳到大家都可以看到的地方，注意流程圖的一級、二級等一定要命名標示清楚，不然相關人員閱讀起來費力。
在確定業務流程沒問題後，我們就需要考慮產品的形態和展示，具體到原型圖的繪製。搞明白每個角色對應的角色和功能後，我們就可以根據場景、使用者的不同，去細分產品。
比如在物流系統中，有業務人員只負責錄單，那我們就可以考慮把這個功能做到手持設備上，這些業務員只使用這一個功能，避免了和其他功能冗雜在一起，輕便，同時又符合業務場景，做到真正系統為業務服務。
作者：Shirley的折騰。
本文由 @ Shirley的折騰 原創發布於人人都是產品經理。未經許可，禁止轉載
題圖來自Unsplash，基於CC0協議