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

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

本文介紹了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端產品如何轉化落地(含流程圖繪製教程)
    本文作者介紹了在面對較為複雜的業務時,梳理、表達、落地需求的一些經驗,並介紹過程中會用到的幾種不同類型的流程圖。工作中我們需要繪製哪些流程圖(本文會分別介紹圖中出現的各種圖表)B端產品工作的主要內容即是將業務需求轉化為功能,然而業務和功能是如何建立聯繫的呢?
  • 大數據架構流程圖
    大數據處理的主要流程包括數據收集、數據存儲、數據處理、數據應用等主要環節。隨著業務的增長,大量和流程、規則相關的非結構化數據也爆發式增長。 數據架構設計(數據架構組) 概述 總體描述 相對於業務架構和應用架構,數據架構在總體架構中處於基礎和核心地位。
  • 流程圖怎麼畫?如何輕鬆繪製流程圖
    流程圖畫得好可以讓自己的設計思路更加簡潔明了,不僅是對自己對使用者來說也會更加的方便。我們在繪製流程圖時很多朋友還是在使用手繪流程圖,其實是利用Word,PPT或者是一些專業的流程圖軟體也可以實現繪製的。下面將使用者三款工具為大家分享怎樣繪製流程圖。
  • 流程圖怎麼做?原來流程圖繪製步驟這麼簡單
    流程圖怎麼做?很多的小夥伴問到繪製流程圖的簡易方法是什麼?如大家所想,今天給大家分享一些簡單的實際操作步驟。眾所周知,流程圖是使用圖形和文字表示算法思路一種好的方法。如果我們全部使用文字描述某種事項的過程,會顯得慘澹無力。
  • 工作流程圖怎麼畫?流程圖設計超詳細教程
    工作流程圖屬於流程圖中的一種,它是通過一些符號來記錄全部工作事項。工作流程圖可以用於描述工作的順序流向,能夠清晰地展示工作中的步驟在整個系統中的位置和對應關係。通過本篇文章,我們一起來學習怎麼畫工作流程圖。
  • 以預約掛號流程為例,聊聊業務流程圖
    各處都會有自己的流程,按照流程來走可以快速達到目的,減少不必要的麻煩,當然你可以獨闢蹊徑,只要是合理的業務流向都可以進行業務優化。在工作中,我們常用到的流程圖有:業務流程圖、頁面流程圖和數據流程圖。作為產品,經常談的是業務流程圖;作為互動設計師,則比較關心頁面流程圖;而作為系統分析師,數據流程圖最關鍵。
  • 畫流程圖的軟體有哪些?手把手教你繪製流程圖
    不過,對於很多職場新人來說,畫流程圖可不是一件算得上簡單的操作,很多人畫流程圖要用很長的時間。其實,畫流程圖不用那麼麻煩的,選一款適合自己使用的軟體是關鍵。
  • 7款流程圖製作軟體大盤點!輕鬆繪製流程圖
    流程圖可能是我們使用最廣泛的一種圖形圖表,幾乎在各個領域都會用到,諸如系統流程圖、產品流程圖、數據流程圖……藉助流程圖,我們可以將事物的結構、任務的進程、甚至是算法的思路都有效視覺化。流程圖的廣泛應用,也直接催生出不少繪圖軟體,但由於開發者的不同,這些軟體在能力上存在或多或少的差異。
  • 產品經理:流程圖你都會畫嗎?
    流程圖是產品經理必不可少的技能之一,但流程圖你僅限於只會畫基本框圖和跨職能流程圖嗎?本文就來介紹下與產品經理相關的各種各樣的流程圖表現形式吧!但是,作為一名產品經理,共有哪些種類的流程圖在工作中有可能會遇到或者用到,你是不是應該要了解一二呢?說不定哪天你就需要用到其中一種。二、行為型的圖說明:作為產品崗,行為型的圖我們要著重了解,甚至是活學活用。UML活動圖UML狀態機圖UML序列圖/時序圖/順序圖UML用例圖1. UML活動圖某一個角色通過多個動作完成某項工作的過程。
  • 流程圖用什麼軟體做?好用的流程圖軟體盤點
    流程圖軟體哪個好用?經常繪製流程圖的小夥伴一定會使用流程圖軟體,如何在眾多的流程圖軟體中找到適合自己的呢?本文就來給大家盤點兩款好用的流程圖繪製工具。GitMindGitMind是一款多平臺免費在線流程圖製作軟體,匯集了泳道圖,拓撲圖、數據流圖、ER圖、分析圖以及用例圖等十多種圖形的繪製功能。通過選圖、拖動以及添加連接線這3個簡單的步驟就可以快速繪製出專業的流程圖。
  • 怎麼做流程圖以及繪製流程圖最全面的攻略
    首頁 > 傳媒 > 關鍵詞 > 流程圖最新資訊 > 正文 怎麼做流程圖以及繪製流程圖最全面的攻略
  • 教學流程圖怎麼畫?原來流程圖也可以這麼簡單繪製
    教學流程圖怎麼畫?我們知道流程圖是由很多的特殊符號與圖形組合在一起,以一種簡單的方式表示一件事情的發生過程。而我們都知道教學是一件很嚴謹的事情,很多老師為更有效率地完成教學任務,通過使用流程圖來提高學生的學習興趣,讓課堂變得更加活躍與有趣。
  • 畫簡單的流程圖用什麼軟體?這裡有數學流程圖的繪製技巧
    為了提高數學成績,徹底攻破if函數這道難題關卡,我便藉助流程圖來梳理知識點。 對於學生們來說,繪製數學流程圖的話,可以加深理解學科知識。平時,我習慣使用迅捷畫圖來繪製數學流程圖,整個畫圖過程很簡單、方便(不會耽誤太多的學習時間)。
  • 流程圖工具哪個好?迅捷畫圖怎麼樣?
    最近諮詢流程圖軟體哪個好?迅捷畫圖怎麼樣?的網友特別多,看來大家都在工作中遇到了困難,既然這麼多人想要學習如何畫流程圖,就為大家介紹一款不錯的軟體,那就是迅捷畫圖,該軟體是專門設計畫流程圖的在線軟體,就跟著我一起來繼續了解這款軟體吧!
  • 合格又好看的程序流程圖怎麼做?
    前兩天老王突然在某社交軟體上發給我一個word文檔,說讓我幫他整理一下這個文檔做成流程圖,自己忙不過來,知道我比較擅長做這個所以便想要讓我幫助做一下,事後請我吃飯哈哈哈!我一聽不就是把一個文檔製作成流程圖嘛,小Cass爺經常搞,於是我就迅速打開電腦,運行我的繪製流程圖的神器-迅捷畫圖,沒一會兒我做完了,我發給老王后,老王還倍感驚訝,問我怎麼做的速度這麼快,他還以為得等一段時間呢!我看在他請我吃飯的份上就把這種操作方法分享給他了,我尋思著這種方法應該有蠻多像老王這樣的不會知道的吧!所以我就想著整理一下出一個教程分享給大家!
  • 簡單的流程圖模板有嗎?如何繪製婚禮流程圖?
    今天,小北要為大家分享一個不一樣的製作婚禮流程的方法,那就是用流程圖來表現,至於這個流程圖怎麼做,這就是小北接下來要介紹的重點了!打開迅捷畫圖在線網頁之後,會看到下面的這個界面,因為這個畫圖工具裡有流程圖的模板,也有思維導圖的模板,我們這裡需要的是婚禮流程圖,因此,就需要先將類型定位到流程圖。
  • 電腦畫流程圖軟體哪個好?迅捷畫圖5分鐘快速製作流程圖
    電腦畫流程圖軟體哪個好?不知大家在工作中要不要繪製流程圖,它通過一些符號來記錄工作事項,描述工作要點,能清晰展示在某項工作中某個步驟的位置和重要性,所以學會繪製一份明晰的流程圖會幫助我們提高工作效率。沒接觸過又想操作的夥伴,可看看下文我在迅捷畫圖上是怎麼做的。
  • 為什麼推薦用ProcessOn畫流程圖?
    ProcessOn流程圖ProcessOn流程圖工具支持流程圖、UML圖和UI設計圖,流程圖包括常見的Flowchart、BPMN、韋恩圖等等多種類型,UML支持實例、類圖、部署圖等多種類型,UI設計圖支持Web,iOS/Android三種類型。
  • GitMind:免費在線流程圖製作軟體
    很多人在工作或者生活中有需要繪製流程圖,而流程圖的繪製,很大程度上要依賴工具來完成。不同的工具具有不同的功能,如何在眾多的流程圖軟體中找到適合自己的呢?本文就來給大家介紹一款電腦端免費在線流程圖軟體。免費在線流程圖軟體-GitMindGitMind是一款多平臺免費在線流程圖軟體,匯集了泳道圖,拓撲圖、數據流圖、ER圖、分析圖、活動圖以及用例圖等十多種圖形的繪製功能。通過選圖、拖動以及布局這3個簡單的步驟就可以快速繪製出專業的各類流程圖。
  • 5款免費好用的小眾流程圖軟體,收藏必備!
    Edraw Max億圖圖示這是一款功能非常齊全的設計製圖軟體。繪製流程圖是一項主推功能,類似於Visio,但我個人感覺億圖的ui更精緻,免費好用,學習成本還很低。億圖圖示不僅有海量的主題模板,並且因為有類似PS的鋼筆工具,還可以自己DIY繪製自己風格的流程圖。