流程图介绍 以及工具推荐
流程圖是符號化的圖形語言,有自己的規范。
產品中設計的流程圖主要有三種,業務路程圖、任務流程圖、頁面流程圖。
1、業務流程圖
業務流程圖就是描述那些個體在什么條件下做了什么事情,他們之間有何關聯。主要分三個方面:①涉及到哪些主體?②每個主體都有哪些任務?③各個主體之間怎么聯系的?一般涉及到多個主體,每個主體之間有聯系,比如p2p平臺。
這是p2p的業務流程圖、涉及到借款人、平臺、投資人、第三方支付四個主體,以及每個主題需要完成的任務、任務之間的聯系和先后順序。
2、任務流程圖
泳道圖一般是從戰略上分析整個業務流程,讓你對公司所做的業務有個大概的了解,而任務流程圖就是在你的產品操作上,用戶通過什么樣的操作來完成它的目標,比如你去銀行ATM機器上取錢,你是如何一步步操作把錢取出來的,這里以p2p理財產品購買為例,來說明購買的任務流程圖。
畫流程圖的時候注意主要流程和異常流程,在這個例子中,主要流程就是購買流程、異常流程就是沒有設置交易密碼、用戶忘記交易密碼、以及超過重試次數這些流程,畫流程圖的時候先畫主要的流程,然后再把異常額流程考慮上,查漏補缺,保證不遺漏,產品的邏輯漏洞多半是由于異常情況沒有考慮清楚,畫流程圖可以有效的幫助你梳理邏輯。
3、頁面流程圖
如果說業務流程圖幫助你梳理戰略,任務流程圖幫助你梳理用戶操作行為(主要給程序員看)、頁面跳轉流程在幫助你梳理各個頁面之間的跳轉關系(主要給UI和前端程序員看)這是一個逐步從整體到局部,從后端到前端的過程。
所有的產品都是由頁面組成的,不論是APP、PC、H5都是由一個個頁面組成的,頁面流程圖描述完成一個任務需要經過哪些步驟,你在畫圖的時候只需要清晰的表現出用戶點擊頁面的什么地方,然后跳轉到那個頁面。主要由頁面、行動點、連接線組成,下面以用戶購買理財產品舉例。
頁面流程一般只考慮正常的操作流程就行,對于異常的操作流程在正常流程的旁邊畫出,例如:上面的正常頁面跳轉是用戶購買這個流程,異常頁面跳轉流程是在購買界面金額不足的時候點擊去充值流程,這個在正常流程的旁邊標示出來就好。
五、如何繪制流程圖
上面說了需要繪制流程圖,這里說說繪制流程圖的思路。
1、調查研究
對于業務流程圖,如果你不懂業務,可以讓業務人員給你講解,嘴甜一點;對于操作流程圖你可以實地觀察用戶的操作,或者自己走一下業務流程以及使用競品;至于頁面流程圖,只要你元素出來了,怎么跳轉,這個難度應該不大。
2、梳理提煉
業務人員給我們講解的流程,我們要梳理提煉出來,可以把主要的流程畫出來,然后再向里面補進異常流程,我們可以先在紙上畫畫,這樣速度比較快,根據業務員的講解,然后再用專業的工具展現出來。一般流程圖有三種結構:順序結構、選擇結構、循環結構。
3、評估確認
我們可以讓精通業務和涉及到流程圖的角色都參與到評估流程圖里來,眾人拾柴火焰高,其他人員說不定能把我們沒有想到的流程提出來,產品經理要多和別人交流。
4、維護更新
我們的流程圖需要不斷的維護和更新,因為我們的流程有可能變更或者優化,流程圖也需要定期維護和更新。比如以前你是綁卡和充值兩個流程,你現在為了用戶體驗把他們整合到一起,直接綁卡充值,這個時候你的流程圖就需要變更。
六、繪制流程圖的工具有哪些
1、visio
visio破解方法
Visio是微軟推出的一款流程圖繪制工具,它有很多組件庫,可以方便快捷的完成流程圖、泳道圖、結構圖的繪制,但是不支持mac電腦(苦惱),其實我一直覺得它挺好用的,雖然畫出來可能沒有mac上用Omnigraffle畫出來的美。
2、Omnigraffle(Mac)
Mac下沒有Visio很多人就用這個,這個一般流程圖都能繪制,但是效率感覺沒有Visio高,優點就是畫出來的圖形比較美,同時支持外部插件,缺點就是沒有比較好的泳道流程圖插件,畫起泳道圖來不是你太方便,需要下載的畫可以去馬云家買一個,省時省力,還可更新。
3、ProcessOn
https://www.processon.com/ (地址)
是一款網頁版的在線作圖工具,優點是無需下載安裝、破解這些破事,同時支持在線協作,可以多人同時對一個文件協作編輯,而且上手比較容易,它提供很多流程圖模版,可以方便的畫出流程圖、思維導圖、原型圖、UML圖,缺點就是在繪制泳道圖需要增加泳道的時候,只能在最后一列加入,不能在中間加入這一點有點麻煩,還有要吐槽的就是由于是在線的,有時候導出圖片,導出來的并不太好,流程圖畫的大的時候也無法截圖。
4、Axure
axure畫原型挺好用的,畫人物流程圖的時候也可以用,但是要畫泳道圖、UML圖的時候,沒有對應的模版,需要自己畫,效率不高,如果你覺得畫原型,制作文檔都在Axure里,不想來回切換軟件的畫,可以在里面自己制作一個組件,下次直接調用。
總結
以上是生活随笔為你收集整理的流程图介绍 以及工具推荐的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 电力电子技术笔记(3)——晶闸管
- 下一篇: [css] 字体的粗细的属性是用哪一个