到底什麼是流程圖?一篇文章徹底講透!包含最常用的4種流程圖

更新於 發佈於 閱讀時間約 4 分鐘

流程圖,又稱程式框圖,是流經一個系統的資訊流、觀點流或部件流的圖形代表,是表示演算法、工作流程或流程的一種框圖表示,它以不同類型的框代表不同種類的步驟,每兩個步驟之間則以箭頭連接。這種表示法便於說明解決已知問題的方法,流程圖在分析、設計、記錄及操控許多領域的流程或程序都有廣泛應用。

raw-image

流程圖元素符號

實際應用中,流程圖作為最高頻使用的一種圖形,用於記錄各種工作流程的流程標準制定,方便更加標準的對流程進行梳理,並不斷調整從而優化得到最適合實際某個流程的操作過程。

無論是在日常生活中或工作過程中,當我們遇到一項任務時,我們首先應該將任務的背景、關係人、任務內容、期望結果等了解清楚,然後就應該根據所了解的任務情況使用合適的流程圖將整個流程的梳理清晰,能夠優化流程並以圖形化的方式展示任務流程。

raw-image

最最最基本流程圖

常用的流程圖分為是基礎流程圖、跨職能流程圖、時序圖、狀態流程圖,每一類圖形都可以透過不同的方向和角度來清楚知道這項工作是如何流轉執行的,也能讓我們從一個階段或整體全局去更容易理解專案從頭到尾都是如何進行的。以下我將使用ProcessOn流程圖分別對四種流程圖一一進行介紹。

一、基礎流程圖

基礎流程圖作為最基本、最簡單的流程圖方式,一般不區分使用者角色和場景,適用於簡單場景,梳理單一的流程情況,也可以作為整體大流程的一個片段使用。

raw-image

基礎流程圖樣式模板

raw-image

產品登入流程圖

二、跨職能流程圖

跨職能流程圖是在基礎流程圖的基礎上,對整體流程分職能部門或專案角色來對整體的工作流程進行梳理,便於我們在不同的專案階段中清晰的了解各職能部門和角色在什麼時間需要介入,介入時什麼時間點需要參與什麼樣的流程。主要是在專案流程的基礎讓突顯各職能角色的分工狀況,讓不同職能角色的人員快速找到自己需要涉及和需要處理的流程節點、需要採取的行動。

raw-image

跨部門需求分析流程設計圖

raw-image

銷售工作SOP流程圖

三、時序圖

時序圖,又稱序列圖、循序圖,它透過描述物件之間發送訊息的時間順序,顯示多個物件之間的動態協作。主要為描述一個專案流程的流程中執行的前後順序及流程進行的形式(同步、非同步...),便於我們能夠從時間順序的角度了解各步驟功能是如何交互的,能夠更明確一個執行過程前後流轉順序。

raw-image

庫存管理時序圖

raw-image

使用者登入時序圖

四、狀態流程圖

狀態流程圖又稱狀態機,主要是用來對專案流程的某個節點透過不同的操作對此節點的狀態的產生狀態改變的不同結果的流轉圖,可以方便我們了解此節點從A狀態變為B、C、D......的各種狀態的觸發條件,了解狀態變化前置條件及後置結果。此處可以窮舉出所有的狀態並前後排列出所有實際會發生的狀態流轉匯集成狀態流轉圖。

raw-image

通用狀態圖模板

raw-image

儲值及回饋狀態圖

相信透過本文的介紹,以及各種類型流程圖範本的分享,你已經對流程圖有更深入的了解,快來ProcessOn流程圖體驗。

留言
avatar-img
留言分享你的想法!
avatar-img
ProcessOn的沙龍
1會員
62內容數
分享心智圖與流程圖使用技巧
ProcessOn的沙龍的其他內容
2025/04/27
AWS(亞馬遜網路服務)是全球領先的雲端運算供應商,AWS架構圖是一種視覺化工具,它描繪了AWS資源、服務和元件之間的連接與互動。今天將為大家介紹AWS架構圖的概念、組成、繪圖教學及範例。
Thumbnail
2025/04/27
AWS(亞馬遜網路服務)是全球領先的雲端運算供應商,AWS架構圖是一種視覺化工具,它描繪了AWS資源、服務和元件之間的連接與互動。今天將為大家介紹AWS架構圖的概念、組成、繪圖教學及範例。
Thumbnail
2025/04/22
在現今數據驅動的時代,決策樹圖作為一種直覺且強大的分析工具,正逐漸成為各行各業決策者的得力助手。本文將深入淺出地介紹決策樹圖的概念、構成、繪圖教學、範例等方面,幫助讀者掌握此利器,提升決策效率與品質。
Thumbnail
2025/04/22
在現今數據驅動的時代,決策樹圖作為一種直覺且強大的分析工具,正逐漸成為各行各業決策者的得力助手。本文將深入淺出地介紹決策樹圖的概念、構成、繪圖教學、範例等方面,幫助讀者掌握此利器,提升決策效率與品質。
Thumbnail
2025/04/17
系統環境圖(System Context Diagram),又稱系統關係圖,是系統分析與設計中的重要工具,用於理解和展示系統與其外部環境互動關係。本文將從概念、應用場景、繪圖教學等六個方面,全面介紹情境圖,幫助讀者掌握這項實用技能。
Thumbnail
2025/04/17
系統環境圖(System Context Diagram),又稱系統關係圖,是系統分析與設計中的重要工具,用於理解和展示系統與其外部環境互動關係。本文將從概念、應用場景、繪圖教學等六個方面,全面介紹情境圖,幫助讀者掌握這項實用技能。
Thumbnail
看更多
你可能也想看
Thumbnail
大家好,我是一名眼科醫師,也是一位孩子的媽 身為眼科醫師的我,我知道視力發展對孩子來說有多關鍵。 每到開學季時,診間便充斥著許多憂心忡忡的家屬。近年來看診中,兒童提早近視、眼睛疲勞的案例明顯增加,除了3C使用過度,最常被忽略的,就是照明品質。 然而作為一位媽媽,孩子能在安全、舒適的環境
Thumbnail
大家好,我是一名眼科醫師,也是一位孩子的媽 身為眼科醫師的我,我知道視力發展對孩子來說有多關鍵。 每到開學季時,診間便充斥著許多憂心忡忡的家屬。近年來看診中,兒童提早近視、眼睛疲勞的案例明顯增加,除了3C使用過度,最常被忽略的,就是照明品質。 然而作為一位媽媽,孩子能在安全、舒適的環境
Thumbnail
提供一條簡單公式、一套盤點思路,幫助你快速算出去日本自助旅遊需要準備多少日幣現金!
Thumbnail
提供一條簡單公式、一套盤點思路,幫助你快速算出去日本自助旅遊需要準備多少日幣現金!
Thumbnail
資料流程圖(DFD) ,是一種圖形表示方法,用於描繪系統中資料的流動、儲存、處理及外部實體之間的互動過程。它透過將複雜的系統分解為易於理解的組件和流程,幫助開發者、分析師及利害關係人直觀地理解系統的資料流向和邏輯結構。
Thumbnail
資料流程圖(DFD) ,是一種圖形表示方法,用於描繪系統中資料的流動、儲存、處理及外部實體之間的互動過程。它透過將複雜的系統分解為易於理解的組件和流程,幫助開發者、分析師及利害關係人直觀地理解系統的資料流向和邏輯結構。
Thumbnail
流程圖,又稱程式框圖,是流經一個系統的資訊流、觀點流或部件流的圖形代表,是表示演算法、工作流程或流程的一種框圖表示,它以不同類型的框代表不同種類的步驟,每兩個步驟之間則以箭頭連接。這種表示法便於說明解決已知問題的方法,流程圖在分析、設計、記錄及操控許多領域的流程或程序都有廣泛應用。
Thumbnail
流程圖,又稱程式框圖,是流經一個系統的資訊流、觀點流或部件流的圖形代表,是表示演算法、工作流程或流程的一種框圖表示,它以不同類型的框代表不同種類的步驟,每兩個步驟之間則以箭頭連接。這種表示法便於說明解決已知問題的方法,流程圖在分析、設計、記錄及操控許多領域的流程或程序都有廣泛應用。
Thumbnail
上篇進一步認識基本的圖形架構與三大 Graph 算法,那首先從 shortest path 開始,我們會陸續去理解這些算法,以及可能的應用,如果還沒有看過上一篇的,可以點以下連結~那我們就開始吧! 【圖論Graph】Part1:初探圖形與圖形演算法之應用
Thumbnail
上篇進一步認識基本的圖形架構與三大 Graph 算法,那首先從 shortest path 開始,我們會陸續去理解這些算法,以及可能的應用,如果還沒有看過上一篇的,可以點以下連結~那我們就開始吧! 【圖論Graph】Part1:初探圖形與圖形演算法之應用
Thumbnail
介紹邏輯運算的觀念,包含布林值、運算子與運算式的介紹。並說明如何使用 Python 撰寫這些觀念。
Thumbnail
介紹邏輯運算的觀念,包含布林值、運算子與運算式的介紹。並說明如何使用 Python 撰寫這些觀念。
Thumbnail
本文摘要出我覺得IC開發流程中最基本的相關知識,幫自己的成長做紀錄,也分享給剛加入半導體/IC產業的小白們,希望這篇文章可以提供幫助。
Thumbnail
本文摘要出我覺得IC開發流程中最基本的相關知識,幫自己的成長做紀錄,也分享給剛加入半導體/IC產業的小白們,希望這篇文章可以提供幫助。
Thumbnail
建模 (Modeling) 畫細不難,難在用最經濟的方式達成 "雖不中亦不遠矣"。 網格 (Meshing) 任憑你列式再怎麼漂亮,解不出來就是白搭。 求解 (iterating) 能收斂都好說,不能收斂就是痛苦的開始
Thumbnail
建模 (Modeling) 畫細不難,難在用最經濟的方式達成 "雖不中亦不遠矣"。 網格 (Meshing) 任憑你列式再怎麼漂亮,解不出來就是白搭。 求解 (iterating) 能收斂都好說,不能收斂就是痛苦的開始
Thumbnail
程式語言只是工具,更重要的是程式邏輯 【運算思維】 1.拆解: 將一個任務或問題拆解成數個步驟或部分。 2.找出規律: 預測問題的規律,並找出模式做測試。 3.歸納與抽象化: 找出最主要導致此模式的原則或因素。 4.設計演算法: 設計出能夠解決類似問題並且能夠被重複執行的指令流程。
Thumbnail
程式語言只是工具,更重要的是程式邏輯 【運算思維】 1.拆解: 將一個任務或問題拆解成數個步驟或部分。 2.找出規律: 預測問題的規律,並找出模式做測試。 3.歸納與抽象化: 找出最主要導致此模式的原則或因素。 4.設計演算法: 設計出能夠解決類似問題並且能夠被重複執行的指令流程。
Thumbnail
「圖解」是一項很有魅力的技能,夠將複雜的資訊濃縮在一張圖上說清楚。這篇文章寫給需要處理複雜問題的人,內容摘要於一位工程師分享「為自己的程式碼做圖解的經驗」,看完後你可以學習圖解的 3 個大概念 — 區分、連結、描述關係,將腦中複雜的問題與邏輯架構,透過圖解表達出來。
Thumbnail
「圖解」是一項很有魅力的技能,夠將複雜的資訊濃縮在一張圖上說清楚。這篇文章寫給需要處理複雜問題的人,內容摘要於一位工程師分享「為自己的程式碼做圖解的經驗」,看完後你可以學習圖解的 3 個大概念 — 區分、連結、描述關係,將腦中複雜的問題與邏輯架構,透過圖解表達出來。
Thumbnail
大家久等的九種構成原理下集來囉!讓我們看看還有哪一些超實用的構成能用在我們的設計上吧! 第五種: 十字構成 十字構成為垂直與水平的構成方式,可以增加畫面的平衡感, 其中一條線需為斜線,比較不死板更為動態。 參考:“日本KORIN展”海報設計 第六種: 圓形(方形)構成 圓形構成具有曲線美又有視覺
Thumbnail
大家久等的九種構成原理下集來囉!讓我們看看還有哪一些超實用的構成能用在我們的設計上吧! 第五種: 十字構成 十字構成為垂直與水平的構成方式,可以增加畫面的平衡感, 其中一條線需為斜線,比較不死板更為動態。 參考:“日本KORIN展”海報設計 第六種: 圓形(方形)構成 圓形構成具有曲線美又有視覺
Thumbnail
設計師在設計圖案或畫圖的時候,最重要的就是「結構」,就跟蓋房子需要先架鋼筋一樣,是建築整體中的支柱與架構,假設你學會畫出一隻狗,發現自己就只會畫那一隻狗,畫不出貓或其他物品,也不會變換狗的樣式、造型,那就表示你並不了解圖形的組成「結構」,才會無法自由的應用與變化。
Thumbnail
設計師在設計圖案或畫圖的時候,最重要的就是「結構」,就跟蓋房子需要先架鋼筋一樣,是建築整體中的支柱與架構,假設你學會畫出一隻狗,發現自己就只會畫那一隻狗,畫不出貓或其他物品,也不會變換狗的樣式、造型,那就表示你並不了解圖形的組成「結構」,才會無法自由的應用與變化。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News