ユーザーフロー とは？

「道順マップ」に近いかな。たとえばECサイトなら「商品一覧→商品詳細→カート→決済→購入完了」のように、ユーザーが目的へ進む操作を描くんだ。ワイヤーフレームは各画面の配置を考える図で、見る対象が違うよ。

誰が何を達成したいのかと、入口・ゴールを決めよう。「検索から来た人が商品を購入する」なら、その入口から購入完了までをたどる。目的や入口が違えば、別のフローになることもあるんだ。

操作の順番に加えて分岐も描こう。たとえば「ログイン済み？」で、決済へ進む人と先にログインする人に分かれるよ。四角で画面や操作、ひし形で判断を表すと、道筋を追いやすい。紙や図を作るツールでも整理できるんだ。

「ここは入力が多い」「同じ画面に戻っている」といった、つまずきそうな箇所をチームで検討できるよ。ただ、図だけで本当に離脱する場所を断定できない。操作してもらうテストや利用状況の確認で、仮説を確かめることが大切なんだ。

先に流れを考えると各画面に必要なものを整理しやすいけれど、それだけではないよ。機能を追加するときや、既存サービスを見直すときにも使える。実際の行動を確かめ、フローと画面を行き来しながら改善していこう。