UI・UX・CXの違いとは？順番と例、職種の違いを一覧表で解説

最終更新：2026年10月17日

UI・UX・CXの違いは、一語で言えば「画面・体験・関係」です。UI（ユーザーインターフェース）は人が製品に触れる画面や操作の部分、UX（ユーザーエクスペリエンス）はその製品を使う前後を含めた体験、CX（カスタマーエクスペリエンス）は製品の外側も含めて、その会社とのあいだに積み重なる関係の全体を指します。三つは別々のものではなく、UIはUXの一部、UXはCXの一部という入れ子の関係です。この記事では、架空のジムの予約アプリ一つを例に、三つの違いを一覧表で整理し、それぞれの定義と出どころ、混同したときに起きる失敗、どれから考えるかの順番、職種の違いまでを書いていきます。

UI・UX・CXの違い一覧──画面・体験・関係

UI・UX・CXの違いは、見ている範囲の広さです。UIは画面の中、UXは製品を使う体験の中、CXはその会社と出会ってから離れるまでの関係の中を見ます。

それぞれを一文で言うと、次のようになります。UIは、人が製品を操作するときに目にして触れる部分（画面・ボタン・文字・操作の手順）のことです。UXは、その製品を使う前から使ったあとまでに、人が感じたり考えたりすることの全体です。CXは、広告で知り、買い、使い、問い合わせ、やめるまでの、その会社とのあらゆる接点を通して生まれる体験の積み重ねです。

ここからは、架空の24時間ジム「まいにちジム」と、その予約アプリを例にします。

表を横に読むと、右に行くほど範囲が広がり、時間が長くなり、関わる部署が増えていきます。UIはデザイナーが一人で直せることもありますが、CXは一つの部署だけでは直せません。三つの違いは、言葉の意味の違いである以上に、誰がどこまで責任を持つかの違いです。

UIとは・UXとは・CXとは──それぞれの定義と出どころ

UIは古くから使われてきた技術の言葉、UXは1990年代に広まった設計の言葉、CXは体験を経済の価値として捉え直す流れから広まった経営の言葉です。生まれた場所が違うので、語られる文脈も少しずつ違います。

UI（ユーザーインターフェース）は、人と機械の境目にあるものを指す言葉です。コンピューターが画面を持つ前から使われていて、いまはアプリやウェブサイトの画面、ボタン、入力欄、文字、色、操作の流れを指すのが一般的です。UIの良し悪しは、迷わず、間違えず、早く操作できるかで判断されます。

UX（ユーザーエクスペリエンス）は、認知科学者のドン・ノーマン（Don Norman）が広めた言葉として知られています。ニールセン・ノーマン・グループの本人紹介によると、ノーマンはアップルで「User Experience Office」というチームの責任者になり、それが職名に「ユーザーエクスペリエンス」が使われた最初だったとされています。規格の世界では、国際規格ISO 9241-210（日本ではJIS Z 8530として国内規格化）が、UXを「製品・システム・サービスを使ったとき、または使うことを予想したときに生じる人の知覚と反応」という趣旨で定義しています。使う前の期待まで含まれている点が、UIとの大きな違いです。

UIとUXの関係を整理した枠組みとしては、ジェシー・ジェームズ・ギャレット（Jesse James Garrett）が2002年の著書「The Elements of User Experience」で示した5段階のモデルがよく引かれます。戦略・要件・構造・骨格・表層の5層のうち、目に見えるUIは上の二つ（骨格と表層）にあたります。その下の戦略や要件が決まっていなければ、どれだけ表層を磨いても体験は良くなりません。

CX（カスタマーエクスペリエンス）は、製品の外側まで体験の範囲を広げた言葉です。背景にあるのは、パインとギルモアが1998年にハーバード・ビジネス・レビューに寄せた論文「Welcome to the Experience Economy」に代表される考え方で、モノやサービスの先で「体験」そのものが価値になるとしています。CXでは、広告、店頭、営業、請求書、サポートの電話まで、生活者がその会社と触れるすべての場面が対象になります。接点を道のりとして並べる方法はカスタマージャーニーとは？マップの作り方と例、項目の一覧表で解説に、接点そのものの種類と設計はタッチポイントとは？顧客接点の種類一覧と設計のやり方を解説にまとめました。

混同されやすい理由と、間違えると起きること

UI・UX・CXが混同されやすいのは、三つが入れ子になっていて境目が見えにくいうえに、同じ言葉を人によって違う広さで使うからです。言葉の広さがずれたまま改善を始めると、直す場所を間違えます。

混同の原因は大きく二つあります。一つは「UI/UX」とひとまとめに書かれることが多く、二つが同じものに見えてしまうことです。もう一つは、UXの定義そのものが広いことです。ニールセン・ノーマン・グループは、UXを「エンドユーザーと会社、そのサービスや製品とのやりとりのあらゆる側面」を含むものとして定義していて、この広さで読むと、UXとCXはほとんど重なります。どちらの使い方も間違いではないので、会議では「今日はどの広さの話か」を先にそろえる必要があります。

まいにちジムの例で、よくある失敗を並べました。

表の1行目と2行目が、この記事でいちばん伝えたいところです。UIを磨いても、UXが上がるとはかぎりません。UXが良くても、CXが壊れることがあります。上の層の問題は、下の層をいくら直しても消えないからです。逆に3行目のように、大きな言葉を掲げたまま足元の画面を放置するのも、よく見かける失敗です。

広告会社にいた頃は、広告・販促・店頭までを横断して見る立場だったので、同じブランドの体験が接点ごとにばらばらになっている場面をよく目にしました。広告で約束したことを、店頭やサポートが知らない。どの部署も自分の持ち場ではきちんと仕事をしているのに、生活者から見ると一つの会社として体験がつながっていない。CXが壊れるのは、たいていこの部署と部署の境目です。

どれから考えるべきか──順番と使い分けの判断

UI・UX・CXは、考える順番と直す順番が逆になります。設計するときは外側のCXから内側のUIへ、直すときは症状が出ている層から、その一つ外側の層を疑うのが基本です。

新しいサービスを作るときは、CX→UX→UIの順で考えます。まいにちジムなら、まず「どんな人に、どんな関係を続けてほしいか」（たとえば、仕事帰りに週2回通い続けられるジム）を決めます。次に、その関係を支える体験（混んでいない時間を選んで、待たずに入れる）を決め、最後にその体験を支える画面（空き状況が一目で分かる予約画面）を作ります。順番を逆にして画面から作り始めると、きれいだけれど何のためにあるのか分からない機能が増えていきます。作り手と買い手のどちらから考え始めるかはプロダクトアウトとマーケットインの違いに書きました。

すでにあるサービスを直すときは、数字の症状から層を特定します。

画面のどこで手が止まるかを見る方法はヒートマップとは？クリック・スクロールの種類と分析のやり方に、推奨度の聞き方と読み方はNPSとは？計算方法と推奨者・批判者の分け方、平均・目安の考え方に書きました。どちらも、数字そのものより「なぜその点数なのか」の理由を読むところに価値があります。

日本市場・2026年時点での注意点──職種名と、法律が決める体験

日本でUI・UX・CXを扱うときに注意したいのは、職種名の使われ方が会社ごとにばらばらなことと、体験の一部が法律で決められるようになってきたことです。どちらも、言葉の定義より実務に直接効いてきます。

まず職種です。求人票では「UI/UXデザイナー」と一つにまとめて募集されることが多く、仕事の中身は会社によってかなり違います。目安として、三つの職種の違いを並べました。

年収については、UIデザイナー・UXデザイナー・CX担当を職種名で分けて比べられる公的な統計は見当たりません。厚生労働省の賃金構造基本統計調査には「デザイナー」という区分はありますが、UIとUXを分けた区分はなく、CX担当にあたる区分もありません。求人サイトの数字は、そのサイトに登録した人の申告値なので、公的統計とは別のものとして読む必要があります。公的統計で読めるデザイナー職などの数字はマーケティング職の年収データの記事で整理しました。

次に法律です。2024年4月1日に施行された改正障害者差別解消法で、事業者による「合理的配慮の提供」が義務になりました（内閣府「障害を理由とする差別の解消の推進」）。アプリやウェブサイトだけに向けた規定ではありませんが、文字の大きさや読み上げへの対応など、UIの使いやすさを「あれば親切」ではなく、相談を受けたら応える前提で考える必要が出てきました。CXの側では、2022年6月1日に施行された改正特定商取引法で、ネット通販の申し込みの最終確認画面の表示が定められました（消費者庁「令和3年特定商取引法・預託法の改正について」）。定期購入で解約の条件が分かりにくいといった問題を受けたもので、画面の作り方そのものが、会社と生活者の関係を左右するルールになっています。解約しにくさで目先の数字を守る設計は、CXを壊すだけでなく、法律の面でも危うくなっています。

UI・UX・CXに関するよくある質問

UXとCXは結局同じではないですか？

重なる部分は大きいですが、同じではありません。UXは主に製品やサービスを使う体験を、CXは広告・購入・サポート・解約まで、その会社とのすべての接点を通した体験を指します。UXを広く定義する人もいるため、話がかみ合わないときは、アプリの外の接点まで含むかどうかを確かめると整理できます。

UI・UX・CXはどの順番で考えればいいですか？

新しく作るときは、CX→UX→UIの順に、外側から決めていきます。どんな関係を続けたいかが決まらないと、必要な体験も、それを支える画面も決まらないからです。すでにあるサービスを直すときは、数字の症状が出ている層から確かめ、その一つ外側の層に原因がないかも疑います。

UIデザイナーとUXデザイナーの違いは何ですか？

UIデザイナーは画面の見た目と操作を設計し、UXデザイナーは利用者を調べて体験の流れを設計し、検証します。ただし日本の求人では「UI/UXデザイナー」とまとめて募集されることが多く、両方を一人で担う職場も珍しくありません。応募の前に、調査や検証まで任されるのかを求人票や面接で確かめると、入社後のずれが減ります。

CXは何の指標で測ればいいですか？

よく使われるのは、推奨度を聞くNPS、顧客満足度、解約率、顧客一人あたりの生涯の取引額（LTV）です。一つの数字だけで判断せず、推奨度と解約率のように、気持ちの数字と行動の数字を組み合わせて見ると実態に近づきます。点数よりも、低い点をつけた人の理由を読むことに時間を使うほうが、直す場所は早く見つかります。

おわりに──UIを磨いても、UXが上がるとはかぎらない

UI・UX・CXの違いを覚えるのは、難しいことではありません。画面、体験、関係。三つの言葉を並べれば、範囲の違いはすぐに分かります。難しいのは、問題が起きたときに、自分が直そうとしている場所がどの層なのかを見失わないことです。

UIを磨いてもUXは上がらないことがある。UXが良くてもCXが壊れることがある。

画面の不満は画面で直せますが、体験の不満は画面では直せず、関係の不満は製品だけでは直せません。UI・UX・CXとは、デザインの専門用語である前に、その問題を誰が直せるのかを示す地図だと思っています。改善の会議が空回りしていると感じたら、いま話しているのが画面・体験・関係のどれなのかを、最初の5分でそろえてみてほしいと思います。