UXとCX

UX(User Experience)は、ユーザーが製品やサービスを利用することで得られる体験のことです。CX(Customer Experience)は、顧客が企業やブランドとの一連の関わりを通して得られる体験のことです。UXやCXを考える手法には、カスタマージャーニーマップ、サービスブループリント、構造化シナリオ法などがあります。

最終更新日:2026年9月6日

このページで覚えること

このページでは、次の5点を押さえます。

  • UXは、ユーザーが製品やサービスを利用することで得られる体験
  • CXは、顧客が企業やブランドとの一連の関わりを通して得られる体験
  • カスタマージャーニーマップは、顧客が商品やサービスを認知してから、比較・検討、購入、利用、リピートに至るまでなどの一連の体験を、行動や接点、思考、感情などとともに可視化する手法
  • サービスブループリントは、顧客の行動と、それに対応する顧客から見える活動や見えない業務などを関連付けて可視化する手法
  • 構造化シナリオ法は、UXデザインにおいて、ユーザーが求める価値から具体的な行動や操作へ段階的にシナリオを具体化する手法
永山絵美梨

永山絵美梨

今回はUXとCXについて学習します。

バロン

バロン

UXは聞いたことあるですぞ。
ユーザーエクスペリエンス、ユーザー体験のことですな。

永山絵美梨

永山絵美梨

正解です。
では、CXは分かりますか?

バロン

バロン

CXは聞いたことがないですぞ。

永山絵美梨

永山絵美梨

CXは、カスタマーエクスペリエンスのことで、日本語では顧客体験と言います。

バロン

バロン

ユーザー体験と顧客体験……。
似たような言葉ですな。

永山絵美梨

永山絵美梨

そうですね。
実際に重なる部分もありますが、同じ意味ではありません。

バロン

バロン

何が違うのですかな?

永山絵美梨

永山絵美梨

いきなり違いを説明するのは難しいので、まずはUXとCXについて、それぞれの特徴を見ていきましょう。

UX

永山絵美梨

永山絵美梨

UXは「User Experience」の略で、日本語では「ユーザー体験」と呼ばれます。
製品やサービスを利用することで、ユーザーが得る体験のことです。

バロン

バロン

体験型ギフトとかが代表的なUXですな?

永山絵美梨

永山絵美梨

それも「体験」ではありますが、UXでいう体験は、そうした特別な体験だけを指すわけではありません。

バロン

バロン

違うのですかな?

永山絵美梨

永山絵美梨

はい。
たとえば、タコの唐揚げを買って食べる場合を考えてみてください。
おいしかった、お腹いっぱいになった、満足した。
こうした商品を利用することで得られる体験もUXです。

バロン

バロン

食べ物にもUXがあるのですな。

永山絵美梨

永山絵美梨

はい。
UXはユーザー体験なので、利用する人がいる製品やサービスであれば、幅広くあてはまると考えてください。
レストランでの飲食サービスや商品、ITサービスなど、さまざまな製品やサービスにUXの考え方はあてはまります。

バロン

バロン

何か特別な体験をすることだけがUXというわけではないのですな。

永山絵美梨

永山絵美梨

そのとおりです。
そして、ユーザーにとってより良い体験になるように製品やサービスを設計することを「UXデザイン」といいます。

バロン

バロン

ユーザーが満足できるような体験を考えて設計するわけですな。

永山絵美梨

永山絵美梨

そういうことです。

バロン

バロン

そういえば、UXはUI/UXデザインと書かれているのを見るですぞ。
あれは何ですかな?

永山絵美梨

永山絵美梨

UI/UXデザインは、UIデザインとUXデザインを合わせた書き方ですね。
UIは、ユーザーインタフェースの略なので、画面やボタンの配置といったUIのデザインがUIデザインですね。

バロン

バロン

それは知ってるですぞ。
なんで操作画面のデザインと、ユーザー体験のデザインが一緒になるのかという質問ですぞ。

永山絵美梨

永山絵美梨

なるほど、そちらですね。
では、LDLAのサイトを考えてみましょう。

バロン

バロン

このサイトですな。

永山絵美梨

永山絵美梨

たとえば、ボタンがどこにあるのか分からなかったり、目的の記事を探しにくかったりしたら、サイトを利用した体験も悪くなりますよね。

バロン

バロン

それは使っていてストレスがたまりそうですな。

永山絵美梨

永山絵美梨

そうですよね。
このように、Webサイトやアプリなどでは、UIの使いやすさや分かりやすさがUXに大きく影響します。
そのため、UIデザインとUXデザインを一緒に扱うことが多いんです。

バロン

バロン

なるほどですぞ。
UIそのものがUXなのではなく、UIの良し悪しがUXに影響するということですな。

永山絵美梨

永山絵美梨

そのとおりです。
ただし、UIさえ良ければUXが良くなるわけではありません。
画面が分かりやすくても、表示が遅かったり、必要な機能がなかったりすれば、良いUXとはいえません。

バロン

バロン

UIはUXを良くするための大事な要素の一つということですな。

永山絵美梨

永山絵美梨

その理解で大丈夫です。

ここで覚えること

  • UXは、製品やサービスを利用することでユーザーが得る体験
  • UXには、使いやすさだけでなく、楽しさや満足なども含まれる
  • UXデザインは、より良いユーザー体験を実現するための設計
  • UIはUXに大きく影響するが、UIとUXは同じものではない

CX

永山絵美梨

永山絵美梨

次はCXです。
CXは「Customer Experience」の略で、日本語では「顧客体験」と呼ばれます。

バロン

バロン

UXのユーザーが、カスタマーに変わっただけに見えますぞ。

永山絵美梨

永山絵美梨

そう思いますよね。
CXでは、顧客が企業やブランドと関わる中で得る一連の体験を考えます。

バロン

バロン

一連の体験ですかな?

永山絵美梨

永山絵美梨

たとえば、さっきのタコの唐揚げを考えてみましょう。
商品を知る、店を探す、注文する、商品を受け取る、食べる、必要なら問い合わせをするといった様々な場面がありますよね。

バロン

バロン

タコの唐揚げを食べたときの体験だけではないのですな。

永山絵美梨

永山絵美梨

はい。
顧客が企業やブランドと接する様々な場面を含めて、一連の顧客体験として考えるのがCXです。

バロン

バロン

では、タコの唐揚げを食べて満足したのがUXで、注文したり受け取ったりするところがCXということですかな?

永山絵美梨

永山絵美梨

大まかなイメージとしては近いのですが、そこは少し注意が必要です。
UXとCXは、行動だけで完全に分けられるものではありません。

バロン

バロン

どういうことですかな?

永山絵美梨

永山絵美梨

何を製品やサービスとして見ているのかによって変わるんです。
タコの唐揚げという商品を対象にするなら、食べたときの味や満足感などが、その商品のUXになります。

バロン

バロン

これは分かりますぞ。

永山絵美梨

永山絵美梨

一方、デリバリーサービスそのものを対象にするなら、店を探したり、商品を選んだり、アプリで注文したりする体験も、そのサービスのUXです。

バロン

バロン

注文するところまで、そのサービスを利用する体験なのですな。

永山絵美梨

永山絵美梨

そういうことです。
そして、顧客としてその企業との関わり全体を見る場合には、商品を食べたときのUXや、デリバリーサービスを利用したときのUX、配達や問い合わせ対応などの体験が積み重なって、全体としてCXを形づくります。

バロン

バロン

なるほどですぞ。
UXとCXを別々に切り分けるのではなく、顧客として見れば、それぞれの体験がCX全体につながっていくのですな。

永山絵美梨

永山絵美梨

その理解で大丈夫です。
ユーザーが顧客でもある場合には、製品やサービスのUXが、CXを形づくる重要な要素になることがあります。
そして最近では、商品そのものの価値だけでなく、こうした一連の顧客体験であるCXが重視されるようになっています。

バロン

バロン

ところで、なぜCXが重視されるようになったのですかな?

永山絵美梨

永山絵美梨

顧客の行動や購買行動が変化していることが背景の一つです。
今では、商品を購入する前にインターネットで検索したり、口コミを見たり、SNSで情報を集めたりすることも珍しくありません。

バロン

バロン

お店に行って、そこにある商品から選ぶだけではなくなったわけですな。

永山絵美梨

永山絵美梨

そうですね。
顧客と企業との接点が増えたことで、商品そのものだけではなく、購入する前から購入した後までを含めた「体験価値」が重視されるようになっています。

バロン

バロン

良い商品を売るだけではなく、そこに至るまでや、その後の体験も大切ということですな。

永山絵美梨

永山絵美梨

そのとおりです。

CXが重視される背景

  • 顧客行動・購買行動の変化
  • 商品そのものだけでなく、購入前から購入後までの体験価値が重視される
  • 企業との一連の顧客体験であるCXが重要になる

ここで覚えること

  • CXは、顧客が企業やブランドとの一連の関わりを通して得られる体験
  • 製品やサービスのUXは、CXを形づくる要素になることがある
  • 顧客行動や購買行動の変化によって、商品そのものだけでなく体験価値が重視されている

カスタマージャーニーマップ

永山絵美梨

永山絵美梨

では、ここからはUXやCXを考えるために使われる手法を見ていきましょう。
まずは「カスタマージャーニーマップ」です。

バロン

バロン

カスタマージャーニー……。
ジャーニーは旅行という意味でしたかな。

永山絵美梨

永山絵美梨

はい。
カスタマージャーニーでは、顧客が商品やサービスを知り、検討し、購入して利用するといった一連の体験を「旅」に見立てて考えます。

バロン

バロン

それでカスタマージャーニーなのですな。

永山絵美梨

永山絵美梨

そういうことです。
カスタマージャーニーマップでは、顧客が商品やサービスを認知してから、比較・検討、購入、利用、リピートに至るまでなどの流れに沿って、顧客の行動や企業との接点、考えていることや感情などを整理して可視化します。

タコの唐揚げデリバリーを例に、認知、比較・検討、注文、受け取り、再利用・共有までの顧客の行動、タッチポイント、思考、感情、課題を時系列で示したカスタマージャーニーマップ
バロン

バロン

タコの唐揚げを知ってから、注文して、受け取って、その後まで横に並んでいますな。

永山絵美梨

永山絵美梨

はい。
上から、顧客の行動、タッチポイント、思考、感情、課題などが整理されています。

バロン

バロン

感情のところは線が下がったり上がったりしていますぞ。

永山絵美梨

永山絵美梨

顧客がそれぞれの場面で、どのように感じているのかを表しています。
たとえば、比較するところで迷っていたり、商品を受け取ったときに満足していたりしますね。

バロン

バロン

どこで困っているのかが分かれば、そこを改善できそうですな。

永山絵美梨

永山絵美梨

そのとおりです。
顧客の立場から一連の体験を可視化することで、問題点や改善できる部分を見つけやすくなります。

ここで覚えること

  • カスタマージャーニーマップは、顧客の一連の体験を「旅」に見立てて可視化する
  • 認知から比較・検討、購入、利用、リピートに至るまでなどの流れに沿って、行動、タッチポイント、思考、感情などを整理する
  • 顧客がどの場面で困っているのか、どこを改善できるのかを考えるのに役立つ

サービスブループリント

永山絵美梨

永山絵美梨

次は「サービスブループリント」です。

バロン

バロン

ブループリントは青い印刷?
これは、あまりピンとこないですな。

永山絵美梨

永山絵美梨

ブループリントは、直訳すると「青写真」になりますね。
つまり、設計図を意味する言葉です。
サービスブループリントは、サービスを提供する仕組みを、顧客の行動だけでなく、サービスを提供する側の活動まで含めて可視化する手法です。

タコの唐揚げデリバリーを例に、顧客行動、フロントステージ、バックステージ、支援プロセスなどを対応させて示したサービスブループリント
バロン

バロン

なるほどですぞ。
サービス全体の設計図というイメージなのですな。

永山絵美梨

永山絵美梨

そう考えると分かりやすいですね。
この図では、まず顧客の行動があります。
そして、その顧客から見えるところで行われる活動を「フロントステージ」と呼びます。

バロン

バロン

注文を受け付けたり、配達状況を知らせたりするところですな。

永山絵美梨

永山絵美梨

そうですね。
一方、顧客から見えないところで行われる活動が「バックステージ」です。
たとえば、注文データを厨房へ送ったり、商品を調理して梱包したりする仕事ですね。

バロン

バロン

お客さんからは見えませんが、裏では色々動いているのですな。

永山絵美梨

永山絵美梨

はい。
さらに、そのサービスを支えるシステムなどを「支援プロセス」として整理することもできます。

バロン

バロン

カスタマージャーニーマップは顧客側を中心に見て、サービスブループリントは、その裏側まで見るわけですな。

永山絵美梨

永山絵美梨

大まかには、その違いで覚えると分かりやすいですよ。

サービスブループリントの重要用語

  • フロントステージ=顧客から見える活動
  • バックステージ=顧客から見えない活動
  • 支援プロセス=サービスを支えるシステムなど

ここで覚えること

  • サービスブループリントは、サービス全体の仕組みを可視化する手法
  • 顧客行動だけでなく、顧客から見えるフロントステージ、見えないバックステージ、支援プロセスなども整理する
  • カスタマージャーニーマップが顧客側の体験を中心に見るのに対し、サービスブループリントはサービス提供側の仕組みまで見る

構造化シナリオ法

永山絵美梨

永山絵美梨

最後は「構造化シナリオ法」です。
構造化シナリオ法は、UXデザインで用いられる手法の一つです。

バロン

バロン

今度はシナリオを書くのですかな?

永山絵美梨

永山絵美梨

はい。
ユーザーが求める価値から、具体的な行動や操作へと段階的にシナリオを具体化していきます。

バロン

バロン

段階があるのですな。

永山絵美梨

永山絵美梨

3つあります。
「バリューシナリオ」
「アクティビティシナリオ」
「インタラクションシナリオ」
です。

バロン

バロン

また3つですな……。

永山絵美梨

永山絵美梨

具体例で考えてみましょう。
バロンくんが、デリバリーサービスを使ってタコの唐揚げを注文するとします。

バロン

バロン

これはやる気が出てきたですぞ。

永山絵美梨

永山絵美梨

まず「バリューシナリオ」では、ユーザーがどのような価値を求めているのかを考えます。
たとえば、
「外出せずに、自宅でおいしいタコの唐揚げを食べたい」
といったものですね。

バロン

バロン

まずは、何を実現したいのかを考えるのですな。

永山絵美梨

永山絵美梨

そうです。
次の「アクティビティシナリオ」では、その価値を得るために、ユーザーがどのような行動をするのかを考えます。

バロン

バロン

お店を探して、タコの唐揚げを選んで、注文する、といった行動ですかな?

永山絵美梨

永山絵美梨

そのとおりです。
そして「インタラクションシナリオ」では、その行動を実現するために、システムをどのように操作するのかまで具体化します。

バロン

バロン

検索画面でタコの唐揚げを探して、商品を選んで、注文ボタンを押す、といったところですな。

永山絵美梨

永山絵美梨

正解です。
つまり、
「自宅でタコの唐揚げを食べたい」という「価値」
↓
「店を探して、商品を選び、注文する」という「行動」
↓
「検索して、商品を選択し、注文ボタンを押す」という「操作」
のように、段階的に具体化していきます。

バロン

バロン

バリュー、アクティビティ、インタラクション。
「価値、行動、操作」と覚えれば分かりやすいですな。

永山絵美梨

永山絵美梨

その整理で覚えてください。

構造化シナリオ法の3段階

  • バリューシナリオ=価値
  • アクティビティシナリオ=行動
  • インタラクションシナリオ=操作
  • 価値 → 行動 → 操作の順に具体化する

ここで覚えること

  • 構造化シナリオ法は、UXデザインで用いられる手法
  • バリューシナリオでは、ユーザーが求める「価値」を考える
  • アクティビティシナリオでは、その価値を得るための「行動」を考える
  • インタラクションシナリオでは、その行動を実現するための具体的な「操作」を考える
  • 「価値 → 行動 → 操作」の順に段階的に具体化する

今日のまとめ

永山絵美梨

永山絵美梨

それでは、今日の内容をまとめましょう。

バロン

バロン

まずUXですな。
製品やサービスを利用することで、ユーザーが得る体験のことですぞ。

永山絵美梨

永山絵美梨

はい。
使いやすさだけではなく、楽しさや満足などもUXに含まれます。

バロン

バロン

UIはUXそのものではありませんが、WebサイトやアプリではUIの良し悪しがUXに大きく影響するのでしたな。

永山絵美梨

永山絵美梨

そのとおりです。

バロン

バロン

次がCX。
顧客が企業やブランドとの一連の関わりを通して得る体験ですな。

永山絵美梨

永山絵美梨

はい。
製品やサービスのUX、購入や配達、問い合わせなどの様々な体験が積み重なって、CXを形づくります。

バロン

バロン

最近は顧客の行動や買い方も変わって、商品だけではなく、購入する前から購入した後までの体験価値が重視されているのでしたな。

永山絵美梨

永山絵美梨

よく覚えていますね。

バロン

バロン

カスタマージャーニーマップは、商品などを認知してから、購入、利用、リピートに至るまでなどの顧客の体験を、時間の流れに沿って可視化するものですな。

永山絵美梨

永山絵美梨

はい。
行動だけでなく、タッチポイント、思考、感情なども整理します。

バロン

バロン

サービスブループリントは、顧客の行動だけでなく、フロントステージやバックステージなど、サービスを提供する側の仕組みまで見るものですな。

永山絵美梨

永山絵美梨

そのとおりです。

バロン

バロン

最後の構造化シナリオ法は、
バリューが価値、
アクティビティが行動、
インタラクションが操作。
この順番でしたな。

永山絵美梨

永山絵美梨

完璧です。

バロン

バロン

今日はタコの唐揚げのおかげで、ずいぶん理解できたですぞ。

永山絵美梨

永山絵美梨

それなら良かったです。

バロン

バロン

これで実際にタコの唐揚げが出てくると文句なしですぞ。
チラッ。

永山絵美梨

永山絵美梨

冷凍のタコの唐揚げで良ければ、ストックがあるはずなので、あとで作ってあげますよ。

バロン

バロン

今回の勉強のUXは100点満点ですぞ。

確認問題

問1 UXの説明として最も適切なものはどれですか?
問2 UIとUXの関係について、最も適切なものはどれですか?
問3 CXの説明として最も適切なものはどれですか?
問4 CXが重視される背景として適切なものはどれですか?
問5 顧客が商品やサービスを認知してから、比較・検討、購入、利用、リピートに至るまでなどの一連の体験を、行動や思考、感情などとともに可視化する手法はどれですか?
問6 サービスブループリントの特徴として最も適切なものはどれですか?
問7 サービスブループリントにおいて、顧客から見えるところで行われるサービス提供側の活動を何と呼びますか?
問8 構造化シナリオ法において、ユーザーが求める価値を考えるシナリオはどれですか?
問9 構造化シナリオ法における正しい順序はどれですか?
問10 デリバリーサービスで「商品を検索し、選択して、注文ボタンを押す」といった具体的な操作を考えるシナリオはどれですか?