画面遷移図
画面同士のつながりと状態変化を視覚的に示し、UX観点の抜け漏れを減らします。
目的
ユーザーフローを合意形成し、UIデザインや開発順序を決めやすくします。
主な内容
- 主要画面とアクションの遷移線
- 認証状態やエラーフロー、モーダル分岐
- 画面ID・機能IDとの紐づけ
活用ポイント
- 遷移条件をコメントで補足し、例外も明記
- デザインチームと共通IDを利用し、UI資産と連携
- リリース単位でバージョン管理し、過去遷移も参照可能に
画面同士のつながりと状態変化を視覚的に示し、UX観点の抜け漏れを減らします。
ユーザーフローを合意形成し、UIデザインや開発順序を決めやすくします。