流程圖設(shè)計規(guī)范

流程圖的作用

1. 確保產(chǎn)品的使用邏輯合理順暢

2. 向項(xiàng)目組其他成員清晰的傳達(dá)需求湃缎,用流程圖來更好地表達(dá)產(chǎn)品邏輯

3.流程圖可以幫助梳理模塊,業(yè)務(wù)流程和使用路徑

舉例蠢壹,我們在電商平臺中,對于用戶下單這一流程九巡,通常用文字來描述如下:

電商下單流程描述

將上述流程描述轉(zhuǎn)化為流程圖的格式:

訂單基本流程

從圖可以看出图贸,相對于文字描述,流程圖更加清晰冕广,各流程節(jié)點(diǎn)之間的關(guān)系更加直觀疏日,便于理解。


產(chǎn)品常用流程圖

分類:業(yè)務(wù)流程圖撒汉,功能流程圖沟优,頁面流程圖

業(yè)務(wù)流程圖:用來描述業(yè)務(wù)流程,通過一些特定的符號和連線來表示具體某個業(yè)務(wù)的實(shí)際處理步驟和過程睬辐,詳細(xì)描述任務(wù)的流程走向挠阁。

業(yè)務(wù)流程圖的作用:1.對于一些相對復(fù)雜的業(yè)務(wù)宾肺,如果產(chǎn)品經(jīng)理對于業(yè)務(wù)本身還沒有清晰的認(rèn)識,就開始設(shè)計產(chǎn)品侵俗,就很容易導(dǎo)致陷入一些細(xì)節(jié)而忽略了整體锨用,導(dǎo)致出現(xiàn)產(chǎn)品開發(fā)完以后才發(fā)現(xiàn)有業(yè)務(wù)上的漏洞,而不得不重新設(shè)計隘谣;2.業(yè)務(wù)流程圖還可以用于向相關(guān)人員介紹大致的業(yè)務(wù)形式增拥,作為輔助工具。

功能流程圖:通過圖形化的表達(dá)寻歧,闡述產(chǎn)品在功能層面控制的圖表掌栅。

功能流程圖的作用:1.幫助我們在設(shè)計時,理清對于產(chǎn)品具體功能層面的設(shè)計思路码泛;2.在需求文檔中匆绣,為了幫助開發(fā)理解某個功能具體的流程設(shè)計撵渡。

頁面流程圖:指產(chǎn)品具體所呈現(xiàn)的頁面跳轉(zhuǎn)流程圖,其承載了業(yè)務(wù)流程圖所包含的業(yè)務(wù)流轉(zhuǎn)信息。


流程圖的常用元素

流程圖常用元素

繪制流程圖的注意事項(xiàng)

一幅完整的流程圖披泪,必須包含唯一一個“開始”和唯一一個“結(jié)束”。

流程箭頭不能回調(diào)部服,所有執(zhí)行不得回退前一步驟哟忍。如果有需要,可以在添加適當(dāng)判斷瑟押,然后重新調(diào)用某一步驟搀捷。

對于菱形判斷框,必須包括兩個及以上的條件走向注釋(條件寫在箭頭線上)多望,對應(yīng)執(zhí)行結(jié)果嫩舟。

流程圖可以很長,也可以有多個異常處理怀偷,但整體必須是從上而下的家厌、清晰的。

如果邏輯功能比較繁多椎工,必要時可以分開繪制(整體的)功能設(shè)計流程圖和(子功能)執(zhí)行流程圖饭于。

過程中是否存在某些環(huán)節(jié),刪掉它們后能夠降低成本或減少時間维蒙?

還有其他更有效的方式構(gòu)造流程嗎掰吕?

整個過程是否因?yàn)檫^時而需要重新設(shè)計?


流程圖的三種結(jié)構(gòu)

流程圖的三種結(jié)構(gòu)

順序結(jié)構(gòu)的程序設(shè)計是最簡單的颅痊,只要按照解決問題的順序?qū)懗鱿鄳?yīng)的語句就行殖熟,它的執(zhí)行順序是自上而下,依次執(zhí)行斑响。

條件結(jié)構(gòu)是高中數(shù)學(xué)中學(xué)習(xí)的算法中的一種基本邏輯結(jié)構(gòu)菱属;在一個算法中钳榨,經(jīng)常會遇到一些條件的判斷,算法的流程根據(jù)條件是否成立有不同的流向照皆,條件結(jié)構(gòu)就是處理這種過程的結(jié)構(gòu)重绷。

循環(huán)結(jié)構(gòu)是指在程序中需要反復(fù)執(zhí)行某個功能而設(shè)置的一種程序結(jié)構(gòu)。


繪制流程圖的要點(diǎn)和注意事項(xiàng)

1.應(yīng)遵循從左到右膜毁、從上到下的順序排列昭卓;

2.從開始符開始,以結(jié)束符結(jié)束瘟滨。需要注意:開始符只能出現(xiàn)一次候醒,但是結(jié)束符可以出現(xiàn)多次;如果流程足夠清晰杂瘸,可省略開始和結(jié)束符號倒淫;

3.需要認(rèn)真檢查各個步驟或判定結(jié)果,避免出現(xiàn)漏洞败玉,導(dǎo)致流程無法形成一個閉環(huán)敌土;

4.連接線要避免交叉,可以重合运翼;

5.必要時可以用標(biāo)注返干,以便更加清晰地說明流程;

6.流程圖中血淌,如果有參考其他已經(jīng)定義的流程矩欠,不需要重復(fù)繪制,直接用子流程符號代替悠夯。


泳道圖的使用

泳道圖也叫跨職能(多角色)流程圖癌淮,用來展示工作流中每個步驟涉及的流程和職能部門(多角色).

泳道應(yīng)用舉例
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市沦补,隨后出現(xiàn)的幾起案子乳蓄,更是在濱河造成了極大的恐慌,老刑警劉巖策彤,帶你破解...
    沈念sama閱讀 218,755評論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件栓袖,死亡現(xiàn)場離奇詭異,居然都是意外死亡店诗,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,305評論 3 395
  • 文/潘曉璐 我一進(jìn)店門音榜,熙熙樓的掌柜王于貴愁眉苦臉地迎上來庞瘸,“玉大人,你說我怎么就攤上這事赠叼〔聊遥” “怎么了违霞?”我有些...
    開封第一講書人閱讀 165,138評論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長瞬场。 經(jīng)常有香客問我买鸽,道長,這世上最難降的妖魔是什么贯被? 我笑而不...
    開封第一講書人閱讀 58,791評論 1 295
  • 正文 為了忘掉前任眼五,我火速辦了婚禮,結(jié)果婚禮上彤灶,老公的妹妹穿的比我還像新娘看幼。我一直安慰自己,他們只是感情好幌陕,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,794評論 6 392
  • 文/花漫 我一把揭開白布诵姜。 她就那樣靜靜地躺著,像睡著了一般搏熄。 火紅的嫁衣襯著肌膚如雪棚唆。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,631評論 1 305
  • 那天心例,我揣著相機(jī)與錄音宵凌,去河邊找鬼。 笑死契邀,一個胖子當(dāng)著我的面吹牛摆寄,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播坯门,決...
    沈念sama閱讀 40,362評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼微饥,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了古戴?” 一聲冷哼從身側(cè)響起欠橘,我...
    開封第一講書人閱讀 39,264評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎现恼,沒想到半個月后肃续,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,724評論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡叉袍,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,900評論 3 336
  • 正文 我和宋清朗相戀三年始锚,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片喳逛。...
    茶點(diǎn)故事閱讀 40,040評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡瞧捌,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情姐呐,我是刑警寧澤殿怜,帶...
    沈念sama閱讀 35,742評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站曙砂,受9級特大地震影響头谜,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜鸠澈,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,364評論 3 330
  • 文/蒙蒙 一柱告、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧款侵,春花似錦末荐、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,944評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至妹笆,卻和暖如春块请,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背拳缠。 一陣腳步聲響...
    開封第一講書人閱讀 33,060評論 1 270
  • 我被黑心中介騙來泰國打工墩新, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人窟坐。 一個月前我還...
    沈念sama閱讀 48,247評論 3 371
  • 正文 我出身青樓海渊,卻偏偏與公主長得像,于是被迫代替她去往敵國和親哲鸳。 傳聞我的和親對象是個殘疾皇子臣疑,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,979評論 2 355

推薦閱讀更多精彩內(nèi)容