UI/UXデザイナーの仕事内容と他のデザイン職との違い

UI/UXデザイナー（UI＝ユーザーインターフェース、UX＝ユーザーエクスペリエンス）は、プロダクトを使う人の体験を設計し、画面の構成や見た目に落とし込むまでを担うデザイナーです。WebデザイナーやグラフィックデザイナーからUI/UXの仕事へ移りたい人、UXエンジニアやPdMとの役割分担を知りたい人にとって、どこまでが担当範囲かは求人を選ぶ前に押さえておきたい点です。

IPA（情報処理推進機構）がDXを進める人材の役割とスキルの標準として公表しているデジタルスキル標準の定義と、IT プロダクト職の転職サービス Offers に公開された正社員求人の本文をもとに、UI/UXデザイナーの仕事内容と、他のデザイン職との違いを整理しました。

UI/UXデザイナーは体験の設計と画面のデザインを担う

UI/UXデザイナーは、ユーザーが製品・サービスに触れる前後の行動や感情まで含めて体験を設計し、情報の並べ方・機能の配置・見た目・動きのデザインまでを受け持つ職種です。

IPA の『デジタルスキル標準 ver.2.0』は、デザイナーの役割をサービスデザイナー・UX/UIデザイナー・コミュニケーションデザイナーの3つに分け、UX/UIデザイナーの責務を「バリュープロポジションに基づき製品・サービスの顧客・ユーザー体験を設計し、製品・サービスの情報設計や、機能、情報の配置、外観、動的要素のデザインを行う」と定めています。バリュープロポジションは、製品・サービスが顧客に届ける価値を指します（IPA『デジタルスキル標準 ver.2.0 デザイナー編』・2026年4月）。

同じ資料は、UXを切り離して設計した製品・サービスでは価値を実現できない可能性があるとして、UXデザインとUIデザインを一体のロールとして定義した、と理由を書いています。

UIとUXの担当範囲の違い

UIは、ボタン・文字・色・余白・画面の遷移など、ユーザーが直接触れる部分です。UXは、ユーザーが目的を達成するまでの一連の体験を指し、画面の外の行動や感情も含みます。

担当の分け方は企業で異なり、同じ職名でも担当範囲は一様ではありません。求人を見るときは職名より、必須・歓迎条件と業務内容に「調査」「情報設計」「デザインシステム」のどれが書かれているかで範囲を確かめると判断しやすくなります。

UXの経験がデザイナー以外のPdMやエンジニアの求人でどう求められているかは「UXの将来性と求人の需要、職種別に求められる経験」で扱いました。

デジタルスキル標準が挙げるUX/UIデザイナーの主な業務

デジタルスキル標準 ver.2.0 デザイナー編は、UX/UIデザイナーの主な業務を次の4つにまとめています。

ユーザーが製品・サービスとの接点でとる行動と、行動に至る経緯・思考・感情を可視化し、体験を設計する
製品・サービスの方針を仕様・ガイドライン・デザインプリンシプルなどの形に具体化し、情報設計や機能・情報の配置、外観、動的要素（Look&Feel）をデザインする
検証や導入の各段階で、ブランディングやマーケティングの施策と連動したWebやアプリのプロトタイプをつくる
各段階で、ユーザーが迷わず目的の情報までたどり着けたかを確かめるユーザビリティ評価を行う

同じ資料は、DX推進をこれから始める企業が優先的にそろえるとよいロールとしてUX/UIデザイナーを挙げています。

求人に書かれたUI/UXデザイナーの仕事内容

Offers に公開されたデザイナー職の正社員求人を、職名にUI・UX・プロダクトデザイナーを含む94件と、含まない41件に分けて求人本文の語を数えると、UI/UX側ではFigma・PdM・ユーザー調査・デザインシステムの語が多く、それ以外の側ではバナー・印刷・ロゴなどの制作物の語が多く出ました。

求人本文に載る語	UI/UX・プロダクトデザイナー（94件）	それ以外のデザイナー（41件）
Figma	73件	14件
PdM（プロダクトマネージャー・プロダクトオーナー）	47件	5件
ユーザー調査（ユーザーリサーチ・ユーザーインタビュー・ユーザビリティテストなど）	40件	5件
デザインシステム	36件	5件
コーディング（HTML・CSS・JavaScriptなど）	32件	17件
プロトタイプ	28件	6件
情報設計・情報アーキテクチャ	24件	4件
制作物（バナー・印刷・DTP・ロゴ・パンフレット・チラシ）	13件	20件

（Offers（株式会社overflow）調べ・デザイナー職の正社員求人 n=135・2022年11月〜2026年9月公開）

UI/UX側の求人は、PdMやエンジニアと一緒にプロダクトをつくる前提で書かれているものが多く、仕事の重心が「何をつくるかを決める」側にあります。UI/UXデザイナーの求人で担当範囲がどう書かれているかは、Offers で求人の業務内容と必須・歓迎条件を読み比べると確かめられます。

調査とプロトタイプで仮説を確かめる

UI/UXデザイナーの仕事の入口は、ユーザーが何に困っているかを調べることです。上の94件のうち40件がユーザー調査の語を、28件がプロトタイプの語を挙げており、インタビューやユーザビリティテストで得た発見を画面案に戻し、試作で確かめる進め方が求人に書かれています。

PdMやエンジニアが優先順位を判断する材料として使いやすいのは、調査の結果を「誰の、どの場面の課題か」という言葉にまとめた形です。

デザインシステムと情報設計で画面全体の一貫性を保つ

画面の数が増えたプロダクトでは、色・文字・部品の使い方をそろえるデザインシステムの整備がUI/UXデザイナーの仕事に入ります。94件のうち36件がデザインシステムの語を、24件が情報設計の語を挙げていました。

1画面ごとの見た目を整えるだけでなく、機能が増えても迷わない構造と、部品を再利用できる仕組みをつくる仕事です。エンジニアの実装とつながる部分が大きいため、部品の命名や状態の定義をエンジニアとすり合わせる場面も多くなります。

PdM・エンジニアと仕様を決める

UI/UXデザイナーは、プロダクトの仕様を決める場に参加する職種です。94件のうち47件がPdMの語を挙げており、PdMが決める「何を・なぜつくるか」とエンジニアが担う「どうつくるか」の間で、ユーザーから見た使い勝手を判断材料として出す役割が求められています。

32件はHTML（HyperText Markup Language）・CSS（Cascading Style Sheets）・JavaScriptなどコーディングの語にも触れていました。実装まで担う求人ばかりではありませんが、実装の制約を理解しておくと、エンジニアと仕様を話し合う場面で役立ちます。

UI/UXデザイナーと他のデザイン職の違い

UI/UXデザイナーと他のデザイン職の違いは、成果物の種類よりも「ユーザーの行動を調べ、プロダクトの仕様の判断に関わるかどうか」にあります。主な職種との違いを表にまとめました。

職種	主に担うこと	主な成果物	一緒に働く相手
UI/UXデザイナー	ユーザーの体験の設計と画面のデザイン	調査の結果・ワイヤーフレーム・プロトタイプ・画面・デザインシステム	PdM・エンジニア
Webデザイナー	Webサイトのデザインと制作	サイトのページ・ランディングページ・バナー・コーディング	ディレクター・マーケティング担当
グラフィックデザイナー	ブランドやメッセージを伝える表現	ロゴ・広告・印刷物・SNSや資料のビジュアル	広報・マーケティング担当
UXエンジニア・フロントエンドエンジニア	画面と体験を実装で形にする	動く画面・UIの部品のコード	デザイナー・バックエンドのエンジニア

ここに挙げた分担は一般的な傾向で、規模の小さい会社では1人が複数の職種を兼ねることもあります。

Webデザイナーとの違い

Webデザイナーは、Webサイトのページを見た目と構造の両面からつくる職種で、LP（ランディングページ）やバナーの制作、HTML・CSSのコーディングまで担う求人もあります。UI/UXデザイナーとの違いは、継続して改善されるアプリやSaaSなどのプロダクトの体験を設計する点です。

Webデザイナーの経験者がUI/UXデザイナーへ移るときは、サイト制作で培った情報の整理とコーディングの理解を土台に、ユーザー調査とプロトタイプの経験を足すと説明しやすくなります。Webデザイナーの将来性と年収は「Webデザイナーの将来性とAIの影響、年収を上げる転職」で扱いました。

グラフィックデザイナーとの違い

グラフィックデザイナーは、ブランドやメッセージを伝える表現をつくる職種です。なお、デジタルスキル標準 ver.2.0 は、コミュニケーションデザイナーをUX/UIデザイナーとは別のロールとして置き、ブランド理念の言語化や一貫したビジュアル・コンテンツによる伝達を責務に挙げています。

グラフィックの経験者がUI/UXへ移るときは、配色や文字組みの力をそのまま活かしつつ、画面の操作の流れと情報設計を説明できるようにしておくことが鍵になります。

UXエンジニア・フロントエンドエンジニアとの違い

UXエンジニアは、デザイナーとエンジニアの間に立ち、体験の設計を実装で形にする職種です。UI/UXデザイナーが「何をどう見せるか」を決めるのに対し、UXエンジニアやフロントエンドエンジニアは、それを動く画面とUIの部品のコードとして実装し、動きや表示の速さまで含めて仕上げます。

デジタルスキル標準 ver.2.0 も、UX/UIデザイナーにはテクノロジー関連のスキルを、ソフトウェアエンジニアなどの別の類型と協働しながら実践できる程度の知識として求めています。UXエンジニアという職名の求人の探し方や、フロントエンドの求人でデザインの経験がどう書かれているかは「UXエンジニアの転職事情と求人の探し方・必要なスキル」にまとめました。

UI/UXデザイナーに求められるスキル

UI/UXデザイナーの求人で多く求められるスキルは、前の表のとおりFigmaでの設計、ユーザー調査、デザインシステムの構築・運用の3つです。

デジタルスキル標準 ver.2.0 は、UX/UIデザイナーには「顧客・ユーザー／ステークホルダー理解」「価値発見・定義」「デジタルプロダクト設計」のスキルで、知識とともに高い実践力が求められるとしています。ツールの操作に加えて、調べた結果から価値を定義し、プロダクトの設計に落とすまでの一続きの力が問われる職種です。

経験者の転職では、それぞれのスキルを「使えます」ではなく、どの課題に対して何を判断したかで語れるかが評価の分かれ目になります。求人が求めるスキルの件数と生成AIへの言及は「UI/UXデザイナーの将来性と需要、求人が求めるスキル」、UIを掲げる職名の内訳は「UIデザイナーの将来性とAIの影響、求人が求める経験」で扱いました。

UI/UXデザイナーの年収の相場を調べる先

UI/UXデザイナーの年収は同じ職名でも求人ごとに幅があるため、中央値だけでなく上限の分布も見ておくと判断しやすくなります。統計と求人で見る年収の相場は「UXデザイナーの年収｜統計と求人で見る相場」、スキル別の提示年収は「UXエンジニアの年収｜求人の年収帯と統計で見る相場」で詳しく扱いました。

自分の経験がどの年収帯の求人に届くかは、Offers で正社員の求人の年収帯と必須条件を見比べると確かめられます。

経験者がUI/UXデザイナーへ広げる道筋は今の職種で変わる

経験者がUI/UXデザイナーの仕事へ広げるときは、今の職種に足りない経験を1つずつ足すのが近道です。たとえば、Webやグラフィックの経験者は調査とプロトタイプを、エンジニアはデザインの判断を、UIデザイナーは調査と情報設計を足すと、UI/UX・プロダクトデザイナーの求人に多く載る業務の語に沿って経験を語りやすくなります。

今の職種	足したい経験	説明に使える材料
Webデザイナー	ユーザーインタビューやユーザビリティテストを設計し、画面の改善に戻した経験	調査で見つけた課題と、変えた画面の前後
グラフィックデザイナー	画面の操作の流れと情報設計をワイヤーフレームで組んだ経験	画面遷移図と、操作の流れを決めた理由
UIデザイナー	調査の結果から機能の優先順位を決め、デザインシステムに反映した経験	調査の記録と、部品やルールの設計
フロントエンドエンジニア	デザイナーと仕様を詰め、使い勝手の改善を提案して実装した経験	提案の根拠と、改善前後の指標

どの職種から広げる場合も、今の職場でUXの判断を1つ担当してみると、転職の場面で語れる材料になります。PdMの側へ進む道筋は「プロダクトマネージャーとは｜役割・スキル・キャリア」で扱いました。

ポートフォリオでは判断の過程を見せる

UI/UXデザイナーの選考でポートフォリオに載せるべきなのは、完成した画面よりも、そこに至るまでの判断の過程です。誰のどの課題を解こうとしたか、調査で何がわかったか、どの案を捨てて何を選んだか、結果がどう変わったかを順に示すと、調査・設計・検証の一連の仕事ができることが伝わります。

社外に出せない案件は、課題と判断の流れだけを抽象化して説明する方法もあります。構成のつくり方と注意点は「デザイナー転職に必要なポートフォリオ」にまとめました。

他のデザイン職と分けるのは仕様の判断への関与

UI/UXデザイナーは、ユーザーの体験を調べて設計し、画面の構成・見た目・動きまでデザインする職種です。IPAのデジタルスキル標準 ver.2.0はUXデザインとUIデザインを一体のロールとして定義しており、Offers の正社員求人でも、UI/UXの職名の求人はユーザー調査・デザインシステム・PdMとの協働の語を多く含んでいました。

他のデザイン職との違いは、プロダクトの仕様の判断に関わるかどうかにあります。WebやグラフィックやUIの経験者は、調査・情報設計・プロトタイプのうち足りない経験を足し、判断の過程をポートフォリオで示すと、UI/UXデザイナーの求人の条件に沿って経験を伝えられます。

UI/UXデザイナーの仕事内容と他のデザイン職との違い