はじめに
ペルソナができて、ユーザーストーリーも書けた。だが、それらは「点」としての記述だ。実際のユーザー体験は、時間とともに流れていく。
カスタマージャーニーは、この「流れ」を可視化するツールである。単なる時間順の羅列ではなく、感情の起伏やタッチポイントでの摩擦を設計判断の材料に変換するためのフレームワークだ。
この記事では、ペルソナとユーザーストーリーを前提に、カスタマージャーニーマップの作り方を解説する。時間軸で見た体験全体を、改善の課題と機会に翻訳する方法を示す。
2. カスタマージャーニーとは
カスタマージャーニーは、ユーザーがゴールに到達するまでの一連の体験を、時間順に追ったものだ。
ユーザーストーリーとの違い
ユーザーストーリーは特定の場面での欲求を表す。だが、実際のユーザー体験は孤立した「点」の集合ではない。タスク確認の前にどう気づき、その後どう行動するかという「流れ」がある。
カスタマージャーニーは、その流れを捉える。前後の文脈を含めて見ることで、個別のストーリーでは見えなかった課題や機会が見えてくる。
ジャーニーマップが設計に役立つ理由
ジャーニーマップがあると、時間軸での課題の連鎖が見える。あるステップでの不満が、次のステップでの行動にどう影響しているかを理解できる。
また、感情の起伏を可視化することで、改善の優先順位が明確になる。すべてを同時に直せるわけではない。感情が大きく落ち込むステップを特定し、そこに設計リソースを集中できる。
崩れやすいポイント
カスタマージャーニーは実務でよく崩れる。理由は「理想の流れ」と「実際の流れ」を混同しやすいことだ。
初心者が陥りやすいのは、プロダクト都合で「こうあるべき」という理想のジャーニーを描いてしまうことだ。実際のユーザーの行動や感情から逸脱し、現状の課題を見えにくくする。
ジャーニーは「現状の記録」から始まる。理想像は改善の目標として後から設計する。実ユーザーの発言や行動から導出されたジャーニーでなければ、設計判断の基盤として機能しない。逸脱していないかは、実際のユーザーの行動ログや発言と照らし合わせて確認する。
3. ジャーニーマップの構成要素
ジャーニーマップは、複数の要素を組み合わせた可視化ツールである。ステップ、タッチポイント、感情曲線、課題と機会は独立した欄ではなく、横断的に見ることで設計判断が生まれる。
ステップ
ユーザーがゴールに到達するまでの段階を分割したものだ。書いたユーザーストーリーを時系列に並べ、気づく、確認する、完了するといった流れに整理できる。
ステップの切り方は文脈による。全体像を見たいときは粗く、特定の摩擦を深掘りしたいときは細かく切る。重要なのは、ユーザーの行動の流れを自然な形で捉えることだ。
タッチポイント
各ステップでユーザーが接触するものを整理する。画面、人、紙資料、通知などが含まれる。
タッチポイントを整理することで、どこでユーザーがプロダクトと関わっているかが見える。特定のタッチポイントでの摩擦が、感情の落ち込みにつながっているかもしれない。
感情曲線
各ステップでのユーザーの感情変化を記録する。喜怒哀楽ではなく、期待とのギャップ、ストレス、満足度などの文脈で捉える。
感情曲線は、ユーザーの自然な感情変化を観察・記録するものであって、デザインで操作・演出する対象ではない。感情の高低はユーザーの個性ではなく、タッチポイントの設計齟齬に起因することが多い。主観的な記録に過ぎないが、複数のユーザーから共通するパターンが見えれば、設計で介入すべき課題の手がかりになる。
課題と機会
ステップ、タッチポイント、感情曲線を見渡し、そこから課題と改善の機会を抽出する。これがジャーニーマップの設計判断への接続点だ。
課題を抽出する際の心がけは、単なる不満の列挙で終わらせないことだ。タッチポイントとの因果関係を見て、設計で介入できる形に言語化する。
4. カスタマージャーニーとペルソナ・ユーザーストーリーの関係
カスタマージャーニーは、ペルソナとユーザーストーリーの文脈を時間軸で繋ぐものだ。3つのツールは独立して使われるのではなく、設計判断へ至る連続した流れとして機能する。
ペルソナが提供する文脈
ペルソナは「誰のための体験か」を定める。「タロー」という人物像を持つことで、ジャーニーの各ステップに共通の文脈が与えられる。
タローの生活リズムや課題を知っていれば、朝のタスク確認がどういう状況で行われるかが具体的にイメージできる。ペルソナがなければ、ジャーニーは抽象的な一般論になりがちだ。
ユーザーストーリーが提供する具体的な欲求
ユーザーストーリーは「その場面で何をしたいか」を定める。「短時間でタスクを確認したい」という欲求があれば、ジャーニーのどのステップでどのような感情変化が起きるかが予測できる。
ストーリーはジャーニーの「点」となる。複数のストーリーを時系列に並べることで、ジャーニーという「流れ」が形成される。
ジャーニーが明らかにする連続性
ペルソナとユーザーストーリーがあっても、それらが時間的にどう連続するかは見えにくい。ジャーニーは、その連続性を可視化する。
たとえば、タスク確認のストーリーの前に「気づく」ステップがあり、その前に「朝の準備」ステップがある。この流れの中で、朝の慌ただしさがタスク確認の焦りにつながっていることが見える。
3つを使い分ける
実務では、この3つを使い分ける。ペルソナで文脈を共有し、ユーザーストーリーで具体的な欲求を整理し、ジャーニーで時間的な流れと課題を捉える。
どのツールも「実ユーザーの文脈から逸脱していないか」を常に確認しながら使う。そうすることで、設計判断がユーザーの実態に即したものになる。
5. カスタマージャーニーの作り方
ここからは、ペルソナとユーザーストーリーを前提に、ジャーニーマップを作成する具体的なステップを解説する。
5-1 ステップの洗い出し
まず、ユーザーストーリーを時系列に並べ、ゴールに至るまでの段階を分割する。書いたストーリーがどの順序で起きるかを整理し、ステップとしてまとめる。
ステップの切り方は文脈による。認知から完了までの大まかな流れを見たい場合は粗く、特定の摩擦を深掘りしたい場合は細かく切る。重要なのは、ユーザーの実際の行動の流れを追うことだ。
実務で崩れやすいのは、プロダクトの都合で「こうあるべき」という流れを先に描いてしまうことだ。インタビューで見えた実際の行動から導出した流れでなければ、改善の基盤として機能しない。
また、ステップを細かく切りすぎると全体像が見えにくくなる。最初は粗い粒度で整理し、特定の摩擦を深掘りしたい箇所に絞って細かくするのが現実的だ。
5-2 タッチポイントの整理
各ステップでユーザーが何と接触するかを整理する。画面だけでなく、人、紙資料、通知、エラーメッセージなども含む。
タッチポイントを整理することで、ユーザーがプロダクトと関わっている場面が見える。特定のタッチポイントでの摩擦が、感情の落ち込みや行動の停滞につながっているかもしれない。
ここで重要なのは、タッチポイントを羅列するだけで終わらせないことだ。どのタッチポイントでどんな期待が生まれ、それが満たされたか、齟齬が生じたかを見る。
初心者が陥りやすいのは、タッチポイントを「画面」だけに限定してしまうことだ。通知、エラーメッセージ、人との接触など、プロダクト外も含めて拾うことで、離脱の本当の原因が見えやすくなる。
5-3 感情曲線の描き方
各ステップでのユーザーの感情変化を記録する。喜怒哀楽という単純な感情ではなく、期待とのギャップ、ストレスの度合い、満足度の変化などを文脈として捉える。
感情曲線は、ユーザーの自然な感情変化を観察・記録するものだ。デザインで操作・演出する対象ではなく、タッチポイントの設計齟齬がどう感情に影響しているかを見るための材料である。
複数のユーザーの感情曲線を重ねると、共通するパターンが見えてくる。感情が大きく落ち込むステップは、改善優先度が高い候補となる。
崩れやすいのは、感情の高低を「なんとなくの印象」で決めてしまうことだ。インタビューや行動ログなど実際のデータに基づかない感情曲線は、主観的な推測でしかない。複数人のデータを重ねて共通するパターンを確認する工程が必要だ。
5-4 課題と機会の抽出
ステップ、タッチポイント、感情曲線を横断的に見渡し、課題と改善の機会を抽出する。これがジャーニーマップから設計判断への接続点だ。
課題を抽出する際の心がけは、単なる不満の列挙で終わらせないことだ。どのタッチポイントのどの設計が、どう感情に影響しているかという因果関係を見て、設計で介入できる形に言語化する。
また、課題だけでなく機会も見逃さない。感情が高まっているステップや、競合との差別化が可能なタッチポイントは、改善の機会となる。
初心者がよく陥るのは、課題は見つけても改善機会に変換できないことだ。「ここが不満だ」で終わらず、「どのタッチポイントのどの設計が原因で、どう介入できるか」という形に言語化することで、次の設計判断に繋げられる。
ジャーニーマップサンプル
「何を記述するか」を具体的に理解するために、タローのタスク確認フローを例に、簡易サンプルを示す。
| 気づく | 確認する | 完了する | |
|---|---|---|---|
| タッチポイント | プッシュ通知 | タスク一覧画面 | 完了ボタン・確認モーダル |
| 感情 | ▲ 不安（見落としが怖い） | ▼ 焦り（時間がない） | ▲ 安心（終わった） |
| 課題 | 通知に気づかないことがある | 情報量が多く時間がかかる | 誤タップで取り消せるか不安 |
| 機会 | 通知タイミングの最適化 | 重要タスクの優先表示 | 完了後のフィードバック強化 |
注目するのは「感情」と「課題」の組み合わせだ。感情が落ちているステップに課題が重なっているほど、設計介入の優先度が高くなる。「確認する」ステップが改善の最優先候補として浮かび上がるのは、このマップがあってこそだ。
6. この知識がUI設計で効く場面
カスタマージャーニーは、UXリサーチの成果物であるだけでなく、UIの具体的な改善判断の根拠になる。
- どの接点で離脱が起きているかを見つけるとき: 感情が落ち込むステップとタッチポイントの組み合わせから、離脱・離脱予備軍の発生箇所を特定できる。修正すべき画面や通知の候補が絞られる。
- どの画面や通知が期待とズレているかを把握するとき: タッチポイント×感情曲線の交差点を見ることで、「ここで期待が裏切られている」という設計の齟齬が見える。ワイヤーフレームや画面設計の優先順位に直結する。
- どこに改善リソースを集中させるかを決めるとき: 感情が大きく落ち込むステップや、複数ユーザーに共通する摩擦ポイントは、設計介入のコストパフォーマンスが高い。限られたリソースをどこに投入するかを根拠付きで判断できる。
設計フェーズに入ったとき、ジャーニーマップを手元に置いておくと、この3つの問いを立てやすくなる。
7. まとめ
カスタマージャーニーは、ペルソナとユーザーストーリーの文脈を時間軸で繋ぎ、体験の流れ全体を設計判断の材料に変換するツールだ。
ペルソナで「誰のため」が定まり、ユーザーストーリーで「何をしたい」が見え、ジャーニーで「どう流れる」が明らかになる。この3つを通して、実ユーザーの文脈が設計に引き継がれる。
実務で崩れやすいのは、どの段階でも「理想の流れ」に寄りすぎることだ。インタビューで見えた実際の行動や感情から逸脱すると、改善すべき課題が見えにくくなる。
この流れを習得すれば、時間とともに変化するユーザー体験を、改善の課題と機会に翻訳できる。
ジャーニーで見えた課題は、次のStep 5「ワイヤーフレームの作成」で画面構成に落とし込む土台になる。感情が落ちる接点は改善優先度の高い画面として、タッチポイントの摩擦は導線設計の見直し箇所として、それぞれワイヤーフレームの判断材料になる。まずは1つのユーザーストーリーから始め、ステップと感情曲線を描きながら次のステップへ進もう。
関連知識
この記事に登場した概念の定義は、以下の用語集で確認できる。