作業の進め方
User Flow Diagramは、プロダクト内の移動を画面と操作のレベルで図にします。入口、画面、判断、ユーザー操作、バックグラウンド処理、終点を区別し、ルートだけでなく各遷移の原因も図で伝えられるようにします。
ソースでは、まずハッピーパスから始め、その後にブランチ、エラー、復帰、離脱を加えることを推奨しています。この順序なら、失敗を後回しにせず、フローの読みやすさも保てます。また、直線的なタスクフロー、分岐のあるユーザーフロー、画面サムネイル付きのワイヤーフローも区別しています。
期待される成果物
- 1つのユーザー目標に対するフロー図。
- ラベル付きの判断、トリガー、バックグラウンド処理、離脱。
- 成功ルートと並んで示されるエラーおよび復帰の経路。
ブリーフからレビューまで
- 01目標と入口を設定する
何をもって完了とするか、ユーザーがどこから始められるかを明確にします。
- 02メインルートを描く
ブランチを加える前に、一貫した表記で画面と操作をマッピングします。
- 03判断と復帰を追加する
条件、システムイベント、遅延、エラー、離脱にラベルを付け、すべての矢印に理由があるようにします。