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

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

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

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

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

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

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

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

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

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

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

一個小故事

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

在流程圖繪制完成之后，你寫需求文檔基本上就很快，因為你的邏輯已經(jīng)是清晰的，思路已經(jīng)整理完成了，剩下的就是將對應的功能頁面元素進行補充就可以了。

案例分享

分享一下我整理的需求文檔，希望大家可以有所參考；如果項目進度時間著急，對應的流程圖可以不要過于詳細。

此界面的流程圖，是簡單的登錄和找回密碼功能，具體是賬號密碼登錄和找回密碼，也就是密碼的重置，對應的功能我們在產(chǎn)品的日常中很常見。

說幾點繪制流程圖的注意事項：

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

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

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

流程圖繪制之前，我們需要知道對應的需求，需求是在流程之前的；簡單的解釋需求就是業(yè)務，業(yè)務就是你賣羊肉串的過程；只有將需求明確了之后，我們才能進行后面的文檔撰寫。

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

那時候，就是自己挖的坑一個一個填坑了。

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

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