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

閑來無事最近在整理流程圖，流程圖是我們需求文檔的一部分。

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

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

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

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

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

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

1. 步驟：通常稱作“活動(dòng)”，常以長(zhǎng)方形來表示；
2. 決定：常以鉆石形來表示也就是菱形。

流程圖可以圖像化一些指定的過程，通常配合其他種類的圖表來使用。

（備注：以上的部分信息來源自維基百科的解釋）

一個(gè)小故事

說的可能有一些難以理解，我們用一個(gè)小故事來說明一下。

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

那么，賣羊肉串的過程就是流程，賣羊肉串就是需求，正常的情況下我們需要知道需求，然后才開始流程圖的繪制。

賣羊肉串的流程是什么樣的呢？核心的步驟包含以下七點(diǎn)：

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

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

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

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

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

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

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

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

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

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

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

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

案例分享

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

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

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

• 不要相信自己的大腦：每個(gè)人的大腦存儲(chǔ)的信息是有限的，不能一直記著，所以最好的方式就是找一張白紙，在上面進(jìn)行草圖的繪制，這樣你就能明白一些大概的需求。
• 判斷的條件需要嚴(yán)謹(jǐn)：繪制流程圖最好是將界面的功能點(diǎn)正確和錯(cuò)誤的信息添加進(jìn)去，這種狀態(tài)有一些人習(xí)慣寫在需求文檔的全局說明中；但是每個(gè)頁面的提示信息和對(duì)應(yīng)的交互狀態(tài)不一樣，所以將對(duì)應(yīng)的頁面狀態(tài)寫在路程圖中，可以方便你在需求文檔中快速定位到對(duì)應(yīng)的頁面，開發(fā)看起來也會(huì)更加的方便和簡(jiǎn)單。
• 考慮全面和周全：不能簡(jiǎn)單只寫前端的界面的流程，對(duì)應(yīng)的數(shù)據(jù)庫和后臺(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ù)就是你賣羊肉串的過程；只有將需求明確了之后，我們才能進(jìn)行后面的文檔撰寫。

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

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

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

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