この授業は次のような方におすすめです。
・ユーザーに満足してもらえるWebサイトを作りたい
・よくUIとかUXデザインとか言われるようになったがどんな物なのか知りたい
・WebデザインとUXデザインの違いを知りたい
この授業を最後まで受けてもらえれば、UXデザインというものがどんなものであるのか、どうしたらUXデザインのスキルを身につけることができるのかということなどがわかるようになります。
どうぞ最後までご覧になってください。
Webデザインとは
Amina Filkinsによる写真: https://www.pexels.com/ja-jp/photo/5424635/
Webデザインとは、Webサイトのデザインを行う専門職の仕事です。
良いWebサイトを作るためには、ユーザーの目線に立って考えながら、見やすくて分かりやすいデザインを作る必要があります。
会社によってはWebデザインだけでなく、その前段階の企画や構成から任されることもありますし、作ったデザインをWebで見られるようにコーディングという作業までするWebデザイナーも多いです。
Webデザインに必要なスキル
・Photoshop
・Illustrator
・HTML
・CSS
・JavaScript
Webデザインを作るには、PhotoshopやIllustratorなどのデザインツールを使いこなせるスキルが必要です。
また、コーディングまでも受け持つためには、HTML、CSS、JavaScriptなどのプログラミング言語のスキルが必要になります。
UXデザインとは
UXデザインの「UX」とは、「User Experience」の略で、「ユーザー体験」のことを指します。
UXデザインとは、ユーザーが使いやすく、さらに売上などの成果を生み出すサイトの設計を作る職業で、サービスを利用するユーザーの体験を最高に充実させることを目的としています。
Webサイトやアプリを利用するときに、ユーザーが体験することは、たくさんあります。
例えば、ECサイトを利用して、そこで商品を購入するという体験はUXによるユーザー体験になりますし、天気予報のアプリを使って今日の天気予報を知ったのであれば、それもUXになります。
UXデザインとはは、ユーザー体験から逆算してWebサイトやアプリのデザインを行う仕事です。
UXデザインをするには、
・クライアントへのヒアリング
・想定ユーザーへのアンケート
・サイト解析、テスト
を行うこともUXデザイナーの大切な仕事です。
・UXデザインのサイト設計の手法
・UXデザインはWebディレクターが進化したもの
UXデザインのサイト設計の手法
Fabian Wiktorによる写真: https://www.pexels.com/ja-jp/photo/3471423/
最近は、Webサイトがたくさん作られて競合が多すぎるので、Webサイトを作っても、売上に繋がりにくくなってきています。
・エスノグラフィー（サービス使用シーン）の観察調査
・ペルソナを設定
・カスタマージャーニーマップ（ユーザーがサービスを知ってから体験までの流れ）の作成
・プロトタイピング作成
・ユーザーインタビュー
UXデザインはWebディレクターが進化したもの
クライアントにヒアリングをしたりワイヤーフレームを作ったりするのも元々はWebディレクターの仕事ですし、今もそうです。
しかし、現在はWebサイトが乱立しているので、それだけでは成果が出せなくなってきたので、Webディレクターは、いろいろな方法で成果の出るWebサイトを作るUXデザイナーへ進化しつつあるのです。
ただし、Webディレクターが担当してきたプロジェクトの進行管理などは、プロジェクトマネージャーが担当することが普通で、UXデザイナーはサイトを設計することを担当することが一般的です。
WebデザインとUXデザインの違い
・WebデザインとUXデザインの業務内容の違い
・WebデザインとUXデザインの年収の違い
WebデザインとUXデザインの業務内容の違い
Lukasによる写真: https://www.pexels.com/ja-jp/photo/669610/
デザイナーと一口に言っても、それぞれさまざまな役割や業務があります。
Webデザインの仕事は表層にあたるビジュアルデザインがメインで、どうすればビジュアルによってわかりやすく伝わるのか?ということを考えます。
世間一般で「デザイナー」と呼ばれているのは、ピクセル単位のわずかなズレを修正してあり、色彩設計を慎重に行う職人仕事のことです。
一方、UXデザイナーとは、ユーザーのニーズ分析やサービス・プロダクトの目標や目的の設計をメインにしている職業の人のことを指します。
UXデザイナーは、「ユーザーに期待通りの体験をしてもらうにはどうすればいいのか?」ということを考えます。
WebデザインとUXデザインの年収の違い
同じデザイナーでもWebデザイナーとUXデザイナーでは年収にも差が出ます。
Webデザイナーの平均年収は約453万円なのに対して、UXデザイナーの平均年収は約596万円です。
UIデザインとは
UIデザインとは、UXデザイナーが作ったサイト設計を元にしながら
・最適な配色やボタンの形
・フォントサイズ
・写真選び
などを行って、具体的にWebサイトやアプリのUIデザインを作り込む仕事です。
・UIデザインが生まれた理由
・UIデザインにはUXの視点も必要
UIデザインが生まれた理由
このUIというのは、スマートフォンのアプリが生まれたことによるものが大きいです。
スマートフォンの画面はパソコンと比べて小さいため、その画面を操作するには、シンプルで使いやすいUIが必要になります。
できる限り無駄を省いたレイアウト設計が求められるので、以前までは「UIデザイン」というと、アプリのデザインを指すことが多かったのです。
しかし今では、スマートフォンでWebサイトを観ることが普通になってきたため、Webサイトでもアプリと全く同じようにUI/UXの視点が強く求められるようになりました。
UIデザインにはUXの視点も必要
以前まではWebデザイナーがUIデザインの役割を担当してきました。
ただ、これからはWebディレクターからもらったワイヤーフレームをPhotoshopなどでビジュアルに起こすだけではなく、UXデザイナーと同じようにユーザーインタビューに参加したり、クライアントにヒアリングすることも会社によっては必要になってきます。
UIの制作する時には、フォトショップではなくAdobe XDやSketch、Figmaなどが使われています。
UI/UXデザイナーとは
UI/UXデザインという職種が会社に存在する場合は、UXデザイン（サイトの設計）とUIデザインの両方をやるのが普通ですが、現場によっては様々になります。
・転職するときは業務内容をしっかり確認する
・会社の業態によってUI/UXデザインの業務は違う
転職するときは業務内容をしっかり確認する
転職する時には業務内容をしっかり確認するようにしましょう。
募集ではUXとUIの両方の人材を指している場合もあればUXだけの場合もあります。
人が少ないためにWebディレクターとWebデザイナーをかねている人をそう呼ぶ場合もありますので、転職活動をする際には、具体的な業務内容をきちんと確認した方がいいです。
会社の業態によってUI/UXデザインの業務は違う
制作会社で働くUI/UXデザイナーは、クライアントの新規サイト設計とUIデザインを行うことが普通です。
しかし事業会社のUI/UXデザイナーは、自社サイトの改善をするのが普通で、すでに存在するWebサイトの成果をあげることが仕事です。
なので、A/Bテストをしたり、アクセス解析やヒートマップの結果を元にして、ボタンの色や人物写真を変えてみたりするなどの改善をし続ける職業でもあります。
この場合は、Webマーケティングの知識が必要になります。
このような改善に特化した作業を行う職種のことをグロースハッカーという事もあります。
グロース（成長）をハックするためには、UXデザインとウェブマーケティングのスキルが求められます。
UXデザインの例
UXデザインに必要なスキル
UXデザインの仕事内容はWebデザインとは大きく違いますので、単純に「WebデザインができればUXデザイナーになれる」というわけにはいきません。
また、デザイナーといったら美大や芸大卒の方が有利なのかなという声もありますが、UXデザインは業務範囲が広いため、文系・理系・美大卒・芸大卒などを問わずに誰でも自分の強いを生かして活躍することができる仕事です。
・コミュニケーション力
・連携力
・ブランディングについての知識
・コーディングやプログラミングの知識
・数字と向き合う力
コミュニケーション力
fauxelsによる写真: https://www.pexels.com/ja-jp/photo/3184325/
UXデザイナーの仕事は仕事上、立場が異なる人たちと接する場面が多いので、コミュニケーション能力が重要になります。
連携力
fauxelsによる写真: https://www.pexels.com/ja-jp/photo/3184418/
ユーザーとの対話のためには、マーケティングチームやCSチームとの連携が必要になります。
また良いプロダクトを作るリソースを確保するためには経営陣の理解が必要不可欠です。
ブランディングについての知識
fauxelsによる写真: https://www.pexels.com/ja-jp/photo/3183131/
一貫性のあるプロダクトを作り出す上で、ターゲット市場での認識を分析して、どのように認識されたいかということを計画していくブランディングの知識が必要になります。
コーディングやプログラミングの知識
olia danilevichによる写真: https://www.pexels.com/ja-jp/photo/4974912/
コーディングやプログラミングの知識があるほど、エンジニアとの連携がスムーズになります。
数字と向き合う力
ユーザーからの評価は、経験値やなんとなくの感覚値では推し量れません。
自分の意図をより正しくユーザーに伝えるには、Googleアナリティクスやヒートマップなどの数字と向き合う力が必要になります。
数字と向き合う力を鍛える「ミエルカヒートマップ」
しかし、ビジュアルを見るだけで分析ができるとしたら、数字と向き合う力を直感的に楽しく鍛えられるかもしれませんよ。
「ミエルカヒートマップ」とは、視覚的なデータで数字と向き合う力を鍛えられるツールです。
・ヒートマップとは
・ミエルカヒートマップの使い方
ヒートマップとは
ヒートマップというのは、ユーザーの行動や興味関心を可視化することができる便利なツールです。
ミエルカヒートマップの使い方
・ユーザーの行動をもとに読まれていない部分を削除する
・ユーザーの離脱が起こっている部分を改善する
ユーザーの本心がヒートマップでわかる
「ミエルカヒートマップ」を使うとユーザーの本心がわかるようになります。
・ヒートマップがないと不便な点
・ヒートマップがあると便利な点
・デザイナーが分析スキルを知るメリット
ヒートマップがないと不便な点
ヒートマップがないと、CTAボタンを押してもらえていないことがわからず、見た目は良いれどCVが低いなどのように独りよがりのデザインになってしまいます。
ヒートマップがあると便利な点
一方、ヒートマップがある場合は、CTAボタンが押してもらえていないことが一目でわかります。
そこから、ボタンの場所が適切なのか?などの仮説検証ができます。
そしてボタンの位置を改善することによって、ユーザー目線のデザインに作り直すことができるようになります。
デザイナーが分析スキルを知るメリット
・根拠に基づいてデザインを提案することができる
・評価が高くなる
・ポートフォリオでアピールできる
根拠に基づいてデザインを提案することができる
デザイナーが分析スキルを使うと、根拠に基づいてデザインを提案することができ、クライアントに納得してもらうことができるようになります。
評価が高くなる
分析スキルを使うことで、成果物や改善の実績が効果を生んでいるいることを証明することができ、デザイナーの仕事を高く評価してもらうことができるようになります。
ポートフォリオでアピールできる
数字と向き合える力やサイト分析ができるデザイナーは数少ないので、多くの仕事の時に調法がられます。
またUIデザイナーやUXデザイナーへ転職する時にもアピールすることができます。
UXデザインを学ぶのに役立つおすすめ本
UXと理論で作るWebデザイン
UXデザインにおすすめの資格や試験
UXデザイナーになるためには特に資格は必要ではありません。
しかし、
・人間中心設計（HCD)専門家制度
・ユニバーサルデザインコーディネーター
の資格を持っていると、デザインスキルを証明できるので、転職の際に有利になります。
人間中心設計（HCD)専門家制度
人間中心設計（HCD)専門家制度は、特定非営利活動法人人間中心設計推進機構が実施する認定制度です。
・プロダクトやサービスの設計・開発におけるユーザビリティ
・人間中心設計
・UXデザイン
などの専門性を認定する資格です。
「スペシャリスト」と「専門家」という2つがあって、スペシャリスト2年以上、専門家は5年以上の実務経験が受験資格になります。
UXデザイナーに必要なスキルが証明できますし、転職の際にも大きく有利になるので、受験してみる価値があります。
ユニバーサルデザインコーディネーター
ユニバーサルデザインコーディネーターは、特定非営利活動法人 実利用者研究機構が認定する資格です。
3級、準2級、2級、準1級、1級に区分されています。
この資格を持っていることで、高齢者や障がい者、人種や国籍に関係なく全ての人が使いやすいユニバーサルデザインの視点で物事を解決できる力を持っている人材として評価されます。
これもUXデザイナーとして転職する際に有利になります。
UI/UXデザインの需要はこれから伸びる
AIやビッグデータの活用と関連してIoT（Internet of Things）はどんどん普及していき、今ではUI/UXデザインの需要が高まってきています。
IoTとはさまざまな物をインターネットに接続させて、IoTの技術を活用することです。
例えばスマートフォンを家電のリモコン代わりにして、スイッチを入れたり、スマートフォンを使って利用状況を確認したりすることができます。
このようなIoTはこれから色々な分野で拡大していくことが見込まれていて、ユーザーにとってわかりやすく使いやすいシステムやサービスを設計することができるUI/UXデザイナーの需要もこれから大きく伸びることが見込まれています。
いきなりUI/UXデザイナーになるのはNG
ここまで話した背景もあり、未経験でUI/UXデザイナーになりたいと希望する人が一気に増えてきていますが、いきなりUI/UXデザイナーになるのはあまりおすすめできません。
・UIデザインにはWebデザインの経験が必要
・まずはWebデザイナーを目指すのがおすすめ
UIデザインにはWebデザインの経験が必要
ビジュアルデザインは苦手なんだけど、UIデザインなら簡単そうでできるかもと思っている方ももしかしたらいるかもしれませんが、その考えは甘いですよ!
UIデザインでも、配色や余白、ジャンプ率やタイポグラフィーなど、Webデザインのスキルがかなり求められるからです。
また、サイトのメインビジュアルをデザインしなければいけなくなった時に、ビジュアルデザインができないようでは困ります。
なので、未経験でいきなりUI/UXデザイナーになろうとするのはおすすめできません。
まずはWebデザイナーを目指すのがおすすめ
なので、まずはWebデザインのスキルである「装飾美」のスキルを身につけてから「機能美」のUI/UXデザインを目指すことをおすすめします。
今の時代では、 Webデザイナーとしてやっていくにしても、UI/UXデザインの視点が問われています。
UXデザイナーになりたいのであれば、まずはUIというジャンルを包んでいるWebデザイナーになるのが賢い選択かもしれません。
まとめ
・Webデザインとは
・Webデザインに必要なスキル
・UXデザインとは
・UXデザインのサイト設計の手法
・UXデザインはWebディレクターが進化したもの
・WebデザインとUXデザインの違い
・WebデザインとUXデザインの業務内容の違い
・WebデザインとUXデザインの年収の違い
・UIデザインとは
・UIデザインが生まれた理由
・UIデザインにはUXの視点も必要
・UI/UXデザイナーとは
・転職するときは業務内容をしっかり確認する
・会社の業態によってUI/UXデザインの業務は違う
・UXデザインの例
・UXデザインに必要なスキル
・コミュニケーション力
・連携力
・ブランディングについての知識
・コーディングやプログラミングの知識
・数字と向き合う力
・ヒートマップとは
・ミカエルヒートマップの使い方
・ユーザーの本心がヒートマップでわかる
・ヒートマップがないと不便な点
・ヒートマップがあると便利な点
・デザイナーが分析スキルを知るメリット
・根拠に基づいてデザインを提案することができる
・評価が高くなる
・ポートフォリオでアピールできる
・UXと理論で作るWebデザイン
・UXデザインを学ぶのに役立つおすすめ本
・UXと理論で作るWebデザイン
・UXデザインにおすすめの資格や試験
・人間中心設計（HCD)専門家制度
・ユニバーサルデザインコーディネーター
・UI/UXデザインの需要はこれから伸びる
・いきなりUI/UXデザイナーになるのはNG
・UIデザインにはWebデザインの経験が必要
・まずはWebデザイナーを目指すのがおすすめ
これからは、UI/UXデザインの需要がどんどん伸びていくことが予想されます。
UI/UXデザインは、Webデザインの進化版だということがわかりましたね。
よりユーザーに満足してもらえるWebサイトを作るためには、UI/UXデザインのスキルが必要になります。
まだ未経験の方は、いきなりUI/UXデザイナーを目指そうとするよりも、まずはWebデザインを経験してからUI/UXデザイナーを目指すことがおすすめです。
私たちは頑張るあなたを応援しています。
