產(chǎn)品經(jīng)理應(yīng)該怎么繪制流程圖?

17 評(píng)論 31349 瀏覽 141 收藏 9 分鐘

流程圖是產(chǎn)品工作的一大基礎(chǔ),筆者對(duì)流程圖的繪制和作用、注意事項(xiàng)等做了整理。

閑來(lái)無(wú)事最近在整理流程圖,流程圖是我們需求文檔的一部分。

這個(gè)部分有什么用?怎么畫(huà)流程圖?流程圖包含哪些內(nèi)容呢?

首先我們了解一下流程圖的定義:

流程圖是表示算法、工作流或流程的一種框圖表示,它以不同類(lèi)型的框代表不同種類(lèi)的步驟,每?jī)蓚€(gè)步驟之間則以箭頭連接。這種表示方法便于說(shuō)明解決已知問(wèn)題的方法。流程圖在分析、設(shè)計(jì)、記錄及操控許多領(lǐng)域的流程或程序都有廣泛應(yīng)用。

流程圖背后可以概括了各節(jié)點(diǎn)類(lèi)型、其內(nèi)容及其他補(bǔ)充用的信息。在設(shè)計(jì)或者記錄一些簡(jiǎn)單的步驟或程序都會(huì)用得上流程圖。

與其他圖表一樣,這種圖表可以幫助可視化發(fā)生了什么事情,從而更易去理解中間的工序。

雖然有很多?生出來(lái)的版本,各目有各目的標(biāo)示方式,它們大都都有以下2種的符號(hào):

  1. 步驟:通常稱(chēng)作“活動(dòng)”,常以長(zhǎng)方形來(lái)表示;
  2. 決定:常以鉆石形來(lái)表示也就是菱形。

流程圖可以圖像化一些指定的過(guò)程,通常配合其他種類(lèi)的圖表來(lái)使用。

(備注:以上的部分信息來(lái)源自維基百科的解釋?zhuān)?/p>

一個(gè)小故事

說(shuō)的可能有一些難以理解,我們用一個(gè)小故事來(lái)說(shuō)明一下。

假設(shè)你有一家店鋪,主要的業(yè)務(wù)是買(mǎi)羊肉串,每一天需要將羊肉串整理好,放在燒烤架上進(jìn)行操作,這個(gè)操作就是烤熟賣(mài)給顧客。

那么,賣(mài)羊肉串的過(guò)程就是流程,賣(mài)羊肉串就是需求,正常的情況下我們需要知道需求,然后才開(kāi)始流程圖的繪制。

賣(mài)羊肉串的流程是什么樣的呢?核心的步驟包含以下七點(diǎn):

  1. 準(zhǔn)備原材料羊肉;
  2. 準(zhǔn)備木制簽子;
  3. 將羊肉進(jìn)行研制;
  4. 羊肉進(jìn)行切碎;
  5. 羊肉串起來(lái);
  6. 放在冰箱;
  7. 完成。

這就是產(chǎn)品中的主要功能點(diǎn),我們?cè)诶L制流程圖之前,需要將核心的功能點(diǎn)進(jìn)行羅列;如果實(shí)力有限,就寫(xiě)在紙上,方便與理解和后期思路的整理。

流程圖的主要功能點(diǎn)整理完成,就是將對(duì)應(yīng)的業(yè)務(wù)串起來(lái),將對(duì)應(yīng)的功能點(diǎn)連接起來(lái)就基本上完成了一個(gè)完整的產(chǎn)品。

怎么樣才能將一個(gè)產(chǎn)品的功能連接起來(lái)?

這就需要和相對(duì)應(yīng)的人員確定需求,確定對(duì)應(yīng)的思路。這一個(gè)步驟在溝通中,需要再三確定,不然,后面的開(kāi)發(fā)頁(yè)面會(huì)頻繁的修改和調(diào)整對(duì)應(yīng)的頁(yè)面邏輯。

繼續(xù)回到賣(mài)羊肉串的例子中,將前期最主要的東西準(zhǔn)備好了,接下來(lái)就是準(zhǔn)備烤羊肉串的流程。

假設(shè)在你的店鋪里面來(lái)了一位顧客C,C點(diǎn)了十串羊肉串,微辣、不要孜然。

這時(shí)候你拿到了單子,看了一眼單子,首先將準(zhǔn)備好的羊肉串拿出來(lái),其次進(jìn)行操作,也就是烤羊肉串;期間放了少許辣椒,沒(méi)有加孜然,不斷翻轉(zhuǎn),在燒烤過(guò)程中觀察對(duì)應(yīng)羊肉串的顏色;最后估摸著時(shí)間差不多就端上去給顧客,顧客吃完這個(gè)流程就結(jié)束。

期間對(duì)應(yīng)的顧客提出的要求,就是我們工作中遇到對(duì)應(yīng)的人員的提出的需求;我們需要將對(duì)應(yīng)的需求進(jìn)行記錄和收集整理,在一定的時(shí)間段集中進(jìn)行解決和處理。

在寫(xiě)需求文檔之前,最好是先梳理流程圖,因?yàn)榱鞒虉D能夠完整展示你的產(chǎn)品的整體業(yè)務(wù)邏輯。

在繪制流程圖之前,我們會(huì)發(fā)現(xiàn)很多小細(xì)節(jié),流程圖的頁(yè)面跳轉(zhuǎn)等這些東西。

在流程圖繪制完成之后,你寫(xiě)需求文檔基本上就很快,因?yàn)槟愕倪壿嬕呀?jīng)是清晰的,思路已經(jīng)整理完成了,剩下的就是將對(duì)應(yīng)的功能頁(yè)面元素進(jìn)行補(bǔ)充就可以了。

案例分享

分享一下我整理的需求文檔,希望大家可以有所參考;如果項(xiàng)目進(jìn)度時(shí)間著急,對(duì)應(yīng)的流程圖可以不要過(guò)于詳細(xì)。

此界面的流程圖,是簡(jiǎn)單的登錄和找回密碼功能,具體是賬號(hào)密碼登錄和找回密碼,也就是密碼的重置,對(duì)應(yīng)的功能我們?cè)诋a(chǎn)品的日常中很常見(jiàn)。

說(shuō)幾點(diǎn)繪制流程圖的注意事項(xiàng):

  • 不要相信自己的大腦:每個(gè)人的大腦存儲(chǔ)的信息是有限的,不能一直記著,所以最好的方式就是找一張白紙,在上面進(jìn)行草圖的繪制,這樣你就能明白一些大概的需求。
  • 判斷的條件需要嚴(yán)謹(jǐn):繪制流程圖最好是將界面的功能點(diǎn)正確和錯(cuò)誤的信息添加進(jìn)去,這種狀態(tài)有一些人習(xí)慣寫(xiě)在需求文檔的全局說(shuō)明中;但是每個(gè)頁(yè)面的提示信息和對(duì)應(yīng)的交互狀態(tài)不一樣,所以將對(duì)應(yīng)的頁(yè)面狀態(tài)寫(xiě)在路程圖中,可以方便你在需求文檔中快速定位到對(duì)應(yīng)的頁(yè)面,開(kāi)發(fā)看起來(lái)也會(huì)更加的方便和簡(jiǎn)單。
  • 考慮全面和周全:不能簡(jiǎn)單只寫(xiě)前端的界面的流程,對(duì)應(yīng)的數(shù)據(jù)庫(kù)和后臺(tái)的驗(yàn)證方式也要考慮周全;當(dāng)然這對(duì)技術(shù)有一定要求,如果你是技術(shù)小白,那么就多請(qǐng)教技術(shù),適當(dāng)研究一下數(shù)據(jù)的方式,對(duì)你很有幫助的。

全面的考慮,需要根據(jù)我們對(duì)整個(gè)產(chǎn)品的模塊進(jìn)行劃分,對(duì)于每一個(gè)模塊業(yè)務(wù)都需要非常熟悉,這樣對(duì)于模塊后期維護(hù)和擴(kuò)展有很好的幫助。

每個(gè)模塊在進(jìn)行更新的時(shí)候不至于影響其他模塊,產(chǎn)品如果達(dá)到一定的階段,就知道對(duì)模塊劃分的重要性了。大的 模塊后面子模塊一堆,如果前期不做好劃分,后面就是一團(tuán)亂麻了。

流程圖繪制之前,我們需要知道對(duì)應(yīng)的需求,需求是在流程之前的;簡(jiǎn)單的解釋需求就是業(yè)務(wù),業(yè)務(wù)就是你賣(mài)羊肉串的過(guò)程;只有將需求明確了之后,我們才能進(jìn)行后面的文檔撰寫(xiě)。

千萬(wàn)不要需求不明確,就開(kāi)始直接寫(xiě)文檔;直接開(kāi)始寫(xiě)文檔,你會(huì)發(fā)現(xiàn)后面一堆的大坑等著你。

那時(shí)候,就是自己挖的坑一個(gè)一個(gè)填坑了。

 

本文由 @李杭?原創(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. 流程第三點(diǎn)應(yīng)該是腌制,作者寫(xiě)成了研制~ ??

    來(lái)自北京 回復(fù)
  2. 哪有先腌肉再切小塊的,這咋入味 ??

    來(lái)自北京 回復(fù)
    1. 哈哈哈哈是不是有畫(huà)面感了

      來(lái)自北京 回復(fù)
  3. 畫(huà)流程圖的時(shí)候總擔(dān)心遺漏某些狀態(tài)或是步驟,經(jīng)常是和研發(fā)同事對(duì)過(guò)后要再修改流程圖 ??

    來(lái)自北京 回復(fù)
    1. 不然就狗帶的很快

      來(lái)自北京 回復(fù)
  4. 想請(qǐng)教一下,你做產(chǎn)品經(jīng)理多長(zhǎng)時(shí)間了?

    來(lái)自山東 回復(fù)
    1. 三歲的產(chǎn)品汪 ??

      來(lái)自北京 回復(fù)
    2. 我自己技術(shù)轉(zhuǎn)產(chǎn)品,一年的汪,方便加V聊一下嗎?

      來(lái)自山東 回復(fù)
    3. 方便的互相學(xué)習(xí)

      來(lái)自北京 回復(fù)
  5. 好多錯(cuò)別字,盜版文章嗎?

    來(lái)自江蘇 回復(fù)
    1. 晚上十點(diǎn)寫(xiě)的,自己沒(méi)來(lái)得及審 ??

      來(lái)自北京 回復(fù)
  6. 請(qǐng)問(wèn)可以分享一下平常使用便捷的畫(huà)流程圖的軟件嗎?(比如文中的這個(gè))

    來(lái)自廣東 回復(fù)
    1. viso

      回復(fù)
    2. ????是visio

      回復(fù)
    3. 感謝回復(fù)~~

      來(lái)自廣東 回復(fù)
    4. Visio,xmind axure9 產(chǎn)品經(jīng)理的三大神器

      來(lái)自北京 回復(fù)
    5. 感謝回復(fù)~~我用xmind畫(huà)產(chǎn)品功能結(jié)構(gòu)圖覺(jué)得挺好的,但是畫(huà)那種流程圖覺(jué)得就不夠簡(jiǎn)潔 ?

      來(lái)自廣東 回復(fù)