流程圖是符號(hào)化的圖形語言，有自己的規(guī)范。

產(chǎn)品中設(shè)計(jì)的流程圖主要有三種，業(yè)務(wù)路程圖、任務(wù)流程圖、頁面流程圖。

1、業(yè)務(wù)流程圖
業(yè)務(wù)流程圖就是描述那些個(gè)體在什么條件下做了什么事情，他們之間有何關(guān)聯(lián)。主要分三個(gè)方面：①涉及到哪些主體？②每個(gè)主體都有哪些任務(wù)？③各個(gè)主體之間怎么聯(lián)系的？一般涉及到多個(gè)主體，每個(gè)主體之間有聯(lián)系，比如p2p平臺(tái)。

這是p2p的業(yè)務(wù)流程圖、涉及到借款人、平臺(tái)、投資人、第三方支付四個(gè)主體，以及每個(gè)主題需要完成的任務(wù)、任務(wù)之間的聯(lián)系和先后順序。

2、任務(wù)流程圖

泳道圖一般是從戰(zhàn)略上分析整個(gè)業(yè)務(wù)流程，讓你對(duì)公司所做的業(yè)務(wù)有個(gè)大概的了解，而任務(wù)流程圖就是在你的產(chǎn)品操作上，用戶通過什么樣的操作來完成它的目標(biāo)，比如你去銀行ATM機(jī)器上取錢，你是如何一步步操作把錢取出來的，這里以p2p理財(cái)產(chǎn)品購買為例，來說明購買的任務(wù)流程圖。

畫流程圖的時(shí)候注意主要流程和異常流程，在這個(gè)例子中，主要流程就是購買流程、異常流程就是沒有設(shè)置交易密碼、用戶忘記交易密碼、以及超過重試次數(shù)這些流程，畫流程圖的時(shí)候先畫主要的流程，然后再把異常額流程考慮上，查漏補(bǔ)缺，保證不遺漏，產(chǎn)品的邏輯漏洞多半是由于異常情況沒有考慮清楚，畫流程圖可以有效的幫助你梳理邏輯。

3、頁面流程圖

如果說業(yè)務(wù)流程圖幫助你梳理戰(zhàn)略，任務(wù)流程圖幫助你梳理用戶操作行為（主要給程序員看）、頁面跳轉(zhuǎn)流程在幫助你梳理各個(gè)頁面之間的跳轉(zhuǎn)關(guān)系（主要給UI和前端程序員看）這是一個(gè)逐步從整體到局部，從后端到前端的過程。

所有的產(chǎn)品都是由頁面組成的，不論是APP、PC、H5都是由一個(gè)個(gè)頁面組成的，頁面流程圖描述完成一個(gè)任務(wù)需要經(jīng)過哪些步驟，你在畫圖的時(shí)候只需要清晰的表現(xiàn)出用戶點(diǎn)擊頁面的什么地方，然后跳轉(zhuǎn)到那個(gè)頁面。主要由頁面、行動(dòng)點(diǎn)、連接線組成，下面以用戶購買理財(cái)產(chǎn)品舉例。

頁面流程一般只考慮正常的操作流程就行，對(duì)于異常的操作流程在正常流程的旁邊畫出，例如：上面的正常頁面跳轉(zhuǎn)是用戶購買這個(gè)流程，異常頁面跳轉(zhuǎn)流程是在購買界面金額不足的時(shí)候點(diǎn)擊去充值流程，這個(gè)在正常流程的旁邊標(biāo)示出來就好。

五、如何繪制流程圖

上面說了需要繪制流程圖，這里說說繪制流程圖的思路。

1、調(diào)查研究

對(duì)于業(yè)務(wù)流程圖，如果你不懂業(yè)務(wù)，可以讓業(yè)務(wù)人員給你講解，嘴甜一點(diǎn)；對(duì)于操作流程圖你可以實(shí)地觀察用戶的操作，或者自己走一下業(yè)務(wù)流程以及使用競(jìng)品；至于頁面流程圖，只要你元素出來了，怎么跳轉(zhuǎn)，這個(gè)難度應(yīng)該不大。

2、梳理提煉

業(yè)務(wù)人員給我們講解的流程，我們要梳理提煉出來，可以把主要的流程畫出來，然后再向里面補(bǔ)進(jìn)異常流程，我們可以先在紙上畫畫，這樣速度比較快，根據(jù)業(yè)務(wù)員的講解，然后再用專業(yè)的工具展現(xiàn)出來。一般流程圖有三種結(jié)構(gòu)：順序結(jié)構(gòu)、選擇結(jié)構(gòu)、循環(huán)結(jié)構(gòu)。

3、評(píng)估確認(rèn)

我們可以讓精通業(yè)務(wù)和涉及到流程圖的角色都參與到評(píng)估流程圖里來，眾人拾柴火焰高，其他人員說不定能把我們沒有想到的流程提出來，產(chǎn)品經(jīng)理要多和別人交流。

4、維護(hù)更新

我們的流程圖需要不斷的維護(hù)和更新，因?yàn)槲覀兊牧鞒逃锌赡茏兏蛘邇?yōu)化，流程圖也需要定期維護(hù)和更新。比如以前你是綁卡和充值兩個(gè)流程，你現(xiàn)在為了用戶體驗(yàn)把他們整合到一起，直接綁卡充值，這個(gè)時(shí)候你的流程圖就需要變更。

六、繪制流程圖的工具有哪些

1、visio
visio破解方法
Visio是微軟推出的一款流程圖繪制工具，它有很多組件庫，可以方便快捷的完成流程圖、泳道圖、結(jié)構(gòu)圖的繪制，但是不支持mac電腦（苦惱），其實(shí)我一直覺得它挺好用的，雖然畫出來可能沒有mac上用Omnigraffle畫出來的美。

2、Omnigraffle（Mac）

Mac下沒有Visio很多人就用這個(gè)，這個(gè)一般流程圖都能繪制，但是效率感覺沒有Visio高，優(yōu)點(diǎn)就是畫出來的圖形比較美，同時(shí)支持外部插件，缺點(diǎn)就是沒有比較好的泳道流程圖插件，畫起泳道圖來不是你太方便，需要下載的畫可以去馬云家買一個(gè)，省時(shí)省力，還可更新。

3、ProcessOn

https://www.processon.com/ （地址）
是一款網(wǎng)頁版的在線作圖工具，優(yōu)點(diǎn)是無需下載安裝、破解這些破事，同時(shí)支持在線協(xié)作，可以多人同時(shí)對(duì)一個(gè)文件協(xié)作編輯，而且上手比較容易，它提供很多流程圖模版，可以方便的畫出流程圖、思維導(dǎo)圖、原型圖、UML圖，缺點(diǎn)就是在繪制泳道圖需要增加泳道的時(shí)候，只能在最后一列加入，不能在中間加入這一點(diǎn)有點(diǎn)麻煩，還有要吐槽的就是由于是在線的，有時(shí)候?qū)С鰣D片，導(dǎo)出來的并不太好，流程圖畫的大的時(shí)候也無法截圖。

4、Axure

axure畫原型挺好用的，畫人物流程圖的時(shí)候也可以用，但是要畫泳道圖、UML圖的時(shí)候，沒有對(duì)應(yīng)的模版，需要自己畫，效率不高，如果你覺得畫原型，制作文檔都在Axure里，不想來回切換軟件的畫，可以在里面自己制作一個(gè)組件，下次直接調(diào)用。

總結(jié)

以上是生活随笔為你收集整理的流程图介绍 以及工具推荐的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。