B端產品設計3大流程圖:業務流程圖、功能流程圖、頁面流程圖

2020-12-08 人人都是產品經理

本文介紹了B端產品設計的三個流程圖：業務流程圖、功能流程圖、頁面流程圖，與大家分享！

B端產品往往涉及複雜的業務關係和場景，線下業務一般會涉及到採購、銷售、物流、財務、人力、倉管等多個不同的部門和角色。

如何用產品支撐B端業務落地是一項非常有挑戰性的工作，要求產品經理既要有對宏觀的把控能力，又要有對細節的專注力。

B端產品設計分為業務問題診斷、產品整體方案設計、產品細節方案設計幾個階段，在不同階段，我們需要藉助不同類型的流程圖來幫助我們理清思路。

一、業務問題診斷：業務流程圖

1. WHY：為什麼要畫業務流程圖

B端業務一般比較複雜，如果對業務沒有清晰的認知就盲目開始產品設計，很容易陷入細節而失去全局概念；後期往往會被推倒重來，多做很多無用功。

因此，產品經理在正式開始產品設計前必須先梳理業務流程，並與業務人員共同診斷業務問題、優化業務流程、確定系統範圍。

對業務問題的診斷主要通過業務調研的方式進行，業務流程圖就是我們業務調研的結論。

  • 明確調研目標：戰略層、戰術層、執行層；
  • 選取調研對象：一般包括高管、中層管理者、一線業務人員等；
  • 確認調研方法：經常使用的方法有深度訪談、調研問卷、行業研究等；
  • 執行調研計劃：每天結束後要整理素材或資料，進行復盤；
  • 總結歸納輸出：產出詳細的調研報告，梳理業務流程圖。

2. WHAT：什麼是業務流程圖

業務流程圖是一種描述管理系統內各單位、人員之間的業務關係、作業順序和管理信息流向的圖表。

它用一些規定的符號及連線表示某個具體業務的處理過程,幫助分析人員找出業務流程中的不合理流向。

業務流程圖描述的是完整的業務流程，以業務處理過程為中心，一般沒有數據的概念。

3. How：如何繪製業務流程圖

業務流程圖一般用泳道圖來繪製，通常縱向表示角色，將業務流程從頭至尾梳理清楚。

如果部分業務過程已在其他系統實現，則可以在泳道圖增加橫向泳道，梳理業務在不同系統之間的邏輯關係。

如果業務流程過於複雜，也可以繪製多級流程圖，將子流程展開為二級或者三級流程圖，進一步描述業務情況。

4. 業務流程圖示例

二、產品整體方案設計：功能流程圖

1. WHY：為什麼要繪製功能流程圖

經過業務問題診斷階段，我們梳理出了業務流程圖。但是業務流程絕對不等同於系統功能，如何將線下的業務活動通過系統實現甚至加以優化，正是產品經理的價值所在。

通過繪製功能流程圖，能夠幫助我們自上而下地思考，進一步理解業務需求，梳理產品設計思路，從系統設計的角度對業務各個參與方進行思考。

2. WHAT：什麼是功能流程圖

功能流程圖是描述系統或者模塊內部功能流向的圖表。

3. HOW：如何繪製功能流程圖

功能流程圖一般也是用泳道圖來繪製，通常橫向表示各個相關系統，縱向表示角色。

如果流程牽涉的系統和角色太多，可以嘗試調整泳道順序，避免流程交叉在一起，影響觀感。

4. 功能流程圖示例

三、產品細節方案設計：頁面流程圖

1. WHY：為什麼要繪製頁面流程圖

業務流程圖經過產品和業務部門共同評審後，可以進入產品細節方案設計階段。

在產品細節方案設計階段，我們需要更進一步地考慮功能如何在系統中實現，產品經理需要考慮用戶完成某項功能需要訪問的頁面以及各頁面之間的跳轉順序。

繪製頁面關係圖能夠幫助我們思考產品的邏輯，梳理產品流程，在腦海中搭建起大致的產品輪廓。

2. WHAT：什麼是頁面流程圖

頁面流程圖是描述系統功能實現路徑的圖表。

3. HOW：如何繪製頁面流程圖

頁面流程圖內容一般用一個方框表示一個頁面，方框抬頭是頁面編號和頁面名稱，可以簡單描述頁面的主要功能，各頁面之間用操作連接起來。

頁面流程圖的繪製方式比較多樣，大家找到適合自己的就可以，不必拘泥於形式。

4. 頁面流程圖示例

在繪製上述流程圖過程中，一定要特別關注異常流程。

對於經常發生的異常流程，比如合同變更、訂單終止、財務退費等等，在系統設計中也是很重要的一部分。

對於偶然發生的異常情況，如果時間有限，可以先考慮通過其他流程能夠終止和重新發起，在時間允許的情況下再進行進一步設計。

 

作者：夏至，微信公眾號：B端產品進階

本文由 @夏至 原創發布於人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基於CC0協議

相關焦點

  • B端產品設計3大流程業務流程圖、功能流程圖、頁面流程圖
    本文介紹了B端產品設計的三個流程圖：業務流程圖、功能流程圖、頁面流程圖，與大家分享！B端產品往往涉及複雜的業務關係和場景，線下業務一般會涉及到採購、銷售、物流、財務、人力、倉管等多個不同的部門和角色。如何用產品支撐B端業務落地是一項非常有挑戰性的工作，要求產品經理既要有對宏觀的把控能力，又要有對細節的專注力。B端產品設計分為業務問題診斷、產品整體方案設計、產品細節方案設計幾個階段，在不同階段，我們需要藉助不同類型的流程圖來幫助我們釐清思路。一、業務問題診斷：業務流程圖1.
  • B端產品如何畫好流程圖?
    本文舉了幾個案例，分析了B端產品畫好流程圖的方法與要點。一、線框圖的分類1. 線框圖的必要性作為一個B端產品經理，如果在工作中遇到需要從0到1搭建一個產品，我們該如何開始呢？B端產品的特性決定了在產品設計時，業務流程繁多，涉及到的後期使用角色多樣化，職能分工細化，以及每個用戶對產品的訴求不一樣，這就需要我們在前期從0到1開始務必明確產品的業務流程以及角色對應的功能。2.
  • 產品流程圖2020全新模板!高大上的流程圖製作軟體
    二、產品流程圖特點產品流程圖能夠清晰的展示一個產品生成過程中各部分之間的關係，一目了然。產品流程圖特點是能夠使各個項目的職責分工、授權批准和覆核驗證等控制措施與功能完整清晰地展示出來，便於隨時根據變化進行修改。繪製產品流程圖是產品經理必備的技能。
  • 產品經理必備技能:功能流程圖
    功能流程圖的應用頻率其實沒有業務流程圖那麼高，但也非常重要。一、定義功能流程圖是描寫系統或模塊內部的功能流向的圖表。一般來講，功能流程圖描述的是單個模塊間的功能流程圖。設想如果一個龐大的系統（如淘寶、微信），讓你畫出整個的功能流程圖是不是你會瘋掉？就算你畫出來了，讓別人看到這麼「一個龐然大物」，有誰願意去看呢？所以，畫流程圖（包括業務流程圖、功能流程圖、頁面流程圖）也有個「度」的問題，即要有界限，並不是一定要畫出all，根據情況滿足需要即可。
  • 教你大廠標流程圖(第三篇)-任務,業務和功能流程圖的概念解析
    第二篇：流程圖的概念解析功能流程圖、業務流程圖和任務流程圖等網上的各種概念很多。本文就來理清這三個概念，還原背後的本質。而更重要的是通過此，構建正確的知識結構。下面是本文結論，我會一步一步說明為什麼。1. 業務流程圖只是目標而不是一種畫法2. 任務流程圖是多此一舉的概念3.
  • 產品經理如何畫流程圖?
    之前我分享了如何用xmind來整理自己的思考，今天再分享如何把自己思考的功能，通過流程圖的形式呈現出來。之所以要用流程圖的形式呈現，主要是為了程式設計師好懂，也是便於更好管理自己的產品。工作中，很多人拿到需求就火急火燎的開始畫原型，然後畫著畫著覺得有些地方沒有考慮到，又回頭去改。
  • 面對不同業務需求,B端產品如何轉化落地(含流程圖繪製教程)
    工作中我們需要繪製哪些流程圖（本文會分別介紹圖中出現的各種圖表）B端產品工作的主要內容即是將業務需求轉化為功能，然而業務和功能是如何建立聯繫的呢？>業務流程圖重點表達從角色和角色的動作；可以通過區分每個動作單元的色彩來體現該動作關聯到的產品；可以對流程的不同階段進行劃分讓流程圖更清晰、有層次。
  • 產品經理應該怎麼繪製流程圖?
    這就是產品中的主要功能點，我們在繪製流程圖之前，需要將核心的功能點進行羅列；如果實力有限，就寫在紙上，方便與理解和後期思路的整理。流程圖的主要功能點整理完成，就是將對應的業務串起來，將對應的功能點連接起來就基本上完成了一個完整的產品。怎麼樣才能將一個產品的功能連接起來？
  • 產品設計流程系列:業務流程和流程圖介紹
    後來才知道，在設計原型之前，其實還少了一個關鍵的步驟，那就是確定產品的業務流程，梳理產品的流程圖。什麼是流程圖從字面來理解，流程圖＝流程＋圖。流程，是指特定主體為了滿足特定需求而進行的有特定邏輯關係的一系列操作過程；而圖呢，就是將這些流程進行顯性化和書面化的一種表達。
  • 數據流程圖是什麼?流程圖設計一篇文章看懂!
    數據流程圖常見用途1.通常用於介紹官方流程，如報名流程、乘車流程等。2.也常用於報告、調查等書面文體中方便讀者比較清晰地看到整個大綱。3.使用也可用於它幫助自己理清複雜的線索、思路等。數據流程圖繪製軟體——億圖圖示億圖圖示是一個設計型的可視化工具，在任何場合都可以用來展示創意和思維。軟體內置260多種繪圖類型，豐富的模板集素材可以幫助辦公人士快速繪製流程圖、思維導圖、商務圖表、組織結構圖、甘特圖、地圖、線框圖、數據模型圖、UML以及網絡拓撲圖等專業圖形，提高工作效率。
  • 製作人人喜歡的流程圖,三步教會你繪製大廠流程圖
    業務人員：看了流程圖，好明確自己在其中做什麼，或者對工作流程提出不同意見。2. 研發人員：看了流程圖，好進行相關的研發設計。3. 給自己：看了流程圖便於自己梳理邏輯，不需要給任何人看。那麼我們就以例子來看問題，相關人等對流程圖都有什麼疑問呢？
  • 業務流程圖怎麼做?畫業務流程圖的軟體有哪些?
    業務流程圖是一種常見的流程圖，它是由流程線條、文字和幾何圖框組成的。業務流程圖可以用於說明在某些前提下，發生某種動作可以帶來某種結果。在本篇文章，會和大家介紹怎樣做業務流程圖，業務流程圖的詳細作用。業務流程圖的作用和價值業務流程圖有什麼作用呢？其實，不論在工作還是在生活中，都有它的運用之處。
  • 如何正確的畫出功能流程圖?
    混入業務維度特別容易把業務模塊也畫到功能流程圖裡面。區分你的功能流程圖裡面有木有業務模塊並不難。唯一的判斷標準是該圖中的每個節點都應該是這個產品中真實存在的功能名稱，否則應該是混入了其他東西。真正的難點在於如何將業務流程映射成合理的功能流程，以及功能流程如何映射成恰當的業務流程。
  • 大數據架構流程圖
    流程圖來源：ioDraw.com大數據管理數據處理過程圖大數據(big data),指無法在一定時間範圍內用常規軟體工具進行捕捉、管理和處理的數據集合,是需要新處理模式才能具有更強的決策力、洞察力。大數據處理的主要流程包括數據收集、數據存儲、數據處理、數據應用等主要環節。隨著業務的增長,大量和流程、規則相關的非結構化數據也爆發式增長。平臺數據架構流程圖標準大數據平臺架構,標準大數據平臺架構,大數據平臺架構,數據倉庫,數據集市,大數據平臺層級結構,數據挖掘,舉報,包含該模版的分享。
  • 系統流程圖是什麼?2020新版流程圖設計軟體超好畫
    系統流程圖常見用途1.系統分析員利用系統流程圖，全面了解系統業務處理概況的過程，並以此為依據做進一步分析。2.系統流程圖是系統分析員、管理員、業務操作員相互交流的工具。3.可利用系統流程圖來分析業務流程的合理性，發現問題，分析不足，改進處理過程。
  • 大家常用什麼流程圖工具?分享業務流程圖的繪製技巧
    說到繪製流程圖，這就讓我想起了我的職場實習階段，那時候我連套用流程圖模板都不會。以前，大家覺得說流程圖的作用不大，只要自己心裡知道每個項目、業務的進展就好了。事實證明，流程圖裡面每一個清楚的步驟都幫助我們更好地了解項目、業務進展，直接提高工作效率。
  • 流程圖怎麼做?分享一些流程圖的繪製方法
    流程圖怎麼做?現在流程圖被應用在很多的方面了,比如說業務流程圖,數據流程圖,程序流程圖,工藝流程圖,採購流程圖,生產流程圖等。所以說學會製作流程圖還是挺重要的,下面給大家分享兩種實用的流程圖繪製方法,感興趣的小夥伴可以學習試試呀!
  • 項目流程圖怎麼畫?流程圖製作步驟詳解
    億圖圖示適用於PC端包括Windows、Mac和Linux各大系統平臺，還可以打開億圖在線直接使用。操作流暢便利，輕鬆實現多場景覆蓋使用。億圖產品近年來的用戶量持續不斷增長，好評連連。為什麼選擇億圖圖示繪製項目流程圖？
  • 案例分析:繪製流程圖需要注意哪些事項?
    流程圖應用於許多領域，在網際網路產品設計中，無論是產品經理、互動設計師，或者開發人員，都經常接觸到各種類型的流程圖。流程圖不應該考驗閱讀者的理解能力，因此如何繪製清晰簡潔的流程圖，值得深入思考。本文將結合案例，說明網際網路產品設計中，互動設計師繪製相關流程圖需要注意的事項。
  • 繪製業務流程圖用什麼工具?簡單方便的流程圖繪製教程
    平時，大家都有什麼可以提高工作效率的好方法呢，我的方法是繪製流程圖。加入職場以後，發現很多事項、任務給到我們處理、完成的時間並不多，要是不找對方法就會手忙腳亂。所以，我平時都會畫流程圖，通過它更熟悉業務進度。