B端產(chǎn)品如何畫好流程圖?

7 評(píng)論 35664 瀏覽 287 收藏 10 分鐘

本文舉了幾個(gè)案例,分析了B端產(chǎn)品畫好流程圖的方法與要點(diǎn)。

一、線框圖的分類

1. 線框圖的必要性

作為一個(gè)B端產(chǎn)品經(jīng)理,如果在工作中遇到需要從0到1搭建一個(gè)產(chǎn)品,我們?cè)撊绾伍_始呢?

B端產(chǎn)品的特性決定了在產(chǎn)品設(shè)計(jì)時(shí),業(yè)務(wù)流程繁多,涉及到的后期使用角色多樣化,職能分工細(xì)化,以及每個(gè)用戶對(duì)產(chǎn)品的訴求不一樣,這就需要我們?cè)谇捌趶?到1開始務(wù)必明確產(chǎn)品的業(yè)務(wù)流程以及角色對(duì)應(yīng)的功能。

2. 線框圖的分類

①流程圖

以特定的圖形符號(hào)加上說(shuō)明,表示算法的圖,稱為流程圖或線框圖。流程圖是流經(jīng)一個(gè)系統(tǒng)的物流、信息流、資金流等的圖形代表。在線下產(chǎn)品業(yè)務(wù)流轉(zhuǎn)中,流程圖主要用來(lái)說(shuō)明某一過(guò)程。是對(duì)業(yè)務(wù)流程的梳理,原型設(shè)計(jì)的基礎(chǔ)。

②實(shí)體關(guān)系圖

ER模型,全稱為實(shí)體聯(lián)系模型、實(shí)體關(guān)系模型或?qū)嶓w聯(lián)系模式圖。提供了表示實(shí)體型、屬性和聯(lián)系的方法,用來(lái)描述現(xiàn)實(shí)世界的概念模型。實(shí)體關(guān)系圖表示在信息系統(tǒng)中概念模型的數(shù)據(jù)存儲(chǔ)。

③數(shù)據(jù)流程圖

一種能全面地描述系統(tǒng)數(shù)據(jù)流程的主要工具,它用一組符號(hào)來(lái)描述整個(gè)系統(tǒng)中信息的全貌,綜合地反映出信息在系統(tǒng)中的流動(dòng)、處理和存儲(chǔ)情況。抽象性指的是數(shù)據(jù)流程圖把具體的組織機(jī)構(gòu)、工作場(chǎng)所、物質(zhì)流都去掉,只剩下信息和數(shù)據(jù)存儲(chǔ)、流動(dòng)、使用以及加工情況。概括性則是指數(shù)據(jù)流程圖把系統(tǒng)對(duì)各種業(yè)務(wù)的處理過(guò)程聯(lián)系起來(lái)考慮,形成一個(gè)總體。

④用例圖

用例圖是指由參與者、事件、邊界以及它們之間的關(guān)系構(gòu)成用于實(shí)現(xiàn)某一目的而進(jìn)行的活動(dòng)圖形展示。

二、線框圖的詳細(xì)案例

1. 流程圖要素及繪制要點(diǎn)

流程圖的基本要素:一般流程圖主要表明個(gè)體在什么時(shí)間干了什么,什么節(jié)點(diǎn)結(jié)束。下圖為一些基本流程圖要素,包含:開始/結(jié)束、判斷、流程、子流程、外部數(shù)據(jù)、注釋等,一般工作中常用的就這些。

①流程圖的繪制要點(diǎn)

A 確定流程圖中涉及到的系統(tǒng)

比如在電商整個(gè)系統(tǒng)中,涉及到的系統(tǒng)就有前端用戶端、訂單系統(tǒng)、客服系統(tǒng)、運(yùn)營(yíng)系統(tǒng)、采購(gòu)系統(tǒng)、倉(cāng)儲(chǔ)系統(tǒng)、配送系統(tǒng)、財(cái)務(wù)系統(tǒng)等,要考慮每個(gè)系統(tǒng)使用者的角色以及在整個(gè)業(yè)務(wù)流程中的作用,確定每個(gè)系統(tǒng)的邊界點(diǎn),如下圖一般電商的業(yè)務(wù)流程圖,流程貫穿了不同的系統(tǒng),在系統(tǒng)里需要流轉(zhuǎn)的業(yè)務(wù)就是系統(tǒng)設(shè)計(jì)的價(jià)值。

B 確定流程圖中涉及的角色

具體到一個(gè)系統(tǒng)中,就涉及到不同角色,這個(gè)時(shí)候就需要在繪制流程圖時(shí)具體到角色的層面,如在倉(cāng)儲(chǔ)系統(tǒng)設(shè)計(jì)中,一個(gè)商品從入庫(kù)到出庫(kù),進(jìn)過(guò)了驗(yàn)貨、簽收、確認(rèn)清單、入庫(kù)房、盤點(diǎn)、定期質(zhì)檢、揀貨、出庫(kù)、到和配送系統(tǒng)交互,倉(cāng)儲(chǔ)管理人員是分工比較明確的,些具體每個(gè)角色執(zhí)行哪些動(dòng)作都需要在流程圖展示出來(lái)。

C 確定流程圖涉及節(jié)點(diǎn)狀態(tài)

在具體到某個(gè)系統(tǒng)某個(gè)角色在執(zhí)行到某個(gè)動(dòng)作時(shí),我們需要單獨(dú)出這些執(zhí)行點(diǎn)不同的狀態(tài)。如在電商系統(tǒng)中,對(duì)于用戶來(lái)說(shuō)訂單的狀態(tài)有:待付款、待發(fā)貨、待收貨、待評(píng)價(jià)。流程圖的狀態(tài)圖對(duì)于后期開發(fā)幫助很大,一般這種流程圖需要放到一個(gè)單獨(dú)文件里,供開發(fā)閱讀。

D 流程圖的分級(jí)

一個(gè)產(chǎn)品涉及的業(yè)務(wù)很多,這個(gè)時(shí)候我們需要對(duì)流程圖分層,比如在B端產(chǎn)品中,會(huì)涉及到付款和收款流程,在畫一級(jí)流程圖中,主要還是明確業(yè)務(wù)流程,對(duì)于收款和付款,只是在流程表明有這個(gè)動(dòng)作,具體收款和付款的細(xì)則,比如哪些人審核,哪些人付款,哪些人核銷,在在子流程中去展示,這個(gè)流程一般就是收款或者說(shuō)付款流程。

如下圖是一般B端產(chǎn)品付款流程,這個(gè)流程對(duì)于一級(jí)流程來(lái)說(shuō)就是一個(gè)子流程,相關(guān)人員在一級(jí)流程中只會(huì)看到收款這一動(dòng)作,想看具體如何收款,需要到二級(jí)流程中繼續(xù)查看。即下方這個(gè)詳細(xì)流程。

E 繪制注意點(diǎn)

一般流程圖都是上進(jìn)、左進(jìn),右出、下出,多個(gè)流程節(jié)點(diǎn)最好不要交叉,不然閱讀起來(lái)不舒服,尤其遇到業(yè)務(wù)流程比較復(fù)雜的,最好按照規(guī)范,看起來(lái)干凈,容易理解,會(huì)節(jié)省大家的閱讀成本。尤其是多個(gè)相關(guān)人士閱讀時(shí),節(jié)省下來(lái)的價(jià)值就很高了。

2. 實(shí)體關(guān)系圖要素及繪制要點(diǎn)

①基本要素

一般包含數(shù)據(jù)對(duì)象、數(shù)據(jù)對(duì)象之間的聯(lián)系等,詳見下方圖例。

②實(shí)體圖的繪制要點(diǎn)

主要是讓開發(fā)明白當(dāng)前主體和其對(duì)應(yīng)關(guān)系的圖例,如在物流系統(tǒng)設(shè)計(jì)中,一個(gè)托運(yùn)人托運(yùn)的貨物,可能被配載到不同車上,即一個(gè)運(yùn)單對(duì)應(yīng)幾個(gè)配載單。這些都需要標(biāo)示清楚。又比如一批貨需要存放到倉(cāng)庫(kù)里,這批貨有多個(gè)貨物,全部放到一個(gè)倉(cāng)庫(kù)里,同時(shí)這個(gè)倉(cāng)庫(kù)又對(duì)應(yīng)多個(gè)管理員。如下圖圖例。

3. 用例圖

用例圖主要的作用有三個(gè):獲取需求、指導(dǎo)測(cè)試,在整個(gè)過(guò)程中的其它工作流起到指導(dǎo)作用。

元素之間的關(guān)系用例圖中包含的元素除了系統(tǒng)邊界、角色和用例,另外就是關(guān)系。關(guān)系包括用例之間的關(guān)系,角色之間的關(guān)系,用例和角色之間的關(guān)系。如下圖:

用戶在電商查看商品詳情并購(gòu)買下單,商家確定訂單信息,包含付款信息、商品信息、收貨地址等信息,這些都屬于具體的用例。

三、后話

在調(diào)研并整理出這些流程圖、用例圖后,我們需要和研發(fā)評(píng)審這些業(yè)務(wù)流程,讓開發(fā)人員早點(diǎn)介入項(xiàng)目中,當(dāng)然這時(shí)候開發(fā)并不需要多做什么,只是早點(diǎn)熟悉業(yè)務(wù)。

產(chǎn)品人員在和開發(fā)確定沒問題后,把這些圖形分類打包,并上傳到大家都可以看到的地方,注意流程圖的一級(jí)、二級(jí)等一定要命名標(biāo)示清楚,不然相關(guān)人員閱讀起來(lái)費(fèi)力。

在確定業(yè)務(wù)流程沒問題后,我們就需要考慮產(chǎn)品的形態(tài)和展示,具體到原型圖的繪制。搞明白每個(gè)角色對(duì)應(yīng)的角色和功能后,我們就可以根據(jù)場(chǎng)景、使用者的不同,去細(xì)分產(chǎn)品。

比如在物流系統(tǒng)中,有業(yè)務(wù)人員只負(fù)責(zé)錄單,那我們就可以考慮把這個(gè)功能做到手持設(shè)備上,這些業(yè)務(wù)員只使用這一個(gè)功能,避免了和其他功能冗雜在一起,輕便,同時(shí)又符合業(yè)務(wù)場(chǎng)景,做到真正系統(tǒng)為業(yè)務(wù)服務(wù)。

 

作者:Shirley的折騰。 ?公眾號(hào):Shirley的折騰,一個(gè)關(guān)于產(chǎn)品、心理、哲學(xué)的碎碎念小窩!

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

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 還是有些疑問:
    1、業(yè)務(wù)流程圖應(yīng)該是先行的,確認(rèn)主要流程才能確認(rèn)要什么功能,哪些是人操作,哪些是系統(tǒng)操作
    2、一級(jí)流程可以使系統(tǒng)層級(jí)的,核心操作端+各個(gè)主要的服務(wù),操作端中的操作流程+各個(gè)服務(wù)的處理流程
    3、二級(jí)應(yīng)該展開各個(gè)服務(wù)的處理流程中的具體流程,這個(gè)其實(shí)也可以拆分成操作頁(yè)面和服務(wù),每個(gè)頁(yè)面所支持的操作功能,還有系統(tǒng)的動(dòng)作
    4、基于以上流程,系統(tǒng)前端要提供什么、系統(tǒng)要處理什么才會(huì)比較清楚,二級(jí)不用再按角色展開,這個(gè)在業(yè)務(wù)流程圖已經(jīng)說(shuō)清楚了,另外再加個(gè)權(quán)限點(diǎn)配置表就好了
    5、狀態(tài)部分可能每個(gè)系統(tǒng)的狀態(tài)流都是不一樣,要說(shuō)明是哪個(gè)服務(wù)在維護(hù)狀態(tài)流

    來(lái)自廣東 回復(fù)
    1. 有推薦的各種流程圖文章嘛!同太!

      來(lái)自河北 回復(fù)
  2. 對(duì)于很多產(chǎn)品經(jīng)理來(lái)說(shuō),計(jì)劃從事 B 端產(chǎn)品,這是一個(gè)很好的方向。但是僅靠自己摸索,工作總是不得力,反復(fù)走彎路。真正了解的同學(xué)一定會(huì)知道,做B端產(chǎn)品,最難的是這些業(yè)務(wù)背后的東西能不能理清楚。

    這里向你推薦起點(diǎn)學(xué)院的B端產(chǎn)品體系課,如果你不了解這門課程,可以先來(lái)試聽B端產(chǎn)品公開課,多位10年+經(jīng)驗(yàn)的B端老司機(jī)分享B端產(chǎn)品經(jīng)驗(yàn),現(xiàn)場(chǎng)更有1V1互動(dòng),點(diǎn)擊這里,立即預(yù)約>>http://996.pm/YXrVR

    來(lái)自廣東 回復(fù)
  3. 可以WeChat交流么?

    來(lái)自廣西 回復(fù)
  4. 是用什么工具畫的

    來(lái)自浙江 回復(fù)
    1. processon

      來(lái)自北京 回復(fù)
    2. Axure 比較好用,我以前用這個(gè),需要下載軟件然后破解
      processOn 也還可以,不過(guò)問題是現(xiàn)在年費(fèi)越賣越貴了
      最近找到一款 簡(jiǎn)圖創(chuàng)作(www.jian-tu.com),模仿processOn 開發(fā)的,價(jià)格比較親民,推薦試試

      來(lái)自北京 回復(fù)