建站
咨詢
售后
建站咨詢
新聞中心
一、什么是流程圖
作為一個(gè)開發(fā)人員或者產(chǎn)品經(jīng)理，畫流程圖是必備的技能之一
創(chuàng)新互聯(lián)專注于貴德企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站開發(fā),商城網(wǎng)站建設(shè)。貴德網(wǎng)站建設(shè)公司,為貴德等地區(qū)提供建站服務(wù)。全流程按需定制，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)
1.1、定義
流程圖=流程+圖
流程：Flow,是指特定主體為了滿足特定需求而進(jìn)行的有特定邏輯關(guān)系的一系列操作過程，流程是自然而然就存在的。但是它可以不規(guī)范，可以不固定，可以充滿問題。
圖：Chart 或者 Diagram, 是將基本固化有一定規(guī)律的流程進(jìn)行顯性化和書面化，從而有利于傳播與沉淀、流程重組參考。
1.2、流程圖的意義
對于產(chǎn)品經(jīng)理要重視流程圖的繪制，這背后是邏輯清晰的表達(dá)和思考。
很多產(chǎn)品經(jīng)理往往一上手就做交互頁面原型。但這樣往往因?yàn)榱鞒滔氩磺宄?，?dǎo)致原型圖需要重畫。所以要先畫流程圖，再畫原型圖。
其次，研發(fā)經(jīng)常批評產(chǎn)品經(jīng)理沒有邏輯。而畫流程圖就是建立你的邏輯的一種方法，也最終用在面試表達(dá)，產(chǎn)品評審發(fā)言中
二、流程圖的分類
常見的流程圖有業(yè)務(wù)流程圖(Transaction Flow), 頁面流程圖(Page Flow)
2.1、業(yè)務(wù)流程圖
2.1.1、任務(wù)流程圖(基本流程圖)
2.1.2、泳道圖(跨職能流程圖)
俗稱為“泳道圖”的它，在樣子上也確實(shí)像個(gè)泳道，可以有橫向的泳道，也會有縱向的泳道。
2.1.2.1、縱向泳道圖(垂直跨職能流程圖)
這個(gè)在平時(shí)用得最多
2.1.2.1、橫向泳道圖(水平跨職能流程圖)
這個(gè)在平時(shí)中用得比較少
2.2、數(shù)據(jù)流程圖
這個(gè)用得比較少
2.3、頁面流程圖
2.3.1、頁面流程圖簡要
頁面=操作+內(nèi)容，操作是需要用戶觸發(fā)的，包含鏈接、按鈕、表單等等。用戶通過這些操作，看到同一個(gè)頁面上不同的內(nèi)容，或者跳轉(zhuǎn)到其他的頁面。
頁面流程圖目標(biāo)：表現(xiàn)用戶的不同的操作指令下不同頁面流轉(zhuǎn)關(guān)系。
頁面流程圖元素：頁面、操作或狀態(tài)、鏈接線
頁面也有分類：請注意有些操作可能不會帶你去一個(gè)實(shí)際的頁面，而是有可能發(fā)個(gè)短信、發(fā)個(gè)郵件等，這些也需要被表現(xiàn)出來。
2.3.2、頁面流程圖示例
三、流程圖的畫法
3.1、流程圖的符號
3.2、常用符號
3.3、流程圖的三大結(jié)構(gòu)
流程圖由三大結(jié)構(gòu)構(gòu)成，這三大結(jié)構(gòu)分別為順序結(jié)構(gòu)、選擇結(jié)構(gòu)和循環(huán)結(jié)構(gòu)，這三個(gè)結(jié)構(gòu)構(gòu)成了流程執(zhí)行的全過程。
3.3.1、順序結(jié)構(gòu)
在順序結(jié)構(gòu)中，各個(gè)步驟是按先后順序執(zhí)行的，這是一種最簡單的基本結(jié)構(gòu)。如圖，A、B、C是三個(gè)連續(xù)的步驟，它們是按順序執(zhí)行的，即完成上一個(gè)框中指定的操作才能再執(zhí)行下一個(gè)動作。
3.3.2、 選擇結(jié)構(gòu)
選擇結(jié)構(gòu)又稱分支結(jié)構(gòu)，選擇結(jié)構(gòu)用于判斷給定的條件，根據(jù)判斷的結(jié)果判斷某些條件，根據(jù)判斷的結(jié)果來控制程序的流程。在實(shí)際運(yùn)用中，某一判定結(jié)果可以為空操作(如圖二、圖三)。
3.3.3、 循環(huán)結(jié)構(gòu)
循環(huán)結(jié)構(gòu)又稱為重復(fù)結(jié)構(gòu)，就是流程在一定的條件下，反復(fù)執(zhí)行某一操作的流程結(jié)構(gòu)。循環(huán)結(jié)構(gòu)下又可以分為【當(dāng)型結(jié)構(gòu)】和【直到型結(jié)構(gòu)】。
當(dāng)型結(jié)構(gòu)：先判斷所給條件p是否成立，若P成立，則執(zhí)行A(步驟);再判斷條件p是否成立;若P成立，則又執(zhí)行A，若此反復(fù)，直到某一次條件p不成立時(shí)為止。
直到型結(jié)構(gòu)：先執(zhí)行A，再判斷所給條件P是否成立，若p不成立，則再執(zhí)行A，如此反復(fù)，直到P成立，該循環(huán)過程結(jié)束。
3.4、流程圖繪制注意事項(xiàng)
(1)繪制流程圖時(shí)，為了提高流程圖的邏輯性，應(yīng)遵循從左到右、從上到下的順序排列。
(2)一個(gè)流程從開始符開始，以結(jié)束符結(jié)束。開始符號只能出現(xiàn)一次，而結(jié)束符號可出現(xiàn)多次。若流程足夠清晰，可省略開始、結(jié)束符號。
(3)菱形為判斷符號，必須要有“是和否(或Y和N)”兩種處理結(jié)果，意思是說，菱形判斷框一定需要有兩條箭頭流出;且判斷符號的上下端流入流出一般用“是(或Y)”，左右端流入流出用“否(或N)”。
(4)同一流程圖內(nèi)，符號大小需要保持一致，同時(shí)連接線不能交叉，連接線不能無故彎曲。
(5)流程處理關(guān)系為并行關(guān)系的，需要將流程放在同一高度。
(6)必要時(shí)應(yīng)采用標(biāo)注，以此來清晰地說明流程，標(biāo)注要用專門的標(biāo)注符號。
(7)處理流程須以單一入口和單一出口繪制，同一路徑的指示箭頭應(yīng)只有一個(gè)。
四、畫流程圖工具推薦
4.1、億圖圖示
4.2、process on(web版)
訪問地址：
https://www.processon.com/
4.3、Visio
網(wǎng)站標(biāo)題：學(xué)習(xí)畫流程圖，看完這一篇就夠了
標(biāo)題路徑：http://www.dlmjj.cn/article/dhgohed.html
