看看實際效果
互動概覽圖範例。
同一款工具，四種需求。下方每張圖都是實際產生的成果。
輸入內容
建立定期訂閱付款流程圖：嘗試執行排定的扣款；若付款成功，確認付款並繼續訂閱；若付款失敗，記錄失敗、通知客戶、重試付款，並在達到重試上限後取消訂閱或升級處理。
接著試試加入取消訂閱前的寬限期。將重試路徑改為更新付款方式。
流程圖 · Sugiyama layered DAG + orthogonal routing · schematex-flowchart
產生的圖表
什麼是互動概覽圖？
互動概覽圖以高階視角呈現一個情境如何在使用者操作、系統行為與連接的服務之間推進。它採用流程圖結構，串連主要互動與決策，而不呈現每一則個別訊息。
當序列圖對初步討論來說過於詳細時，可以使用互動概覽圖。若要比較同一系統情境中的成功、重試、錯誤與升級處理路徑，這種圖特別實用。
- Standard
- Sugiyama layered DAG + orthogonal routing
- Engine
- schematex-flowchart
- Editable
- Double-click text, drag nodes
- Export
- SVG · PNG · PDF
適用對象
誰會使用互動概覽圖。
呈現訂閱與付款情境中的重試路徑，以及最終的客戶處理結果。
串連裝置請求、驗證、儲存與回應的感測器資料匯入流程。
呈現讀值、門檻值、致動器行為與重複檢查的裝置控制互動。
運作方式
三步驟製作互動概覽圖。
01
描述需求
寫一段話就能開始。
“建立定期訂閱付款流程圖：嘗試執行排定的扣款；若付款成功，確認付款並繼續訂閱；若付款失敗，記錄失敗、通知客戶、重試付款，並在達到重試上限後取消訂閱或升級處理。”
02
查看圖表
由合適的繪圖引擎產生。
03
提出修改
每次修改都會保留版本。
加入取消訂閱前的寬限期。
V2 · DRAWN FROM V1, NOTHING RETYPED常見問題
常見問題
什麼是互動概覽圖？
這是一種高階圖表，用來呈現較大情境中相關互動與決策之間的關係。
什麼時候該使用互動概覽圖？
在記錄詳細訊息、實作方式或個別 API 呼叫之前，可先用它說明跨系統情境。
互動概覽圖和序列圖有什麼不同？
序列圖著重於參與者之間的訊息與時間順序；互動概覽圖則著重於情境與決策之間的高階流程。
提示詞中應該描述哪些內容？
請描述觸發事件、參與者或服務、重要檢查、其他結果、重試方式與最終結果。
相關工具
