B端產(chǎn)品設計3大流程圖:業(yè)務流程圖、功能流程圖、頁面流程圖

40 評論 145009 瀏覽 1319 收藏 7 分鐘

本文介紹了B端產(chǎn)品設計的三個流程圖:業(yè)務流程圖、功能流程圖、頁面流程圖,與大家分享!

B端產(chǎn)品往往涉及復雜的業(yè)務關系和場景,線下業(yè)務一般會涉及到采購、銷售、物流、財務、人力、倉管等多個不同的部門和角色。

如何用產(chǎn)品支撐B端業(yè)務落地是一項非常有挑戰(zhàn)性的工作,要求產(chǎn)品經(jīng)理既要有對宏觀的把控能力,又要有對細節(jié)的專注力。

B端產(chǎn)品設計分為業(yè)務問題診斷、產(chǎn)品整體方案設計、產(chǎn)品細節(jié)方案設計幾個階段,在不同階段,我們需要借助不同類型的流程圖來幫助我們理清思路。

一、業(yè)務問題診斷:業(yè)務流程圖

1. WHY:為什么要畫業(yè)務流程圖

B端業(yè)務一般比較復雜,如果對業(yè)務沒有清晰的認知就盲目開始產(chǎn)品設計,很容易陷入細節(jié)而失去全局概念;后期往往會被推倒重來,多做很多無用功。

因此,產(chǎn)品經(jīng)理在正式開始產(chǎn)品設計前必須先梳理業(yè)務流程,并與業(yè)務人員共同診斷業(yè)務問題、優(yōu)化業(yè)務流程、確定系統(tǒng)范圍。

對業(yè)務問題的診斷主要通過業(yè)務調(diào)研的方式進行,業(yè)務流程圖就是我們業(yè)務調(diào)研的結論。

  • 明確調(diào)研目標:戰(zhàn)略層、戰(zhàn)術層、執(zhí)行層;
  • 選取調(diào)研對象:一般包括高管、中層管理者、一線業(yè)務人員等;
  • 確認調(diào)研方法:經(jīng)常使用的方法有深度訪談、調(diào)研問卷、行業(yè)研究等;
  • 執(zhí)行調(diào)研計劃:每天結束后要整理素材或資料,進行復盤;
  • 總結歸納輸出:產(chǎn)出詳細的調(diào)研報告,梳理業(yè)務流程圖。

2. WHAT:什么是業(yè)務流程圖

業(yè)務流程圖是一種描述管理系統(tǒng)內(nèi)各單位、人員之間的業(yè)務關系、作業(yè)順序和管理信息流向的圖表。

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

業(yè)務流程圖描述的是完整的業(yè)務流程,以業(yè)務處理過程為中心,一般沒有數(shù)據(jù)的概念。

3. How:如何繪制業(yè)務流程圖

業(yè)務流程圖一般用泳道圖來繪制,通??v向表示角色,將業(yè)務流程從頭至尾梳理清楚。

如果部分業(yè)務過程已在其他系統(tǒng)實現(xiàn),則可以在泳道圖增加橫向泳道,梳理業(yè)務在不同系統(tǒng)之間的邏輯關系。

如果業(yè)務流程過于復雜,也可以繪制多級流程圖,將子流程展開為二級或者三級流程圖,進一步描述業(yè)務情況。

4. 業(yè)務流程圖示例

二、產(chǎn)品整體方案設計:功能流程圖

1. WHY:為什么要繪制功能流程圖

經(jīng)過業(yè)務問題診斷階段,我們梳理出了業(yè)務流程圖。但是業(yè)務流程絕對不等同于系統(tǒng)功能,如何將線下的業(yè)務活動通過系統(tǒng)實現(xiàn)甚至加以優(yōu)化,正是產(chǎn)品經(jīng)理的價值所在。

通過繪制功能流程圖,能夠幫助我們自上而下地思考,進一步理解業(yè)務需求,梳理產(chǎn)品設計思路,從系統(tǒng)設計的角度對業(yè)務各個參與方進行思考。

2. WHAT:什么是功能流程圖

功能流程圖是描述系統(tǒng)或者模塊內(nèi)部功能流向的圖表。

3. HOW:如何繪制功能流程圖

功能流程圖一般也是用泳道圖來繪制,通常橫向表示各個相關系統(tǒng),縱向表示角色。

如果流程牽涉的系統(tǒng)和角色太多,可以嘗試調(diào)整泳道順序,避免流程交叉在一起,影響觀感。

4. 功能流程圖示例

三、產(chǎn)品細節(jié)方案設計:頁面流程圖

1. WHY:為什么要繪制頁面流程圖

業(yè)務流程圖經(jīng)過產(chǎn)品和業(yè)務部門共同評審后,可以進入產(chǎn)品細節(jié)方案設計階段。

在產(chǎn)品細節(jié)方案設計階段,我們需要更進一步地考慮功能如何在系統(tǒng)中實現(xiàn),產(chǎn)品經(jīng)理需要考慮用戶完成某項功能需要訪問的頁面以及各頁面之間的跳轉(zhuǎn)順序。

繪制頁面關系圖能夠幫助我們思考產(chǎn)品的邏輯,梳理產(chǎn)品流程,在腦海中搭建起大致的產(chǎn)品輪廓。

2. WHAT:什么是頁面流程圖

頁面流程圖是描述系統(tǒng)功能實現(xiàn)路徑的圖表。

3. HOW:如何繪制頁面流程圖

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

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

4. 頁面流程圖示例

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

對于經(jīng)常發(fā)生的異常流程,比如合同變更、訂單終止、財務退費等等,在系統(tǒng)設計中也是很重要的一部分。

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

 

作者:夏至,微信公眾號:B端產(chǎn)品進階

本文由 @夏至 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議

更多精彩內(nèi)容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 這三個是先后順序嗎

    來自江蘇 回復
  2. 還有數(shù)據(jù)流程圖吧

    來自陜西 回復
  3. 頁面流程圖,表示沒太理解,框框里面和綠色圓框的關系是啥呢?

    來自北京 回復
  4. 請問收款業(yè)務流程圖中,中臺的項目管理作用是什么呢?

    回復
  5. 請教一下,在完成業(yè)務流程圖之后,需要先根據(jù)業(yè)務流程圖梳理出產(chǎn)品功能結構圖之后,再繪制功能流程圖嗎?

    來自上海 回復
  6. 簡單易懂,還是要基于對服務流程的了解完成相關的操作。受益,感謝

    來自山東 回復
  7. 已讀。2021-12-31

    來自廣東 回復
  8. 時隔半年又看了一遍

    來自廣東 回復
  9. 功能流程圖 系統(tǒng)邏輯部分應該單獨畫個泳道,區(qū)分下用戶操作和系統(tǒng)操作

    來自廣東 回復
    1. 感謝建議,確實一般會區(qū)分,也可以用虛框?qū)嵖騺韰^(qū)分~

      來自北京 回復
  10. 功能流程其實是實現(xiàn)業(yè)務流程,功能可能是以系統(tǒng)的方式實現(xiàn)、優(yōu)化,也可能這兩個流程圖差不多??梢赃@樣理解嗎?

    來自四川 回復
    1. 是的,業(yè)務流程是指線下實際生產(chǎn)經(jīng)營的場景下的流程結果,功能流程是產(chǎn)品經(jīng)理梳理后在系統(tǒng)實現(xiàn)的流程。如果線下管理比較規(guī)范,兩個流程圖可能是類似的。

      來自北京 回復
  11. 作者畫流程圖用的什么軟件?

    來自安徽 回復
    1. process on

      來自廣東 回復
    2. visio或者process on用的比較多

      來自北京 回復
  12. B端產(chǎn)品設計分為業(yè)務問題診斷、產(chǎn)品整體方案設計、產(chǎn)品細節(jié)方案設計幾個階段,在不同階段,我們需要借助不同類型的流程圖來幫助我們厘清思路。

    理清,錯了一個字

    來自北京 回復
    1. ??

      來自廣東 回復
    2. 特別細致的在看,努力學習的一枚菜雞,捂臉

      來自北京 回復
    3. 好認真的小編,都會有回復,加油

      來自廣東 回復
  13. 文字和圖片示例好像有點不一致。縱向是系統(tǒng),橫向是角色吧
    “功能流程圖一般也是用泳道圖來繪制,通常橫向表示各個相關系統(tǒng),縱向表示角色。”

    來自山東 回復
    1. 我是把“列”理解成縱向,把“行”理解成橫向啦,理解有點不一致,意思get就好~

      來自北京 回復
    2. 難道是臺灣的?哈哈
      所以之前跟臺灣的大家交流要用column和row

      回復
  14. 原來5月份看過這篇文章,但是現(xiàn)在再來看,確有了一些其他看法。首先業(yè)務流程圖在做之前需要先做UML的小人功能權限圖,昨晚以后在做流程圖,流程圖也不必向你上述那樣畫。頁面流程圖也沒必要搞這么復雜,可以利用很多軟件比如xiaopiu直接生成。

    來自江蘇 回復
    1. 感謝建議,UML小人功能權限圖太麻煩了,我一般用excel梳理功能權限。
      xiaopiu待我去研究一下,如果能直接生成那太省事啦

      來自北京 回復
    2. 想問下大佬,在流程圖之前用uml的小人權限是用來?因為我這暫時不知道有沒有涉及到,想多了解了解~~~

      回復
  15. 你好我是個小白,想請教你
    需求后,梳理邏輯,推模塊搭結構,理功能 —– 與業(yè)務流程,功能流程圖,頁面結構流程,的關系?目前有些迷茫

    來自北京 回復
    1. 業(yè)務流程圖通常是于客戶溝通后,梳理的一個線下流程大綱。
      功能流程圖是通過需求分析,轉(zhuǎn)化為產(chǎn)品設計的落地內(nèi)容。
      頁面流程圖是幫助研發(fā)評估開發(fā)時間和跳轉(zhuǎn)邏輯的

      來自四川 回復
    2. 解釋的太到位啦~

      來自北京 回復
  16. 寫的不錯

    來自廣東 回復
  17. 感覺業(yè)務流程圖僅是對業(yè)務流程的梳理,把實際的業(yè)務流程書面化的表達出來, 還沒到分析診斷

    來自上海 回復
    1. 業(yè)務流程圖只是一個承載工具,可以先把當前業(yè)務流程表現(xiàn)出來,在此基礎上與業(yè)務人員共同分析診斷,最終形成優(yōu)化的業(yè)務流程

      來自北京 回復
  18. 業(yè)務流程圖和功能流程圖感覺沒啥區(qū)別?。?/p>

    來自江蘇 回復
    1. 業(yè)務流程圖通常比較簡單,沒有具體的邏輯和細節(jié),這些都是功能流程圖要交代的。業(yè)務表示具體操作人員的動作,功能表示系統(tǒng)流轉(zhuǎn)的動作

      來自江蘇 回復
    2. 感謝大佬~受益匪淺~

      來自江蘇 回復
    3. 業(yè)務流程圖更多的是業(yè)務人員在線下的操作流程。比如在沒有系統(tǒng)的情況下,超市收銀員收款的流程就是:計算費用——收取費用——找零——整理款項。
      功能流程圖是指在系統(tǒng)上實現(xiàn)的操作流向。例如收款管理系統(tǒng)的收款功能流程是:掃描商品——查看商品列表和款項總和——確認收款。

      來自北京 回復
    4. 感謝大佬~受益匪淺

      來自江蘇 回復
    5. 功能流程和任務流程的區(qū)別呢

      來自廣東 回復
    6. 高手

      來自北京 回復
    7. 學習到了

      來自浙江 回復
    8. 文章中的頁面流程和功能流程確實畫的太像了,乍一看真的覺得沒什么區(qū)別,但是作者這里的解釋很好。就這意思

      回復