繪圖與視覺化 指南

流程圖符號怎麼用?Process、Decision、Arrow、Start End 與簡化原則

清楚的流程圖不靠二十種符號,而是每個形狀都有固定語意,讀者不需要猜。

更新日期:

畫流程圖最常見的問題不是不會畫箭頭,而是所有步驟都用同一個形狀,或每個形狀都亂換。

速答:流程圖最基本符號怎麼用?
最常見做法是:一般行動/處理步驟用矩形(Process),需要回答「是/否」「有/沒有」等條件分支時用菱形(Decision),箭頭表示流程方向;正式流程圖也常用橢圓或圓角形表示Start/End,以及平行四邊形表示Input/Output。FunnyTools現行流程圖工具刻意只提供Process矩形與Decision菱形,加上箭頭連線,因此適合簡短流程與決策示意,不是完整BPMN、UML或專業流程建模器。

一、Process 矩形

矩形代表做一件事。好的文字通常是:

  • 填寫申請表
  • 檢查附件
  • 寄出通知
  • 儲存資料

最好用「動詞+對象」,不要只寫「文件」「審核」「系統」。

二、Decision 菱形

菱形代表一個會造成分支的問題,例如「資料完整嗎?」出口可分成是/否。好的Decision應該可以回答;「資料完整性」只是主題,不是問題。

三、Arrow 箭頭

箭頭回答下一步往哪裡走。若整體方向是上→下,儘量維持同一主方向,除非真的存在回圈。

四、Start / End

正式流程圖常用oval/terminator表示開始與結束。FunnyTools目前沒有獨立Start/End形狀,因此簡單圖可以用Process矩形寫「開始」「結束」,但不能宣稱工具有不存在的元件。

五、Input / Output

常見流程圖會用平行四邊形表示輸入/輸出,例如「輸入姓名」「顯示結果」。FunnyTools現行沒有此形狀,簡易圖仍可用Process矩形表達。

六、符號不是越多越專業

若圖只有5~10步,增加很多少見符號反而要求讀者先學圖例。符號精度應配合讀者與用途。

七、Decision 應有清楚出口

最常見:

  • Yes / No
  • True / False
  • Pass / Fail

FunnyTools現有箭頭不支援箭頭文字label;若需要明確Yes/No,可讓後續節點文字寫清楚,或匯出後用其他編輯器補標記。

八、流程方向不一定上到下

常見是top→bottom或left→right。簡報橫向版面可能適合左→右,長文章則上→下較自然。重點是一致。

九、交叉箭頭越少越好

如果很多線交叉,讀者容易看錯來源與終點。可重新排列節點、把相關分支靠近,或把複雜流程拆成子圖。

十、循環怎麼畫?

例如「資料完整嗎?」否→補件→再檢查,就是合理loop。要確認循環有可以離開的條件;若每條路都回原點,可能是流程本身有問題。

十一、一個節點放多少文字?

FunnyTools現行節點文字的可見空間有限,西文實作頁標示三行內最穩妥。因此不要把一整段SOP塞進一個矩形。一節點一行動,詳細規範放圖外文字。

十二、FunnyTools現行限制

目前:

  • Process rectangle
  • Decision diamond
  • straight arrow
  • drag node
  • edit text
  • delete
  • PNG export
  • 最多約20 nodes
  • no undo
  • no autosave
  • no editable project file
  • arrow無label
  • grid會出現在1000×620輸出PNG

因此它適合短流程示意。

十三、什麼時候該換專業工具?

若需要:

  • BPMN
  • UML activity diagram
  • swimlane
  • connector routing
  • 多頁流程
  • 團隊協作
  • version history
  • editable project file

FunnyTools現有簡易流程圖就不夠。

十四、流程圖驗證法

請另一個人不聽解釋,直接從第一步走到最後。如果他一直問「這裡往哪」「這個菱形要回答什麼」「這條線是哪來的」,表示流程仍不清楚。

十五、常見錯誤

  • Decision菱形裡不是問題。
  • 一個矩形塞五個動作。
  • 箭頭交叉太多。
  • 分支沒有出口語意。
  • 為了專業感塞太多符號。
  • 把簡易工具當BPMN系統。

十六、符號不足時的替代做法

如果工具沒有獨立的 Start、End 或箭頭文字標籤,可以在第一個與最後一個矩形直接寫「開始」與「完成」,並在分支後方用短句說明條件結果。這種做法不是完整的流程標準,但對小型工作步驟仍能保持可讀性;重要的是每個節點只做一件事,每條線都能追溯到下一個明確步驟。

完成後把流程交給未參與繪圖的人閱讀,要求他只依照圖上的節點與箭頭走一次。若讀者需要靠作者口頭補充才能理解,就先重寫節點文字或調整方向,不要只增加顏色與裝飾。流程圖的相容性首先是語意相容,其次才是不同匯出格式的外觀相容。

十七、FAQ

流程圖矩形代表什麼?

通常代表Process/行動步驟。

菱形代表什麼?

Decision/條件判斷。

FunnyTools有Start/End橢圓嗎?

目前沒有獨立Start/End形狀。

可以在箭頭上寫Yes/No嗎?

現行工具的箭頭不支援文字label。

十八、延伸閱讀

下一步

只有幾個步驟與簡單條件?

用Process、Decision與箭頭就足夠,先把邏輯畫清楚,再考慮符號完整性。

重點速記

Process ▭ = action
Decision ◇ = question
Arrow → = direction