UI・UX・Webデザイナーの違いとは?現役UI/UXデザイナーが解説

Webデザイナー、UIデザイナー、UXデザイナーの違いと仕事内容_メイン画像

こんな方に向けて書いたよ
  • 未経験からUI/UXデザイナー、Webデザイナーを目指しています
  • Webデザイナー、UIデザイナー、UXデザイナーの違いがわからない!
  • UI/UXデザイナーとWebデザイナーのどちらに転職しようか迷っています

この記事の内容だよ
  • Webデザイナー、UIデザイナー、UXデザイナーの違いがなんとなくわかるよ
  • キャリアの考え方がなんとなくわかるよ

詳しく見ていきましょう。

めがね

はじめに

Aさん

Webデザイナーってどんな職業?

かっこよくて魅力あるビジュアル、ブラウザ表現を追求する仕事です

ぼく

Aさん

UIデザイナーは?

サイトを使う時の画面上の体験(使い勝手とか機能性)をデザインする仕事です。

ぼく

Aさん

じゃあWebデザイナーはサイトの使い勝手とか機能性は考えないでデザインするの?

や、そうではないんですけど…えーと…。

ぼく

Aさん

WebデザイナーとUIデザイナーの違いって何?

…。

ぼく

Webデザイナー、UIデザイナー、UXデザイナー、という職種名があります。
転職活動をしていると、よく目にするワードかと思います。

これらの職種は、一見違う職種であるように見えますが、
ぼくの経験上、これらの職種は境界がだいぶ曖昧で、
会社によっては、「職種名はWebデザイナーだけどUIデザインっぽいこともしている」みたいなケースがよくあります。

要するに、職種名のイメージだけで入社すると、実際の仕事内容にギャップを感じる可能性がある、ということです。

このページでは、”Webデザイナー”、”UIデザイナー”、”UXデザイナー”の違いと実際の仕事内容について説明しつつ,
転職するときのキャリアの考え方について、ぼくなりの考えをまとめてみました。

何かしらのお役に立てれば幸いです。

UI/UXデザイナー、Webデザイナーの違い

WebデザイナーとUIデザイナーの違い

まずはWebデザイナーとUIデザイナーの違いを見ていきます。

一般的に、WebデザイナーとUIデザイナーの違いは次のように言われることが多いです。

WebデザイナーとUIデザイナーの違い
  • Webデザイナー:かっこよくて魅力あるビジュアル、ブラウザ表現を追求する。
  • UIデザイナー:サイトを使う時の画面上の体験(使い勝手とか機能性)をデザインする。

WebデザイナーとUIデザイナーの違い

よく「Webデザインは装飾美」「UIデザインは機能美」と言われます。

Webデザイナーの方が、プロモーションサイトのような、
グラフィカルで感情に訴えるデザインをやるイメージがあります。

UIデザイナーはもう少し地味というか、
画面上の「操作感」とか「ストレスフリー」を追求するイメージがあります。

WebデザイナーとUIデザイナーの違いについては、スズキアユミさんという方が書いた下記コラムが非常によくまとまっていますので、こちらを紹介します。
(記事内にも記載されていますが、こちらもあくまで”傾向”としての内容となっています)

参考 WEBデザイナーとUIデザイナーは違う職業なの?(求められるスキルや傾向など)note

UIデザイナーとUXデザイナーの違い

一般的に、UIデザイナーとUXデザイナーの違いは次のように言われることが多いです。

UIデザイナーとUXデザイナーの違い
  • UIデザイナー:サイトを使う時の画面上の体験(使い勝手とか機能性)をデザインする。
  • UXデザイナー:サイトを利用したユーザーの体験全体をデザインする。

WebデザイナーとUIデザイナーがPCやスマホの画面上でのデザインの話をしているのに対して、
UXデザイナーは画面だけでなく、サイトを利用したユーザーの体験全体の話をしています。

UIデザインとUXデザインの違い

MEMO

UXデザインについて例をあげてみます。

たとえばECサイトで欲しい靴を買ったときに、購入確定のメールが届いていないとちゃんと買えているのか少し不安になりますよね。

逆に「商品を発送しました」というメールが届いたら、買った側としては安心しますし、そろそろ商品が届くワクワク感があったりします。なんならサイズが合わなかったときに返品できるシステムがあったら、もっと嬉しいですし、安心して購入することができます。

こうした改善内容はスマホの画面上(=UI)だけの話ではなく、ユーザーの体験全体(=UX)をデザインすることになります。これがUXデザインです。

画面上での体験(=UI)が悪いと、サイトを利用しているユーザーの体験全体が悪くなってしまいます。

つまり、UIを良くすることはUXを良くすることにつながる、ということでもあり、UXはUIの上位概念ととらえられています。

「UIデザイナー」と「UXデザイナー」の仕事内容をより詳しく知りたい方は、
Goodpatchさんのこちら↓の記事がおすすめですので、よければどうぞ。

参考 ユーザー体験とソフトウェアを繋ぐUIデザイナー【Goodpatch仕事図鑑】Goodpatch Blog

参考 【Goodpatch仕事図鑑】UXデザイナーGoodpatch Blog

ぼく

ちなみにUIはユーザーインターフェイス(User Interface)、UXはユーザーエクスペリエンス(User Experience)の略です。

実は会社によって定義はまちまち

一般的に言われているWebデザイナー、UIデザイナー、UXデザイナーの違いはあるものの、
実はこれら3つの職種は会社によって定義や役割がまちまちです。

Webデザイナーという肩書きでUIデザインまで追求しているところもあれば、
UIデザイナーという肩書きでUXデザインまで足を踏み入れているところもあります。

ぼく

すごく乱暴な言い方をすると、デザインを中心にあれこれやっている人をWebデザイナーと呼んだりUI/UXデザイナーと呼んだりしている、と捉えてもいいかもしれません。

もう少しイメージしやすくなるよう、Webデザインのプロセス全体の話に目を向けてみましょう。

「Webデザイン」と一言で言っても、実はやるべきことがたくさんあります。次がその一覧です。
(ぼくがパッと思い浮かぶ範囲ですが…)

Webデザインの作業一覧

オレンジの太枠3つがデザインツールを使って行うデザイン作業に当たるところですが、
この3つの作業を中心に「どこまでの作業を誰が担うのか」というところで、会社ごとに役割分担が異なっているイメージです。

MEMO

そもそもデザインとは、何かしらの”お困りごと”を解決するために行われるものだとよく言われます。

  • 男性からの売上を伸ばしたいから、商品パッケージをカッコいいデザインにしたい!
  • うちのサービスの認知を広めたいから、パッと見で印象の残る広告ビジュアルにしたい!

こうした”お困りごと”を解決すべく、デザイナーは表現や形を作り上げていきます。これがデザインの基本です。

ですからデザインは、”お困りごと”の最適な解決策を導き出すために、たくさんの準備や調査、検証、スキルを必要とします。ただ単にビジュアルを作るだけが仕事ではないのです。

ちなみにぼくの事業会社では、Webデザイナー、UIデザイナー、UXデザイナーといった呼び名は特にありません。

ユニットは分かれています(DTPメイン、プロダクトのUIメイン、など)が、デザイナー個々人はグラフィックからUXリサーチ、実装まで、基本的には何でもやるスタンスです。
(もちろん、個々人によって得意、不得意な領域があるので、そこは支え合いですが。。)

転職では”やりたいこと”と”どこまでできるか”に注目すべし!

転職を行う際、職種名にはあまり気をとられず、
まずは「自分がどんな仕事をしたいのか」に注目すべきだとぼくは思っています。

Webデザインの作業一覧

例:コンセプト立案からデザイン作業、コーディングまで一貫してやりたい!

やりたいことがはっきりしたら、あとはそれが実現できそうな会社を探すだけなのですが、
ここで一つ、気をつけておくべきことがあります。

それは「裁量をどこまで持てるのか」ということです。

会社におけるWebデザインの役割り分担例

例えば上のような役割り分担になっている会社があったとして、面接で
「コンセプト立案からデザイン作業、コーディングまで一貫してやりたいです!」
などと言うと、面接官にちょっと怪訝な顔をされます。

面接官

…えっと、ディレクターとデザイナーだったら、どっち志望かな?(ちなみにコーディングはデキナイヨ)

えーとですねえ…

ぼく

たぶんこんな感じの流れになります。
(ぼくも何回か経験があります笑)

しかしこれは半分仕方がないことだと思います。
入社前に会社の組織や仕事内容をしっかり理解するのはなかなか難しいですし、会社によって組織の事情は様々です。
(仕事の裁量については入社してみないとわからない部分が多いのです)

裁量をどこまで持てるかについては、面接官と会話をしながら理解・すり合わせをしていくのがよいかと思います。

MEMO

役割り分担は会社によって様々なので、自分が理想とするあり方に出会えるまで何度も面接を繰り返すしかないかなぁと思います。自分が理想とする会社を”探しに行く”感覚です。

また、ワークライフバランスも気になるという方は次の2点も意識しておくとよいでしょう。

  • 裁量が小さい(制作業務しかやらない)と、薄給になりやすい
  • 制作会社と事業会社だと仕事の仕方が異なる

【注意!】UI/UXデザイナーでもビジュアルデザインのスキルは絶対に必要です

黒点

UI/UXデザイナーだったらデザインのスキルが低くても入社できそうだべ

うーむ、そうなのかなぁ…(黒点がしゃべった!)

ぼく

なんとなくですが、UI/UXデザイナーはWebデザイナーと違い、ビジュアルデザインのスキルをあまり求められない印象があります。

実際、UI/UXデザイナーのポテンシャル採用枠とかだと、ポートフォリオを作って「独学でここまで頑張りました」という話をすれば、
デザインスキルが多少低くてもわりと高評価を得られたりします
(正直ぼく自身、そんなかんじで入社しましたし…)。

ただし、業界に6年いた人間として声を大にして言いますが、
UI/UXデザイナーとて、ビジュアルデザインはマジでしっかりやった方がいいです。

結局、「良いUIデザイン」って、「良いビジュアルデザイン」でもあるんですよ。
いくら設計が良くても、最後に「美しく光り輝くもの」にできるかは、
ビジュアルデザインの腕にかかってます。
(UIデザインも、ビジュアルデザインを作るときの技術や考え方が根底にあって成り立ってますし)

一定腕を磨くと、見える世界がかなり変わるので、
これからUI/UXデザイナー、Webデザイナーを目指す皆さんは、
ぜひ早いうちに練習しておいてください。

ぼく

ビジュアルデザインの腕を磨きたいなら、まずはとにかくトレースがおすすめです。ぼくが100本ノックをやった時の記事があるので、よければご参考ください。

MEMO

個人的には、デザイナーとして就職したあと、最初の1,2年はデザインをバリバリやる修業期間があったほうがいいと思っています。

修業期間はなるべく年齢の若いうちにこなしておいた方が良くて、絶対的にアウトプットの力が付きますし、デザインについての発言力も増します。年齢を重ねてからだとなかなか時間を割くのが大変です。

ちなみにぼくも、UI/UXデザイナーとして入社してからしばらくは、バナーやLPを作っては上司に見せ、ダメ出しをもらっては直し、みたいな修業期間がありました。

デザインスキルがあがるとUI設計への姿勢もだいぶ変わって、より細かいところに注意を払うようになったし、全体的にグッと引き締まったページを作れるようになってきました。

業界経験7年目の今は、UI設計やUIデザインがメインですが、ビジュアルデザインも時々やっています。

AIの登場で、デザイナーの役割も変わりつつある

最近はAIの力を借りれば、誰でも企画からデザイン、実装までできてしまいます。

その影響もあり、「デザイナー」「ディレクター」といった職種の境目もだんだん溶け合い、
職種にこだわる必要もなくなってきていると感じています。
(ぼくの会社も徐々にそういう感じになってきてます)

これからは、デザインだけ、企画だけといった狭い範囲ではなく、広い領域を高い視座で見られる人が生き残っていく世の中になります。
これまで以上に、いろいろなスキルや知識を吸収していかなければならないでしょう。

とはいえ、まず大事なのは「創作を楽しむ姿勢」と「ユーザーにとって何が良いのかを考え抜く姿勢」です。
ここをブラさなければ、デザイナーとして「良いものづくり」ができ、
AIファーストな世の中を楽しんでいけると思います。

ぜひ、AIを味方につけながら、デザインを楽しんでみてください。

まとめ

  • Webデザイナー、UIデザイナー、UXデザイナーの定義は会社によってまちまち。
  • 転職においては、職種名というよりは”やりたいこと”と”どこまで裁量が持てるか”に注目するべし。
  • UI/UXデザイナーでもWebデザイナーでも、ビジュアルデザインのスキルは絶対に高めておくべき。デザインの修業期間はあった方がいい。

以上でWebデザイナー、UIデザイナー、UXデザイナーのお話はおしまいです!

ぼく

お疲れ様でした。どうもありがとさん