カスタマー・エクスペリエンスとユーザー・エクスペリエンス：その違いが重要な理由

[(原文) Customer Experience vs. User Experience: Why the Difference Matters](https://www.uxpin.com/studio/blog/customer-experience-vs-user-experience-why-the-difference-matters/?utm_source=Blog&utm_medium=Qiita&utm_campaign=Japan&utm_content=%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%83%BC%E3%83%BB%E3%82%A8%E3%82%AF%E3%82%B9%E3%83%9A%E3%83%AA%E3%82%A8%E3%83%B3%E3%82%B9%E3%81%A8%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E3%83%BB%E3%82%A8%E3%82%AF%E3%82%B9%E3%83%9A%E3%83%AA%E3%82%A8%E3%83%B3%E3%82%B9%EF%BC%9A%E3%81%9D%E3%81%AE%E9%81%95%E3%81%84%E3%81%8C%E9%87%8D%E8%A6%81%E3%81%AA%E7%90%86%E7%94%B1)
By Jerry Cao

ユーザーエクスペリエンスとカスタマーエクスペリエンスは同じではありません。

ほとんどのデザイナーはUXに直接影響を与えますが、CXという大きな文脈も理解する必要があります。カスタマー・エクスペリエンスとは、ユーザーが価格比較をしているときから、製品を試しているとき、そしてニーズが満たされないときにカスタマーサービスに頼るかもしれないときまでの、全てのステップを表します。

![image.png](https://studio.uxpincdn.com/studio/wp-content/uploads/2016/01/Screen-Shot-2016-01-11-at-5.49.30-PM.png.webp)

ここでは、それぞれの分野のニュアンスと、CXへの理解を深めることでUXデザイナーとしての資質を高める方法をご紹介します。

## ユーザーエクスペリエンスとは？
UXとは、特定の製品（ここではWebサイト、アプリ、ソフトウェア）における顧客／ユーザーの体験のことです。インターフェイスのデザイン、つまりその使いやすさ、情報アーキテクチャ、ナビゲーション、理解度、学習可能性、視覚的な階層など、すべてが組み合わさって、ポジティブであれネガティブであれ、UXを生み出します。

UXデザイナーの目標は、ブランドが適切な問題を解決する製品を、効率的かつ楽しい方法でデザインすることです。

## カスタマーエクスペリエンスとは？
CXは、アプリなどの特定の製品を含む、ブランドのすべてのチャネルでのお客様の体験を意味します。CXは、同じブランド内のすべてのチャネルとすべての製品を包括する概念であり、ユーザーがそれらに対してどのように感じているかを表しています。

![image.png](https://studio.uxpincdn.com/studio/wp-content/uploads/2016/01/image061.jpg.webp)
写真クレジット：["図6：要素2-デジタル・カスタマー・エクスペリエンス（DCX）"](https://www.flickr.com/photos/altimetergroup/13716514053/). AltimeterGroup. [Creative Commons](https://creativecommons.org/licenses/by/2.0/legalcode).

一般的にCXとは、ユーザーがどのように感じているかを指します。

- 顧客サービス
- 広告
- ブランドの評判
- 販売プロセス
- 価格の妥当性
- 製品の提供
- 個々の製品のUXまで

CXコンサルタントの目的は、お客様の幸せを念頭に置いて、ビジネス戦略と実際のお客様の総合的な体験を一致させることです。

## UXとCXの違い
その違いを2つの例で説明しましょう。

**悪いUXと良いCX**

まず、あなたが携帯電話で写真を編集するアプリを買ったとします。

あなたはPhotoshopのようなプログラムが好きで、特にスマホにそのような細かい機能が欲しいと思って購入しました。しかし、実際にアプリを使ってみると、インターフェイスが分かりにくく、欲しい機能を見つけることすらできませんでした。(UX)

幸いなことに、ヘルプラインが用意されています。電話をかけると、フレンドリーなカスタマーサービスの担当者がすぐに答えてくれて、目的の機能へのアクセス方法をステップごとに説明してくれます。これですべてがクリアになりました。さらに、お礼として25ドルのクレジットをくれました。(CX)

これは、UXは悪くても、CXは良いという良い例です。このアプリのインターフェイスは混乱していて、うまく調整されていないため、使用感は悪いものでした。しかし、このアプリのブランドの他の側面（カスタマーサービスや無料クレジット）に対するあなたの経験は素晴らしいものでした。

しかし、これはどちらにも当てはまります。以下の2つ目の例はよくあることです。

**良いUXと悪いCX**

あなたは航空券を注文したいと思っています。航空会社のアプリをダウンロードして、チケットを閲覧・購入する方が簡単だと思っています。その通りです。航空会社のアプリを使ったことがない人でも、分かりやすいインターフェース、明確なナビゲーション、速い読み込み時間のおかげで、10分以内に最適なフライトを見つけて予約することができました。(UX)

![image.png](https://studio.uxpincdn.com/studio/wp-content/uploads/2016/01/image052.png.webp)
Photo credit: [Virgin Atlantic Android App](https://play.google.com/store/apps/details?id=com.vaa.runway&hl=en)

しかし、空港に着いてからは全く別の話です。チェックインブースは人手不足で、不必要に長い列ができています。係員の態度は悪いし、預けた荷物を放り投げるような態度も気に入らない。フライト中のサービスもそれほど良くない。(CX)

![image.png](https://studio.uxpincdn.com/studio/wp-content/uploads/2016/01/image001.jpg.webp)
写真クレジット：["Airport Line."](https://www.flickr.com/photos/orijinal/6010225343/in/photolist-aa6YAT-cK51EU-7kBB6P-55eHzg-bExMwF-e49JUJ-cK4Xpd-cK4WS9-cK4UH1-dqdL4-beHA1p-nS2TjT-bz7AjD-4EEYAB-5S1Uun-8M3N9c-ohGeqj-aoe7mM-CQ1tnR-rYehXS-8WpgGb-2tDQkc-dStGhR-vGsWU9-59pnzW-2NCh2p-bpLcwk-bpLiCa-8ZXGeW-bpLgKR-ng9vKc-6ovssq-kmrU4n-9uq6eA-6mHAFT-aBCdHi-9yKbPm-og85sC-DLxpR-paQFvF-9UpzPN-ihCeDn-powXAd-35ehqJ-bxGY9j-bpLbxH-8fjMG8-6E6VJZ-bpLg7p-porTkP) Jaysin Trevino. [Creative Commons](https://creativecommons.org/licenses/by/2.0/legalcode).

ブランドの一面であるアプリがお客様を満足させる一方で、他の部分は満足させられませんでした。アプリのUXがどれだけ優れていても、他のサービスを補うことができず、結果的に全体のCXが損なわれてしまったのです。要するに、お客様は費やしたお金と受けたサービスに満足していないのです。

お客様に満足していただくためには、UXとCXの間に一貫性が必要です。

お客様は、すべての出来事をブランド全体の体験として解釈します。満足しているか、していないかのどちらかです。

## UXがCXを向上させる4つの方法
間違いではありません。UXは、CX全体に最も強い影響を与えるものの一つです。

ここでは、CXを向上させる4つのUXテクニックをご紹介します。

- **顧客からのフィードバックを容易にする** - 顧客向けヘルプラインを見つけにくい場所に埋めてはいけません。ユーザーとのコミュニケーションは、できるだけオープンで簡単なものにしたいものです。[UXPinをリニューアルした際のベータテスト](https://www.uxpin.com/uxpin-redesigned-is-here?utm_source=Blog&utm_medium=Qiita&utm_campaign=Japan&utm_content=%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%83%BC%E3%83%BB%E3%82%A8%E3%82%AF%E3%82%B9%E3%83%9A%E3%83%AA%E3%82%A8%E3%83%B3%E3%82%B9%E3%81%A8%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E3%83%BB%E3%82%A8%E3%82%AF%E3%82%B9%E3%83%9A%E3%83%AA%E3%82%A8%E3%83%B3%E3%82%B9%EF%BC%9A%E3%81%9D%E3%81%AE%E9%81%95%E3%81%84%E3%81%8C%E9%87%8D%E8%A6%81%E3%81%AA%E7%90%86%E7%94%B1)で行ったように、明確ですぐに目に入るコールトゥアクションを作成したり、モーダルでフィードバックを募ったりします。お客様は自分の意見を聞いてもらえることに喜びを感じますが、そのコミュニケーションの糸口を開くのはあなた自身です。UXの観点からも、フィードバックを集約することで、製品を改善するためのヒントが得られます。

![image.png](https://studio.uxpincdn.com/studio/wp-content/uploads/2016/01/slack-imgs.png.webp)

- **フィードバックに対するフィードバックの提供 - 「お客様の声を聞く」という言葉を覚えていますか？そのためには、お客様のコメントが実行されている、あるいは少なくとも読まれているというフィードバックを与えることが不可欠です。製品やウェブサイトのトーンは、カスタマーサポートの回答に使われているトーンに合わせるべきです。**

- **適切な状況下でチャネルを組み合わせる** - [90%のユーザーが1つのタスクを複数のデバイスで実行する](https://www.slideshare.net/annadahlstrom/building-device-agnostic-ux-systems-geekgirl-london-28-oct-2014)ことを考えると、マルチデバイスでの体験は常に堅実な戦略です。これをCXに応用すると、カスタマーサービスやその他の関連サービス/製品を適切なタッチポイントで結びつけることができます。例えば、シティバンクは、他の多くのサイト（アマゾンなど）と同様に、カスタマーサービス担当者とのインスタントメッセージングを既存の[ユーザーフロー](https://www.uxpin.com/studio/blog/creating-perfect-user-flows-for-smooth-ux/)の一部として提供しており、これを利用した人にとっては時間の節約になります。

- **チーム間のコンテクストを提供する** - カスタマーサービスやサプライチェーンのチームが製品デザインを決定すべきではありませんが、製品デザインのプロセスには必ず参加してもらう必要があります。デザイナーは、実現可能性について彼らの意見を求め、彼らの役割が製品の約束を果たすためにどのように役立つか（そして問題が生じた場合にどのように解決できるか）を説明する必要があります。そして、[カスタマージャーニーマップ](https://www.smashingmagazine.com/2015/01/all-about-customer-journey-mapping/)は、すべての人が体験全体を視覚化するのに役立ちます。

![image.png](https://studio.uxpincdn.com/studio/wp-content/uploads/2016/01/image021.png.webp)

## 考察
UXは、より大きなCXの一部に過ぎません。

CXは、ブランドのあらゆる側面に対する顧客のインタラクションを対象としており、ウェブサイト、アプリ、ソフトウェアなどのデジタル製品も当然含まれます。UXは、製品の実体とのインタラクションのみに限定されます（ブランドのウェブサイトが提供する体験と、アプリが提供する体験は異なります）。

ホリスティックなUXデザインについてもっと知りたい方は、無料の[UX Trends e-book bundle](https://www.uxpin.com/studio/ebooks/?utm_source=Blog&utm_medium=Qiita&utm_campaign=Japan&utm_content=%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%9E%E3%83%BC%E3%83%BB%E3%82%A8%E3%82%AF%E3%82%B9%E3%83%9A%E3%83%AA%E3%82%A8%E3%83%B3%E3%82%B9%E3%81%A8%E3%83%A6%E3%83%BC%E3%82%B6%E3%83%BC%E3%83%BB%E3%82%A8%E3%82%AF%E3%82%B9%E3%83%9A%E3%83%AA%E3%82%A8%E3%83%B3%E3%82%B9%EF%BC%9A%E3%81%9D%E3%81%AE%E9%81%95%E3%81%84%E3%81%8C%E9%87%8D%E8%A6%81%E3%81%AA%E7%90%86%E7%94%B1)をご覧ください。350ページ以上のアドバイスと、現代のデザイナーに最適なモバイル、ウェブ、UXのテクニックを300以上の例で紹介しています。


**本記事は2016/1/12投稿、2020/4/29更新を翻訳したものです。**