実際の動作を見る
インタラクション概要図の例
同じツールに4つの依頼。以下の図はすべて実際に生成されたものです。
入力する内容
定期サブスクリプションの支払いフローチャートを作成してください。予定された請求を試み、支払いが成功したら確認してサブスクリプションを継続します。失敗した場合は記録して顧客に通知し、支払いを再試行します。再試行上限に達したら、キャンセルするかエスカレーションしてください。
次に試すキャンセル前に猶予期間を追加してください。再試行時に支払い方法を更新する流れに変更してください。
フローチャート · Sugiyama layered DAG + orthogonal routing · schematex-flowchart
生成された図
インタラクション概要図とは
インタラクション概要図は、シナリオの中でユーザーの操作、システムの動作、連携サービスがどのようにつながるかを俯瞰する図です。フローチャート形式で主要なやり取りや判断をつなぎ、個々のメッセージをすべて示さずに全体像を表します。
シーケンス図では細かくなりすぎる内容を、まず大まかに話し合いたいときに使います。1つのシステムシナリオにおける成功、再試行、エラー、エスカレーションの経路を比較するのにも役立ちます。
- Standard
- Sugiyama layered DAG + orthogonal routing
- Engine
- schematex-flowchart
- Editable
- Double-click text, drag nodes
- Export
- SVG · PNG · PDF
利用者
インタラクション概要図の活用例
再試行の流れと最終的な顧客への結果を示す、サブスクリプションや支払いのシナリオ。
デバイスからのリクエスト、検証、保存、レスポンスをつなぐセンサーデータ取り込みの流れ。
センサーの値、しきい値、アクチュエーターの動作、繰り返し確認を示すデバイス制御のやり取り。
使い方
インタラクション概要図の作り方：3ステップ
01
説明する
まずは1段落で十分です。
“定期サブスクリプションの支払いフローチャートを作成してください。予定された請求を試み、支払いが成功したら確認してサブスクリプションを継続します。失敗した場合は記録して顧客に通知し、支払いを再試行します。再試行上限に達したら、キャンセルするかエスカレーションしてください。”
02
図を確認
最適なエンジンで描画します。
03
変更点を伝える
編集のたびにバージョンを保存します。
キャンセル前に猶予期間を追加してください。
V2 · DRAWN FROM V1, NOTHING RETYPEDよくある質問
よくある質問
インタラクション概要図とは何ですか？
関連するやり取りや判断が、大きなシナリオの中でどのようにつながるかを示す概要図です。
インタラクション概要図はいつ使いますか？
詳細なメッセージや実装、個々のAPI呼び出しを記録する前に、システムをまたぐシナリオを説明するときに使います。
シーケンス図とはどう違いますか？
シーケンス図は、参加者間のメッセージと時間の順序を重視します。インタラクション概要図は、シナリオや判断をまたぐ大まかな流れを重視します。
プロンプトには何を記述すればよいですか？
きっかけ、参加者やサービス、重要な確認事項、別の結果、再試行、最終的な結果を説明してください。
関連ツール
