編輯導(dǎo)語(yǔ)：產(chǎn)品經(jīng)理在日常工作中經(jīng)常會(huì)用到流程圖，流程圖可以幫助你梳理思路和工作流程，對(duì)于產(chǎn)品經(jīng)理來(lái)說(shuō)也是一個(gè)必備技能；本文作者分享了關(guān)于互聯(lián)網(wǎng)產(chǎn)品流程圖在使用中的注意事項(xiàng)，我們一起來(lái)看一下。

關(guān)于互聯(lián)網(wǎng)產(chǎn)品流程圖常見(jiàn)符號(hào)意義的整理以及畫(huà)流程圖的注意事項(xiàng)，結(jié)合實(shí)際項(xiàng)目中流程圖的一些分享。

一、流程圖定義

流程圖（Flowchart）：使用圖形表示算法的思路是一種極好的方法，因?yàn)榍а匀f(wàn)語(yǔ)不如一張圖；在產(chǎn)品/UE/UX/UI日常的工作中通過(guò)流程圖可以很好的梳理思路，清楚工作流程，方便團(tuán)結(jié)的開(kāi)發(fā)協(xié)作。

流程圖是由一些圖框和流程線組成的，其中圖框表示各種操作的類(lèi)型，圖框中的文字和符號(hào)表示操作的內(nèi)容，流程線表示操作的先后次序。

二、流程圖圖形

為便于識(shí)別，繪制流程圖的習(xí)慣做法是：

• 一般用橢圓或者圓角矩形表示“開(kāi)始”與“結(jié)束”；
• 矩形表示行動(dòng)方案、普通工作環(huán)節(jié)用；
• 菱形表示問(wèn)題判斷或判定（審核/審批/評(píng)審）環(huán)節(jié)；
• 用平行四邊形表示輸入輸出；
• 箭頭代表工作流方向。

下圖是在實(shí)際工作中的部分流程圖：

三、流程圖繪制注意事項(xiàng)

• 一幅完整的流程圖，必須包含唯一一個(gè)“開(kāi)始”和唯一一個(gè)“結(jié)束”。
• 流程箭頭不能回調(diào)，所有執(zhí)行不得回退前一步驟。如果有需要，可以在添加適當(dāng)判斷，然后重新調(diào)用某一步驟。
• 對(duì)于菱形判斷框，必須包括兩個(gè)及以上的條件走向注釋?zhuān)l件寫(xiě)在箭頭線上），對(duì)應(yīng)執(zhí)行結(jié)果。
• 流程圖可以很長(zhǎng)，也可以有多個(gè)異常處理，但整體必須是從上而下的、清晰的。
• 如果邏輯功能比較繁多，必要時(shí)可以分開(kāi)繪制（整體的）功能設(shè)計(jì)流程圖和（子功能）執(zhí)行流程圖。
• 過(guò)程中是否存在某些環(huán)節(jié)，刪掉它們后能夠降低成本或減少時(shí)間？
• 還有其他更有效的方式構(gòu)造流程嗎？
• 整個(gè)過(guò)程是否因?yàn)檫^(guò)時(shí)而需要重新設(shè)計(jì)？

四、流程圖基本結(jié)構(gòu)

流程圖的基本結(jié)構(gòu)分為：順序結(jié)構(gòu)、條件結(jié)構(gòu)（又稱(chēng)選擇結(jié)構(gòu)）、循環(huán)結(jié)構(gòu)、分支結(jié)構(gòu)。

• 順序結(jié)構(gòu)的程序設(shè)計(jì)是最簡(jiǎn)單的，只要按照解決問(wèn)題的順序?qū)懗鱿鄳?yīng)的語(yǔ)句就行，它的執(zhí)行順序是自上而下，依次執(zhí)行。
• 條件結(jié)構(gòu)是高中數(shù)學(xué)中學(xué)習(xí)的算法中的一種基本邏輯結(jié)構(gòu)；在一個(gè)算法中，經(jīng)常會(huì)遇到一些條件的判斷，算法的流程根據(jù)條件是否成立有不同的流向，條件結(jié)構(gòu)就是處理這種過(guò)程的結(jié)構(gòu)。
• 循環(huán)結(jié)構(gòu)是指在程序中需要反復(fù)執(zhí)行某個(gè)功能而設(shè)置的一種程序結(jié)構(gòu)。

它由循環(huán)體中的條件，判斷繼續(xù)執(zhí)行某個(gè)功能還是退出循環(huán)；根據(jù)判斷條件,循環(huán)結(jié)構(gòu)又可細(xì)分為以下兩種形式：先判斷后執(zhí)行的循環(huán)結(jié)構(gòu)和先執(zhí)行后判斷的循環(huán)結(jié)構(gòu)。

五、流程圖類(lèi)型

流程圖類(lèi)型分為：

文件流程圖、數(shù)據(jù)流程圖、系統(tǒng)流程圖、程序流程圖。

1）文件流程圖表能反映企業(yè)組織的正式通信網(wǎng)絡(luò)的概括情況，確定與經(jīng)濟(jì)業(yè)務(wù)有關(guān)的部門(mén)、個(gè)人和外界單位，制定與該項(xiàng)經(jīng)濟(jì)業(yè) 務(wù)有關(guān)的文件或其他重要通信方式；編制圖表的依據(jù)是所取得的真實(shí)資料。

通過(guò)編制文件流程圖，可綜合審查系統(tǒng)文件匯編的資料，從中找出薄弱環(huán)節(jié)；如哪些程序需要控制，內(nèi)部控制制度和職責(zé)的分工是否完善和明確，哪些環(huán)節(jié)效率低，是否缺乏必要的信息聯(lián)系或文件流轉(zhuǎn)過(guò)于復(fù)雜等；文件流程圖通常也用于系統(tǒng)的設(shè)計(jì)過(guò)程，包括在一個(gè)信息系統(tǒng)的文件匯編之內(nèi)。

2）數(shù)據(jù)流程圖表示求解某一問(wèn)題的數(shù)據(jù)通路，同時(shí)規(guī)定了處理的主要階段和所用的各種數(shù)據(jù)媒體。

數(shù)據(jù)流程圖包括：

• 指明數(shù)據(jù)存在的數(shù)據(jù)符號(hào)，這些數(shù)據(jù)符號(hào)也可指明該數(shù)據(jù)所使用的媒體；
• 指明對(duì)數(shù)據(jù)執(zhí)行的處理的處理符號(hào)，這些符號(hào)也可指明該處理所用到的機(jī)器功能；
• 指明幾個(gè)處理和（或）數(shù)據(jù)媒體之間的數(shù)據(jù)流的流線符號(hào)；
• 便于讀寫(xiě)數(shù)據(jù)流程圖的特殊符號(hào)。

3）系統(tǒng)流程圖表示系統(tǒng)的操作控制和數(shù)據(jù)流。

系統(tǒng)流程圖包括：

• 指明數(shù)據(jù)存在的數(shù)據(jù)符號(hào)，這些數(shù)據(jù)符號(hào)也可指明該數(shù)據(jù)所使用的媒體；
• 定義要執(zhí)行的邏輯路徑以及指明對(duì)數(shù)據(jù)執(zhí)行的操作的處理符號(hào)；
• 指明各處理和（或）數(shù)據(jù)媒體間數(shù)據(jù)流的流線符號(hào)；
• 便于讀寫(xiě)系統(tǒng)流程圖的特殊符號(hào)。

4）程序網(wǎng)絡(luò)圖表示程序激活路徑和程序與相關(guān)數(shù)據(jù)的相互作用；在系統(tǒng)流程圖中，一個(gè)程序可能在多個(gè)控制流中出現(xiàn)；但在程序網(wǎng)絡(luò)圖中，每個(gè)程序僅出現(xiàn)一次。

程序網(wǎng)絡(luò)圖包括：

• 指明數(shù)據(jù)存在的數(shù)據(jù)符號(hào)；
• 指明對(duì)數(shù)據(jù)執(zhí)行的操作的處理符號(hào)；
• 表明各處理的激活和處理與數(shù)據(jù)間流向的流線符號(hào)；
• 便于讀寫(xiě)程序網(wǎng)絡(luò)圖的特殊符號(hào)。

六、總結(jié)

在日常工作中，一般在需求確定之后，會(huì)通過(guò)畫(huà)流程圖來(lái)進(jìn)一步梳理操作流程，探討在功能或者結(jié)構(gòu)上是否有問(wèn)題；并且可以通過(guò)流程圖一目了然的看到流程是否有錯(cuò)誤或者遺漏，為原型圖繪制和程序進(jìn)行開(kāi)發(fā)提供方便，更好的去完成產(chǎn)品的輸出。

在實(shí)際工作中，有的時(shí)候某些項(xiàng)目可能會(huì)由于時(shí)間的關(guān)系，領(lǐng)導(dǎo)在給出文字需求以后就會(huì)讓先畫(huà)原型圖；就算是在畫(huà)完原型圖之后，自己再梳理流程圖的時(shí)候，可能也會(huì)發(fā)現(xiàn)有不明確或者沒(méi)考慮到的地方，這時(shí)候就可以及時(shí)完善。

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

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