很多人一拿到需求就開始急著畫原型，然后覺得有些地方沒有考慮到，就回去改。好吧，如果你想想頁面跳轉，你可以做很多無用的工作，達到事半功倍的效果。
一、什么是流程圖
流程圖 = 流程圖 + 圖表。
過程是一系列邏輯關系（包括因果關系、時間順序、必要條件、輸入和輸出）。產品經理在提出需求之前必須明確這些邏輯關系。如果非要用一句話來概括，“過程就是在特定的上下文中滿足用戶特定需求的一個總結”。
圖表就是將你腦海中的邏輯關系以圖形的形式呈現(xiàn)出來，具有圖形化、可視化的特點。因為它是一個圖表，所以您可以像您的版本一樣進行迭代。當你的邏輯需要修改的時候，可以拿出來迭代。, 同時，因為有圖片，也可以更好的向項目成員宣講。
二、為什么要畫流程圖
1、幫助梳理邏輯
當我們每個人思考一個邏輯時，我們可能無法思考邏輯的細節(jié)。如果貿然繪制原型，可能會做很多無用的工作。這時候，畫一個流程圖就可以幫助我們理清我們的邏輯。建議在剛開始整理邏輯的時候在紙上畫出這種流程圖，因為這樣的好處是可以快速將腦海中的邏輯呈現(xiàn)在紙上，修改起來也很方便。使用專業(yè)工具繪圖和保存。
2、易于宣講和傳播
產品經理需要召開評審會議，編寫 PRD 文件。這時候，如果你有一個清晰的流程圖，不僅方便你的解釋，也方便技術的理解。同時，將您的流程圖插入到PRD文檔中也便于傳播。當技術忘記了流程的時候，查看文檔中的流程就知道流程是怎樣的，不需要你反復來找你確認。
3、優(yōu)化迭代
為了得到一個邏輯，我們可能無法考慮得這么全面。這時，清晰的流程圖也便于記錄和修改。
同時，每個版本迭代的流程圖可能會有相應的變化。通過對比分析各個版本的流程圖，可以知道流程優(yōu)化在哪里，產品優(yōu)化在哪里。
三、流程圖元素定義
流程圖是一種具有自己規(guī)范的符號圖形語言。菱形代表判斷，距離代表具體操作行為，起點和終點用圓角表示……
遵守這些行業(yè)規(guī)范，不僅能讓別人覺得你很專業(yè)，還能幫助閱讀的人理解，就像阿拉伯數字可以被全世界理解一樣。
四、產品經理要畫的流程圖
產品中主要設計了三種流程圖，業(yè)務路線圖、任務流程圖、頁面流程圖。讓我們一一介紹。
1、業(yè)務流程圖
業(yè)務流程圖描述了這些人在什么條件下做什么以及他們如何相互關聯(lián)。主要分為三個方面：①涉及哪些科目？②每個科目有什么任務？③ 科目是如何聯(lián)系起來的？一般涉及多個主體，每個主體都有聯(lián)系，比如p2p平臺。
這是p2p的業(yè)務流程圖，涉及借款人、平臺、投資者、第三方支付四個主??體，以及每個主題需要完成的任務、任務的關系和順序。
2、任務流程圖
泳道圖一般是從戰(zhàn)略的角度分析整個業(yè)務流程，讓你對公司做的業(yè)務有一個大致的了解，而任務流程圖則是你的產品的運作流程圖軟件visio mac，用戶用什么樣的運作來完成它的目標，比如你去銀行的ATM機取錢，怎么一步步把錢取出來？這里我們以購買P2P金融產品為例來說明購買的任務流程圖。
繪制流程圖時，要注意主要流程和異常流程。本例中，主要流程為購買流程，異常流程為未設置交易密碼、用戶忘記交易密碼、超過重試次數。畫出主要流程，再考慮異常金額流程，查漏補缺，確保不遺漏。產品中的大部分邏輯漏洞都是由于沒有考慮清楚異常情況造成的。繪制流程圖可以有效地幫助你理清邏輯。
3、頁面流程圖
如果說業(yè)務流程圖幫你梳理策略，任務流程圖幫你梳理用戶操作行為（主要針對程序員），頁面跳轉流程幫你梳理頁面之間的跳轉關系（主要針對UI和前臺）結束程序）。從整體到局部，從后端到前端，是一個循序漸進的過程。
所有的產品都是由頁面組成的，無論是APP、PC還是H5都是由頁面組成的。頁面流程圖描述了完成任務要采取的步驟。您只需要在繪制圖片時清楚地向用戶展示即可。單擊頁面上的某處并跳轉到該頁面。它主要由頁面、動作點和連接線組成。以下是用戶購買理財產品的示例。
頁面進程一般只考慮正常運行進程流程圖軟件visio mac，異常運行進程繪制在正常進程旁邊。例如：上面的正常頁面跳轉是用戶購買的過程，異常頁面跳轉過程是購買界面金額不足時。當您點擊進入充值流程時，會在正常流程旁邊標明。
五、如何畫流程圖
上面提到需要畫流程圖，這里就是畫流程圖的思路。
1、調查研究
業(yè)務流程圖，不懂業(yè)務的可以請業(yè)務人員給你講解，嘴巴甜甜的；操作流程圖，可以現(xiàn)場觀察用戶操作，也可以自己走業(yè)務流程，使用競品；至于頁面流程圖，只要你的元素出來，怎么跳轉，這個應該不難。
2、梳理提煉
我們需要對業(yè)務員向我們解釋的流程進行梳理和細化。我們可以畫出主進程，然后填寫異常進程。我們可以先在紙上畫畫，這樣比較快。根據業(yè)務員的解釋，然后用專業(yè)的工具進行展示。流程圖結構一般分為三種：順序結構、選擇結構、循環(huán)結構
3、評估確認
我們可以讓所有精通業(yè)務、參與流程圖的人物都參與到評估流程圖中。眾人拾柴火焰高。其他人或許可以提出我們沒有想到的流程，產品經理應該多與人交流。
4、維護更新
我們的流程圖需要不斷的維護和更新，因為我們的流程可能會改變或優(yōu)化，流程圖也需要定期維護和更新。比如你以前有綁定卡和充值兩個流程?，F(xiàn)在你把它們整合起來進行用戶體驗，直接綁定卡和充值。這時候，你的流程圖就需要改變了。
六、繪制流程圖的工具有哪些
“要想做好工作，必須先利好工具。” 以下是一些常用的流程圖繪制工具。
1、視覺
Visio 是微軟推出的流程圖繪制工具。它有很多組件庫，可以方便快捷的完成流程圖、泳道圖、結構圖的繪制，但是不支持mac電腦（苦惱），其實我一直覺得是非常有用，雖然它可能不如 mac 上的那張漂亮。
2、 (mac)
mac 許多人在沒有 Visio 的情況下使用它。這個一般的流程圖可以畫出來，但是效率沒有Visio高。優(yōu)點是繪制的圖形更加美觀，同時支持外掛插件。缺點是沒有更好的泳道流程圖插件，你畫泳道圖不太方便。需要下載圖紙的可以在馬云家買一張，省時省力，還可以更新。
3、
它是在線繪圖工具的網絡版本。好處是不用安裝破解這些破東西。同時支持在線協(xié)同，多人同時協(xié)同編輯一個文件，上手更簡單。它提供了許多過程。圖表模板可以輕松繪制流程圖、思維導圖、原型圖和UML圖。缺點是畫泳道圖的時候需要加泳道，只能加在最后一列，不能加在中間，有點麻煩。我想吐槽的是，因為是在線的，有時候導出圖片不是很好，而且流程圖很大時無法截圖。
4、Axure
Axure 對于繪制原型非常有用。也可以在繪制人物流程圖時使用。但是在畫泳道圖和UML圖的時候，沒有對應的模板，需要自己畫，效率低。如果你覺得畫原型，制作文檔，它們都在 Axure 中。如果不想在軟件的畫之間來回切換，可以在里面做一個組件，下次直接調用。
總結：用xmind梳理你的產品架構和功能列表，然后用流程圖梳理你腦海中的邏輯，最后畫出產品的原型。這是一個從整體到局部，從巨像到抽象的過程，只有這樣才能達到事半功倍的效果。歡迎微信（）交流。