ユーザーリサーチで収集したデータは、そのままでは設計チームが活用しにくい状態です。インタビュー音声・付箋の山・アンケート集計——これらを設計の意思決定に直接使える形式に変換するのが、ペルソナとジャーニーマップの役割です。このレッスンでは、リサーチデータに基づいたペルソナの作成方法、5列構成のジャーニーマップの設計、そしてタッチポイント分析まで、実務で今すぐ使えるレベルで習得します。
ペルソナ・ジャーニーマップ — ペルソナ構造とジャーニーマップ5列フレーム
ペルソナとは、ユーザーリサーチのデータから抽出した典型的なユーザー像を架空の人物として具体化したものです。Alan Cooperが1998年の著書「The Inmates Are Running the Asylum」で提唱し、現在のUX設計の標準ツールになりました。
ペルソナを作る目的は3つあります。
| 種類 | 特徴 | 使いどころ |
|---|---|---|
| 一次ペルソナ | メインターゲット。このユーザーのためにデザインする | コアユーザー向け設計 |
| 二次ペルソナ | 一次ペルソナの設計に悪影響を与えない範囲で考慮する | サブグループの要件管理 |
| 否定ペルソナ | このユーザー向けには設計しないと宣言する存在 | スコープ管理・スコープクリープ防止 |
プロジェクトで最も重要なのは一次ペルソナ1〜2名です。多すぎると「誰のために設計するか」が曖昧になります。
⚠️ ペルソナは「作り話」ではありません。根拠となるリサーチデータなしに作ったペルソナは「プロト-ペルソナ(Proto-Persona)」と呼ばれ、設計の根拠にはなりません。必ずインタビュー・アンケート・行動データをベースに作成してください。
ステップ1: リサーチデータの整理
インタビューと定量調査の結果をKJ法やアフィニティマッピングで整理し、以下のパターンを探します。
ステップ2: セグメントの特定
整理したデータから、行動・目標・課題が似たユーザーのグループを特定します。例えばECサービスなら「価格重視の慎重派」「ブランド重視の衝動買い派」「レビュー参考の比較検討派」といったセグメントが浮かびます。
ステップ3: ペルソナシートの作成
各セグメントの典型的な人物を1人のペルソナとして以下の項目で記述します。
| 項目 | 内容 |
|---|---|
| 名前・写真 | 親しみやすくするための仮の名前と代表的な写真(フリー素材) |
| 基本属性 | 年齢・性別・職業・居住地・家族構成・年収帯 |
| テクノロジー習熟度 | 使用デバイス・よく使うアプリ・ITリテラシーレベル |
| 目標(Goal) | このユーザーが達成したいことの上位3つ |
| ペイン(Pain) | このユーザーが感じている課題・不満の上位3つ |
| モチベーション | 行動を起こす動機・価値観 |
| 行動パターン | サービスをいつ・どこで・どのように使うか |
| 引用(Quote) | インタビューで語った言葉をそのまま抜粋 |
💡 「引用(Quote)」欄は特に重要です。「このユーザーはXXと感じている」という三人称の記述より、「私はいつも〇〇で困っています」というユーザー自身の言葉の方が、チームの共感と意思決定の根拠として強い力を持ちます。
避けるべきパターン:
ジャーニーマップ(カスタマージャーニーマップ)とは、特定のペルソナが特定の目標を達成するために辿る一連の体験を時系列で可視化したツールです。縦軸に体験の要素(行動・思考・感情・課題・機会)を、横軸に時間の流れ(フェーズ)をとります。
ジャーニーマップで明らかになること:
| ツール | 視点 | 用途 |
|---|---|---|
| ジャーニーマップ | ユーザー視点 | ユーザー体験の課題発見・改善機会特定 |
| サービスブループリント | 組織視点 | バックエンド処理・スタッフ行動の可視化 |
💡 ジャーニーマップとサービスブループリントは補完関係にあります。ジャーニーマップで「ユーザーが困っていること」を特定し、サービスブループリントで「その裏側にある業務プロセスの問題」を特定するのが理想的な流れです。
実務で最も使われるジャーニーマップは以下の5列で構成されます。
列1: フェーズ(Phase)
ユーザーの体験を時系列のステージに分割します。典型的なフェーズは「認知→検討→購入→利用→推奨」ですが、プロダクトやサービスの性質に応じてカスタマイズします。
フェーズ設計のコツ: ユーザーの「視点」でフェーズを区切ること。「アカウント登録→決済→初回ログイン」という社内の処理フローではなく、ユーザーが体験する「知る→興味を持つ→試す」という認知・感情の変化で区切ります。
列2: 行動(Actions)
各フェーズでユーザーが実際に行う行動を記述します。観察可能な行動を具体的に書きます。
列3: 思考・感情(Thoughts & Feelings)
行動時のユーザーの内面を記述します。インタビューの発言や共感マップのデータを活用します。思考は内なる問いや判断(「これは本当に安全か?」)、感情は感情状態(「焦り」「期待」「失望」)です。
感情曲線: 感情を数値(-2〜+2など)で表し、フェーズをまたいで折れ線グラフとして可視化すると、感情が落ちるポイント(ペインポイント)が視覚的に把握できます。
列4: ペイン(Pain Points)
各フェーズでユーザーが経験する課題・不満・障壁を記述します。感情曲線が最も下がるタイミングがペインポイントの集中地点になります。
ペインの深刻度分類:
列5: 改善機会(Opportunities)
各ペインを解決するための設計アイデアやビジネスチャンスを記述します。「どうすれば〜できるか(HMW)」の問いを改善機会として記述するのが効果的です。
タッチポイント(接点)とは、ユーザーが企業・ブランド・プロダクトと接触するあらゆる瞬間を指します。ジャーニーマップにタッチポイントを重ねることで、どのチャネルがユーザー体験に影響しているかが可視化されます。
デジタルタッチポイントの例:
オフラインタッチポイントの例:
現代のユーザーは複数のチャネルを行き来しながら目標を達成します。「アプリで見つけて→ウェブで比較して→店頭で確認して→スマホで購入する」というクロスチャネルの体験を一本のジャーニーとして設計することが重要です。
クロスチャネル設計のポイント:
💡 ジャーニーマップは「完成したら終わり」のドキュメントではなく、リサーチを続けながら更新し続ける生きたツールです。プロダクトの成長・ユーザー層の変化・新機能のリリースに合わせて定期的(四半期に1回など)に見直すことが重要です。
ジャーニーマップはデザイナーが単独で作るのではなく、関係者全員が参加するワークショップ形式で作成することが推奨されます。
参加者の構成(理想):
ワークショップの流れ(90分):
| ツール | 特徴 | 向いている用途 |
|---|---|---|
| FigJam | Figmaとシームレスに連携 | デザインチーム主導のプロジェクト |
| Miro | テンプレートが豊富・リモート協作に強い | 大人数のワークショップ |
| Mural | ファシリテーション機能が豊富 | 研修・大規模ワークショップ |
| Notion / Confluence | テキストと表で簡易作成 | スタートアップ・小規模チーム |
作成したペルソナとジャーニーマップは、以下の場面で設計判断の根拠として使います。
| タイミング | 理由 |
|---|---|
| 新しいリサーチを実施した後 | 新しい発見をペルソナ・マップに反映 |
| 新機能のリリース後 | ユーザー体験の変化を記録 |
| ユーザー層が大きく変わったとき | 新しいセグメントへのペルソナ更新 |
| 四半期ごとの定期見直し | 継続的な精度向上 |
ペルソナはリサーチデータから抽出した典型的なユーザー像であり、設計チームの共通言語になります。リサーチなしの「架空ペルソナ」は設計の根拠にはなりません。ジャーニーマップは「フェーズ・行動・思考感情・ペイン・改善機会」の5列で構成し、感情曲線を重ねることでペインポイントの優先順位が一目瞭然になります。タッチポイント分析でオンライン・オフラインをまたぐ体験の全体像を把握し、最も改善インパクトの大きい接点から設計改善を始めることが実務での正しいアプローチです。
全問正解でこのレッスンが「完了」になり、コースの全レッスンを完了すると修了証が発行されます。解説つき・何度でも挑戦できます。
Q1.リサーチをせず、チームの想定だけでペルソナを作りました。本文に照らした評価はどれですか?
Q2.ジャーニーマップのフェーズの区切り方として、本文のコツに沿うものはどれですか?
Q3.ユーザーが困る場面を特定した後、その裏側にある業務プロセスの問題を可視化したい場合、本文で適したツールはどれですか?
完全無料・クレジットカード不要
成果の出るLP制作完全講座
LPのCVRを高める最大の要因は「デザインの美しさ」でも「文字の多さ」でもなく、ターゲットの心理を正確に把握しているかどうかです。
25分本文は無料で閲覧可
実践Webデザイン - Figma完全マスター講座
デザイナーとエンジニアが初めてコラボレーションできるツールを作る——そんなビジョンのもと、Figmaは2016年にDylan FieldとE
30分無料公開
実践Webデザイン - Figma完全マスター講座
Figmaを開いた瞬間、無限に広がる白いキャンバスと見慣れないパネル群に戸惑う人は多いです。
30分無料公開
実践Webデザイン - Figma完全マスター講座
「なんとなくデザインがおかしい」「プロっぽく見えない」——そんな感覚の正体の多くは、デザイン4原則のどれかが守られていないことにあります。
30分無料公開
実践Webデザイン - Figma完全マスター講座
配色はデザインの中で最も「感覚的」と思われがちですが、実は明確なルールと手順があります。
30分本文は無料で閲覧可
実践Webデザイン - Figma完全マスター講座
タイポグラフィはデザインの中で最も情報量が多いにもかかわらず、最も軽視されがちな要素です。
30分本文は無料で閲覧可