2022年10月5日SHAREツイートシェアはてブLINEPocketこんな方に向けて書いたよ未経験からWebデザイナー、UI/UXデザイナーを目指していますWebデザイナー、UIデザイナー、UXデザイナーの違いがわからない!WebデザイナーとUI/UXデザイナーのどちらに転職しようか迷っていますこの記事の内容だよWebデザイナー、UIデザイナー、UXデザイナーの違いがなんとなくわかるよキャリアの考え方がなんとなくわかるよ詳しく見ていきましょう。くじはじめにWebデザイナー、UI/UXデザイナーの違いWebデザイナーとUIデザイナーの違いUIデザイナーとUXデザイナーの違い実は会社によって定義はまちまち転職では”やりたいこと”と”どこまでできるか”に注目すべし!【注意!】UI/UXデザイナーでもビジュアルデザインのスキルは絶対に必要ですまとめはじめにAさんWebデザイナーってどんな職業?かっこよくて魅力あるビジュアル、ブラウザ表現を追求する仕事ですぼくAさんUIデザイナーは?サイトを使う時の画面上の体験(使い勝手とか機能性)をデザインする仕事です。ぼくAさんじゃあWebデザイナーはサイトの使い勝手とか機能性は考えないでデザインするの?や、そうではないんですけど...えーと...。ぼくAさんWebデザイナーとUIデザイナーの違いって何?...。ぼくWebデザイナー、UIデザイナー、UXデザイナーは、ビジュアルデザインを扱うという特性上、仕事内容がけっこう似たり寄ったりなところがあります。「職種名はWebデザイナーだけどUIデザインっぽいこともしている」みたいなケースがよくあります。要するに、職種名のイメージだけで入社すると実際の仕事内容にギャップを感じる可能性がある、ということです。このページでは、”Webデザイナー”、”UIデザイナー”、”UXデザイナー”の違いと実際の仕事内容について説明しつつ,転職するときのキャリアの考え方について、ぼくなりの考えをまとめてみました。何かしらのお役に立てれば幸いです。Webデザイナー、UI/UXデザイナーの違いWebデザイナーとUIデザイナーの違いまずはWebデザイナーとUIデザイナーの違いを見ていきます。一般的に、WebデザイナーとUIデザイナーの違いは次のように言われることが多いです。WebデザイナーとUIデザイナーの違いWebデザイナー:かっこよくて魅力あるビジュアル、ブラウザ表現を追求する。UIデザイナー:サイトを使う時の画面上の体験(使い勝手とか機能性)をデザインする。実際のところ両者に明確な定義や線引きがあるわけではありません。会社によっても定義や役割はまちまちです。WebデザイナーとUIデザイナーの違いについては、スズキアユムさんという方が書いた下記コラムが非常によくまとまっていますので、こちらを紹介します。WEBデザイナーとUIデザイナーは違う職業なの?(求められるスキルや傾向など)noteUIデザイナーとUXデザイナーの違いWebデザイナーとUIデザイナーの違いに比べ、UXデザイナーの立ち位置はもう少しはっきりとしています。一般的に、UIデザイナーとUXデザイナーの違いは次のように言われることが多いです。UIデザイナーとUXデザイナーの違いUIデザイナー:サイトを使う時の画面上の体験(使い勝手とか機能性)をデザインする。UXデザイナー:サイトを利用したユーザーの体験全体をデザインする。WebデザイナーとUIデザイナーがPCやスマホの画面上でのデザインの話をしているのに対して、UXデザイナーは画面だけでなく、サイトを利用したユーザーの体験全体の話をしています。MEMOUXデザインについて例をあげてみます。ECサイトで欲しい靴を買ったときに、購入確定のメールが届いていないとちゃんと買えているのか少し不安になりますよね。逆に「商品を発送しました」というメールが届いたら、買った側としては安心しますし、そろそろ商品が届くワクワク感があったりします。なんならサイズが合わなかったときに返品できるシステムがあったら、もっと嬉しいですし、安心して購入することができます。した改善内容はスマホの画面上(=UI)だけの話ではなく、ユーザーの体験全体(=UX)をデザインすることになります。これがUXデザインです。画面上での体験(=UI)が悪いと、サイトを利用しているユーザーの体験全体が悪くなってしまいます。UIを良くすることはUXを良くすることにつながる、ということでもあり、UXはUIの上位概念ととらえられています。Experience)の略です。実はこれら3つの職種は会社によって定義や役割がまちまちです。Webデザイナーという肩書きで機能美まで追求しているところもあれば、UXデザイナーという肩書きでビジュアルデザインまで担っているところもあります。すごく乱暴な言い方をすると、デザインを中心にあれこれやっている人をWebデザイナーと呼んだりUI/UXデザイナーと呼んだりしている、というのが現状のような気がします。イメージしやすくなるよう、Webデザインのプロセス全体の話に目を向けてみましょう。「Webデザイン」と一言で言っても、実はやるべきことがたくさんあります。(ぼくがパッと思い浮かぶ範囲ですが...)オレンジの太枠3つがデザインツールを使って行うデザイン作業に当たるところですが、この3つの作業を中心に「どこまでの作業を誰が担うのか」というところで、会社ごとに役割分担が異なっているイメージです。MEMOそもそもデザインとは、何かしらの”お困りごと”を解決するために行われるものだとよく言われます。男性からの売上を伸ばしたいから、商品パッケージをカッコいいデザインにしたい!うちのサービスの認知を広めたいから、パッと見で印象の残る広告ビジュアルにしたい!こうした”お困りごと”を解決すべく、デザイナーは表現や形を作り上げていきます。これがデザインの基本です。デザインは、”お困りごと”の最適な解決策を導き出すために、たくさんの準備や調査、検証、スキルを必要とします。ビジュアルを作るだけが仕事ではないのです。転職では”やりたいこと”と”どこまでできるか”に注目すべし!転職を行う際、職種名にはあまり気をとられず、まずは「自分がどんな仕事をしたいのか」に注目すべきだとぼくは思っています。例:コンセプト立案からデザイン作業、コーディングまで一貫してやりたい!やりたいことがはっきりしたら、あとはそれが実現できそうな会社を探すだけなのですが、ここで一つ、気をつけておくべきことがあります。それは「裁量をどこまで持てるのか」ということです。上のような役割り分担になっている会社があったとして、面接で「コンセプト立案からデザイン作業、コーディングまで一貫してやりたいです!」などと言うと、面接官にちょっと怪訝な顔をされます。面接官...えっと、ディレクターとデザイナーだったら、どっち志望かな?(ちなみにコーディングはデキナイヨ)えーとですねえ...ぼくたぶんこんな感じの流れになります。(ぼくも何回か経験があります笑)しかしこれは半分仕方がないことだと思います。入社前に会社の組織や仕事内容をしっかり理解するのはなかなか難しいですし、会社によって組織の事情は様々です。(仕事の裁量については入社してみないとわからない部分が多いのです)裁量をどこまで持てるかについては、面接官と会話をしながら理解・すり合わせをしていくのがよいかと思います。MEMO役割り分担は会社によって様々なので、自分が理想とするあり方に出会えるまで何度も面接を繰り返すしかないかなぁと思います。自分が理想とする会社を”探しに行く”感覚です。ワークライフバランスも気になるという方は次の2点も意識しておくとよいでしょう。裁量が小さい(制作業務しかやらない)と、薄給になりやすい制作会社と事業会社だと仕事の仕方が異なる事業会社でUI/UXデザイナーとして働いているぼくの1日の仕事内容をこちらの記事でまとめてますので、よろしければご参考ください。【注意!】UI/UXデザイナーでもビジュアルデザインのスキルは絶対に必要です黒点UI/UXデザイナーだったらデザインのスキルが低くても入社できそうだべうーむ、そうなのかなぁ...(黒点がしゃべった!)ぼくなんとなくですが、UI/UXデザイナーはWebデザイナーと違い、ビジュアルデザインのスキルをあまり求められない印象があります。実際、UI/UXデザイナーのポテンシャル採用枠とかだと、ポートフォリオを作って「独学でここまで頑張りました」という話をすれば、デザインスキルが多少低くてもわりと高評価を得られたりします(正直ぼく自身、そんなかんじで今の会社に入社していますし...)。いってビジュアルデザインのスキルをおろそかにしていいわけではありません。UI/UXデザイナーでもしっかりとビジュアルデザインができる必要があります。それはUI/UXデザイナー自身がレベルの高いデザインができる必要があるというのもありますし、デザイナーに的確な指示を出してきちんとディレクションができるようになるため(デザインを言語化できるようになるため)というのもあります。「未経験からWebデザイナーへ!」のこちら↓の記事で、「UIデザインにはWebデザインのスキルが必要」というお話があり、すごく納得だったので共有させていただきます。UI/UXデザイナーとは?Webデザイナーとの違いぼくUIデザインも、ビジュアルデザインを作るときの技術や考え方が根底にあって成り立っています。ビジュアルデザインをおろそかにしてはいけません。MEMO紹介した記事ではUIデザイナーではなくWebデザイナーからスタートすることをオススメしていますが、ぼくとしては「Webデザイナー、UIデザイナー、UXデザイナーどれに就職してもいいけど、最初の1,2年はデザインをバリバリやる修業期間があったほうがいい」というふうに思っています。修業期間はなるべく年齢の若いうちにこなしておいた方が良くて、絶対的にアウトプットの力が付きますし、デザインについての発言力も増します。年齢を重ねてからだとなかなか時間を割くのが大変です。ちなみにぼくは2020年現在このデザイン修業期間の真っ最中で、バナーやLPを作っては上司に見せ、ダメ出しをもらっては直し、みたいなことをしています。デザインスキルがあがるとUI設計への姿勢もだいぶ変わって、より細かいところに注意を払うようになったし、全体的にグッと引き締まったページを作れるようになってきました。まとめWebデザイナー、UIデザイナー、UXデザイナーの定義は会社によってまちまち。転職においては、職種名というよりは”やりたいこと”と”どこまで裁量が持てるか”に注目するべし。WebデザイナーでもUI/UXデザイナーでも、ビジュアルデザインのスキルは絶対に高めておくべき。デザインの修業期間はあった方がいい。以上でWebデザイナー、UIデザイナー、UXデザイナーのお話はおしまいです!ぼくお疲れ様でした。Posts文系卒で美大出てなくてもWebデザイナー、UI/UXデザイナーになれるの?Web・UI/UXデザイナーはコーディングができるべき?Web・UI/UXデザイナーとプログラマーの違いjQueryとは?未経験からWebデザイナー・UI/UXデザイナーを目指す方向けに解説Webデザイナー・UI/UXデザイナーはJavaScriptも習得すべき?ぼく(管理人)大学卒業後に新卒で入った会社で2年半営業として働く。飛び込みとテレアポの日々で心身共に疲れ切ってしまい、適職診断をしまくってWebデザイナーの道を知り、その面白さに魅了され独学でWebデザイナー、UI/UXデザイナーを目指した。現在は事業会社にてUI/UXデザイナー兼Webディレクターをやっています。