こんにちは！「Tekito style」を運営しているやすのり（@98nasi_nori）です。普段は都内でWebディレクター/マーケターなどをしています。

コーポレートサイトやLPなどのWebデザインは外部への制作依頼はしやすいですが、サービスのUI/UXのデザインとなると少し難しいところがありますよね。

サービスやユーザー、事業ドメインなどに対するより深い理解が不可欠で、サービス全体のユーザビリティを考慮したり、ユースケースに応じて細かなUIパターンをつくっていく必要もあります。

先日初めて外部のデザイナーさんにUI制作をしてもらいましたので、その時に整理した外注・依頼時のフローや考えるべきポイント、注意点などをざっと備忘録として残しておきます。

実際にやってみて色々と失敗や反省点などが多々あったので、それについても振り返っていきます。初めてUIデザインを外注したいと思っているディレクターやPMな人に、少しでも参考になれば幸いです。

UIデザイン制作の外注・依頼の流れ

UIデザインの制作を外注・依頼する際に、実施したおおよそのステップはおおよそ下記です。

ざっとこんな流れですね。細かくやることを分解すると、考えないといけないことは割とあります。

タイムラインとしては、仕様の企画後リクルーティングを開始し1〜2週間ほどで依頼するデザイナーさんを確定し、その2週間後に初回オリエンテーションと作業を開始した感じです。その間に仕様やワイヤー、テキストなどは随時ブラッシュアップできる部分は調整していきました。

UI外注時に事前に準備しておくと良いこと・必要な段取り

おおよその流れが分かったところで、UIデザインを外注する上で事前に準備しておくべきことをメモしておきます。

1. 仕様企画＋ワイヤーフレームの精査

要件定義と、仕様およびワイヤーフレームは事前にしっかり固めておきましょう。特に必要となるUIパターンは、可能な限りすべて洗い出しておくことが大切です。

例えば、ユーザーのステータス（ログインやその他フラグの有無など）によって、デザインパターンはどれくらい変わるか？など。

仕様・パターンの洗い出しが不十分だと、追加でデザインを依頼する必要が生じます。その分スケジュール全体がズレ込みますし、開発上の懸念が新たに生じる可能性があります（そのケースの仕様は想定外で、実装が難しいなど）。当たり前ではあるのですが、このあたりを事前に精査し切るのはなかなか難しいところです……。

デザインの段階でパターン出しも具体的に検討しようと思っていると、デザイン時に結構たいへんなことになります。

社内のデザイナーさんであればサービスや事業ドメイン、ユーザーへの理解も豊富だったりするので、ワイヤーやプロトタイプ段階で抜け漏れていたパターンなどにも対処できたりします。しかし社外のデザイナーさんで初めて依頼する方だと、そうした理解が不十分でどうしてもUIの抜け漏れが生じる可能性が高くなります（もちろんその方の対応力や、どこまですり合わせできたかにもよりますが）。

ですのでUIを外注する場合は、ある程度のUIパターンを社内でしっかり決めておくのが良いですよ。

可能であればプロトタイプをつくり、ユースケースごとに最適な利用フローになっているか、機能やUIの抜け漏れがないかを確認すると良いです。

2. 依頼内容とデザイナーの要件定義

仕様をある程度精査できたら、依頼内容およびリクルーティングの要件を整理していきましょう！

おすすめな依頼方法・依頼サイトは？

具体的にデザイン作業の内容が定まってきたら、リクルーティングを順次はじめていきます。知人経由や社内人脈を活用してリファラルで探すのが一番良いですが、もし見つからなければ外部の求人サービスやSNSをフルに活用して探すことも検討してみて下さい。

参考までに下記のサイトなどで探していました。

ランサーズは一度募集した時に、10人以上応募がありましたね。実績がありそうなUIデザイナーさんやUIデザイン会社などからコンタクトもちらほらあったので、意外と良い感じでした！

大体の予算感は？

これはデザインの内容や工数、予算、依頼する個人・企業などにもよってくると思うので参考までにですが、1ページあたり数万円前後で提案いただくことが多かったです。

ちなみに金額については、成果ベース（1ページいくら）で握るか、時間ベース（トータル何時間くらいか、1時間あたりいくらかなど作業工数）で握るかは事前に考えておきましょう。

ある程度やるべきことが明確に決まっている場合は成果ベースでもよいですが、デザイナーさんと一緒に考えつつ調整しながら進めたい場合や不確定要素が多い場合は、工数ベースで依頼するとよいかなと思います。

3. オリエンテーション資料の作成と共有

仕様を詰めたりするのと同様、初回のオリエンテーションはかなり大事だと思っています。

依頼の背景や目的、サービス・事業、ユーザーについての概要、今回解決したいユーザー課題と達成したいゴールなど、ドキュメントでも共有しつつ口頭でもできる限り丁寧に補足しすり合わせていきました。

今回はコロナ禍ということもあり、Zoomにてオンラインで実施しましたよ。

Marginやカラーリング、レイアウト、各種トンマナなどデザイン上のルールがあれば共有し、事前に認識を揃えておくと良いです。開発側の制約などでデザイン上変更できない箇所などもあれば、ここで整理しておきましょう！

また納品の形式や拡張子、画像をどこまで書き出すのか？どのように共有するか？などは、後ほどトラブルにならないように必ず事前にすり合わせておきましょう！

必要なテキスト情報は事前に用意しておく！

デザイン時に必要なテキストコンテンツなども、スプレッドシートなど一覧でまとめておくと良いです。

もしマークアップやフロント構築も同時に依頼する場合は、遷移先のリンクURL、パンくず、メタタグ（サイトタイトルやディスクリプション）などの情報も整理しておきましょう。

4. 契約関連の資料

必要に応じて業務委託契約書や秘密保持契約書なども、忘れずに用意しておきましょう。今回秘密保持契約書については、「Misoca」でつくり全てオンラインでやりとりをしましたよ！

5. コミュニケーションの取り方

コミュニケーションについては、チャットワークでグループを作成し、そこに開発や社内のデザイナーなど関係者含めてやり取りしました。ツールについては、フェイスブックメッセンジャーでもSlackでも、チームで使い慣れたものでOKです！

また事前に作業日時は洗い出しすり合わせた上で、作業開始前にチャットで一言（作業開始します！など）入れてもらい、作業後は簡単に1日の進捗を共有してもらっていました。

デザインの進め方やフィードバックで気をつけること

デザイン制作を進めていくにあたり、その進め方や修正・フィードバックで気をつけておくべきこともざっとまとめておきます。

デザイン提出の順序や進め方は事前に握っておく

デザインの進め方は事前に握っておいた方が良いです。先に30%くらいの完成度でいったん提出してもらって、確認後一緒に叩きながらデザインをブラッシュアップしていくのか、もしくはデザイナーさん側で一度完成形まで仕上げてから提出後修正などをしていくのかなど。

このあたりは依頼側のチームやデザイナーさん自身のスタイルによる部分もあると思います。ですが提出時に「思ってたのと違う！」とならないように、事前にどのようにどのタイミングで確認するか、確認フローや頻度などは考えておいた方が良いです。

また細かいですが、

• デザインパターンは複数作る想定か？
• 修正は何回くらいまでOKか？

なども話しておいた方がいいでしょう。

フィードバックの観点

何となく「これ直して！」だと、何のためにその修正をするのかデザイナーさん側も分かりません。

事業やサービスについて理解があるのは依頼側の方ですので、そうしたことも踏まえて、なぜそのフィードバックをしたのか？なぜその修正をするのか？など理由も明文化し丁寧に伝えると、よりよいデザインに繋がるのかなと思います。

非デザイナーからすると、デザインについて言語化するのはなかなか難しいところですが……、できる限り言語化する努力はしましょう。

またケースごとに言ってることやフィードバックの方向性が異なると混乱しがちです。どの観点でどんなスタンスで、などフィードバックの軸も統一できるといいです。このあたりも、どんなデザインをするのかの方向性が固まっていないと難しいところですが。

フィードバックやコメント方法も整理しておく

フィードバックする項目は、スプレッドシートなどシートでまとめておくと良いです。修正内容が多数発生した場合、どれが対応済みでどれが未対応なのか抜け漏れが発生しないように、また認識のズレが発生しないように、明文化し整理しておきましょう！

フィードバックは五月雨にすると、抜け漏れが発生したり、デザインの統一感がなくなったりすることもあります。できる限り一度整理・精査してから、フィードバックを渡す方がいいです。

UI検討時に抜け漏れ出さないために……

先程も述べましたが、事前の仕様策定が曖昧だとUIデザインをつくっていく中で、

「このパターンも必要だ」
「このケースの場合、どういうUIになるのか」

などパターンが抜け漏れ、デザイン作成のスケジュールも押していくことになります。

可能な限り仕様を策定する段階で、下記の観点は抜けもれないく事前に検討しておくとUI作成がよりスムーズになるかと。ベースの仕様が合った上で、デザイナーさんと叩きつつUIや仕様を必要に応じてブラッシュアップしてくと良いかなと思います。

依頼内容や進め方などはプロジェクトによりますので、あくまで参考として検討すべき項目の抜け漏れチェックにどうぞ。

下記の記事も参考になります。
「UIスタック」でデザインする際の抜け漏れをなくす
強度の高いUIをデザインする

プロトタイプでの検証

UIが完成した時点でそのまま納品とせず、一度完成版のUIでもプロトタイプをつくり、動作やユーザーフローの検証を進める時間を取った方が良いです。開発・プロダクトチームで確認し、擦り合わせておきましょう。

UI制作を外注して進める場合は、スケジュール的に実施が大変かもしれません。しかしプロトタイプを挟んで確認すれば、

• 新規ページと既存ページのつながりを把握できる
• おかしい場所やユーザーが行き止まりになる場所に気づける
• 使いやすさや、使いにくさ分かる
• UIパターンの抜け漏れに気づける
• デザイン、企画、開発の作業者間での認識がずれにくい

などメリットは大きいです。「1,000の会議より、1つのプロトタイプ」（prottのキャッチコピー）です。

もし懸念事項などあれば、納品前に確認して修正することもできます。ぜひワイヤー段階だけではなく、出来上がったUIデザインでのプロトタイプ検証の時間をスケジュールに組み込んでおきましょう。

【まとめ】UI制作を社外で進めるには、事前の準備とすり合わせが必須！

ここまで外部のデザイナーさんにUI制作を依頼する際のフローや考えるべきポイント、注意点などをざっとですが振り返ってみました。

それなりの規模のUI制作を社外の方に依頼して進めるには、しっかり準備して進めることが大切です。目指すサービス体験や改善の方向性など、依頼するデザイナーさんとのすり合わせや目線合わせは丁寧にしていくと良いです。

UI制作の外注は難しい面も多かったですが、今回実施してみて色々と学びがあったので、また改善しつつトライしてみようと思います。もっと良い進め方やコツがあれば、ぜひ教えて下さい……！

デザイナーってなんか憧れる！デザインを仕事にしたいけど、どうしたらいいんだろう……。

そういう悩みを持っている方って結構多いのかなと思います。デザインって義務教育で学んだこともないですし、何か特別な才能が必要な気がして、ハードルがとても高く感じますよね。

その気持ちめっちゃ分かります、僕も実際そうだったので。もともとデザインに興味があったし、デザイナーという職業にも憧れがありました。

僕は新卒でIT系企業に入社し、記事編集などの仕事を当初メインにしていたのですが、Webサービスの企画に関わっていくうちに、

「自分もデザインしてみたい！」

と次第に思い、社会人を続けつつ1年間デジタルハリウッドというデザイン・クリエイティブ系の専門学校に週2で通いました。現在はディレクターとして企画やマーケティング系の仕事をしながら、Webサービス・プロダクトのUI・UXデザインにも取り組んでいます。

結論から言えば、僕は学校に通って間違いなく良かったと思っていますが、学校によってはもう少しコスパ良く通えたな、というのが本音です。

デザインは独学で学ぶのはなかなか難しいし、デザインスクールに通うとなると時間も金もかかります。ですが最短でデザインの基礎を一通り学ぶのであれば、デザインスクールに通うことはおすすめの選択肢ではあります。

本記事ではデザインスクール・専門学校に通う意味やメリットは本当にあるのか、デメリットは何かあるのか、そういった疑問に僕の実体験を元に答えていきます。合わせておすすめのデザインスクールもご紹介していきますので、いま同じ悩みを抱えている方はぜひ参考にしていただけると嬉しいです！

参考までにおすすめなWebデザインスクールを知りたい方向けに、こちらに詳細をまとめています ↓↓
未経験向け！Webデザインでおすすめなスクール・専門学校＆講座比較まとめ

関連記事未経験向け！Webデザインのおすすめスクール・専門学校＆講座比較 7選まとめ

2023.09.30

実際にどんなことをWebデザインスクールで学んだの？

スクールでよく使っていた教室

僕が実際に1年間週2回（平日夜と土曜1日）のデザインスクールで学んだ内容は、主に下記になります。

今思えば、「どんだけ詰め込んでるねん……！」という感じですが、学んでみたいなぁと思ってたことは一通り学べた気がします。どこを深めていくかは自分次第な感じですね。

参考に当時の授業の様子が分かるレポートもご覧ください↓

関連記事【デジタルハリウッド授業体験記 #1】デジタルデザイン専攻_HTMLの基礎

2020.11.23

関連記事【デジタルハリウッド授業体験記 #2】デジタルデザイン専攻_デザインの潮流とUXD

2020.11.23

今見返すと結構恥ずかしいのですが……　授業で作成していた課題もよかったら参考にしてみてください↓
https://www.behance.net/hapihapihaec27

Webデザインスクール・専門学校に通うメリット

というこで、デザイン初心者がWebデザインスクールに通うメリットを、僕の実体験からリアルにお答えしていきます。

メリット1. 創る楽しさを学べた

まず個人的にデザインスクール通って一番よかったのは、「創ることの楽しさ」を学べたことですね。思い出した、とも言うべきかもしれません。

もともと絵を書いたり、何かを創ることは好きだったのですが、専門学校で自分の好きなこと・自分が創りたいものに自由に時間も気にせず没頭できたのは、仕事漬けな日々を送っていた僕にとってかなり新鮮な体験でした。1年にも渡ってじっくり何かを創る時間を取れたのは、これまでの人生で初めて。

仕事ともなると、色々な制約や納期などのプレッシャーがあるかと思いますが、学校では制作したいサービスやプロダクトを自分で全て決めてデザインできます。モチベーションも高まりますし、普通に楽しいんですよね。

また色々なスキルが徐々に身についていくと、「もっとこうしたい！」とか「これを学んでみたい！」というのがどんどん増えていきます。この状態って超幸せなことです！

「創るのが楽しい！」ということに気づき、学ぶ対象を具体的に描ければ、あとはその気持ちを原動力に独学でも何でもきっと自走していけますよ。その基礎力をスクールでは培えたかなと思っています。

メリット2. デザインに必要な知識を体系的に学べた

授業スケジュールの一部。

「デザインを学んでみたい！」という初心者の方にとっては、一体何をどの順番でどう学んだらいいのか、その全体像を掴むのことは結構ハードルが高いかと思います。

デザインスクールではデザインを学ぶために効率良いカリキュラムを練りに練っており、教材も最適化されたものが使われます（もちろん学校や担当する先生にもよりますが）。

独学だと色々な参考書を貪り、回り道をしがち。一方専門スクールに通うと必要なスキルに絞って学べ、効率よく最短でデザインスキルを身につけることができますよ。

またデザインの学び方やスキルを磨くステップについても、デザインの専門家から直接学ぶことができます。

そもそも何を学べばいいのか分からない、学び方も分からない・自信がない、という方はスクールに通う選択肢も考えて良いかとは思います。

メリット3. 分からなければすぐにフィードバックを貰える

スクールや専門学校に通っていれば、スキルのある先生から授業中はもちろん、チャットなどでも逐一フィードバックを貰えたりします。このフィードバックをしっかり活かすことが成長の鍵です。

デザインって、これが必ず正解！というのがなかなか見えにくいケースが多いです（サービスを実際に運用したり、ユーザーに見てもらったりしていく中で、どこをどう改善すべきかが徐々に見えきたりするのですが）。

自分でデザインしたポスターやWebサイトなどをどうすればもって良くできるのか、何か課題なのかを見定め自分で改善していくのは、正直デザインを始めたばかりの方に限らずかなり難しいのではないかなと思います。

ですので早く成長したければ、どんどん専門家のフィードバックを貰って自らの血肉にし、デザインを改善し仕上げていく過程を大量に経るべきかと思います。デザインスクールにはその機会が豊富にあるので、そのメリットを生かさない手はないです。

また卒業後もデザインについて先生に個別相談したりしていたので、個人的な繋がりをたくさんつくっておくこともおすすめします。

メリット4. レベルの高い同期からの刺激

卒業式の様子。一番左の調子乗っているのが僕です（笑）。

デザイン系のスクールに通っていると、自分と同じ授業を受けているはずなのに、圧倒的に自分よりもすごいクオリティのものをつくる奴がいるんですよね。

自分は割とセンスがあるのでは……と当初思っていたのですが（笑）、そういったレベルの高い同期の生徒を見ていると絶望感みたいものを感じます。高いアウトプットを出す人に限って、陰で寝る間も惜しんで勉強して創っては壊しを繰り返す圧倒的な努力をしています。

一人で独学していたら心が折れていたかもしれませんが、彼らのそういう姿勢をみると自分も頑張ろうと毎回奮い立てます。

またお互いにデザインのフィードバックをし合ったり、共同のプロジェクトで役割分担をして制作をしたりする機会もありました。同期とは卒業した今でも繋がりがあるのですが、各々デザイナーやエンジニアなどクリエイティブ系の仕事をしているので、未だに刺激を受けていますね。

メリット5. 強制的に学習・制作時間を練り出せた

デザインスクールの制作発表会

デザインスクールでは定期的に制作発表の場があります。3ヶ月課題や半年目の中間、卒業課題、その他毎週の課題など。

一人で独学していたら怠けてしまうことも多かったかもしれません。しかしこうした制作発表があるお陰で、それを目指して制作スケジュールを切り、着実に作品・ポートフォリオを創り続けることができました。

またアウトプットだけでなく、日々の学習という点においても毎週授業があるので必ず何かしらインプットがあります。授業についていくには復習や予習も必要になります。

人はどうしてもサボったり、易きに流れがちな生き物。自己コントロール力に自信のない方は、一定の強制力があるデザインスクールに通うことはおすすめな選択肢ですね。

メリット6. デザイン系のイベント・勉強会に参加できる

UXデザインのゼミ。カスタマージャーニーを描いてる様子。

これは通う学校にもよるかと思いますが、学校主催のデザイン・クリエイティブ関係のイベントや勉強会に招待されることもメリットです。ときには著名人や高スキル人材を招いたクローズドなイベントやセミナー、ワークショップも開催されたりします。

自分の関心ある領域を深めたり、広げたりする良い機会なのでぜひ参加するのがおすすめです。

またそうしたイベント情報に加えて、クリエイティブ系の就・転職案件やフリーランサー向けの案件情報なども紹介してくれたりします。デザインを学びポートフォリオを磨いたら、そのまま就職までサポートしてもらえることもスクール通いのメリットですね。

メリット7. デザイン系ツールの学割が使える

これも学校次第ですが、Adobeなどクリエイティブツールを学割で使えたのが地味にありがたかったです。普通に年間5〜6万円のツールが半額になったり、3D制作系のツールが無料になったり。

場合によっては学校にあるPCを使えばツールを購入する必要もありません。ただ自分のPCで作業したい場合はもちろん購入は必須ですが。

どのツールに学割が適応されるのかは、通う予定の学校に確認してみてください。

Webデザインスクール・専門学校に通うデメリット

続いて、Webデザインスクールに通うとどんなデメリットがあるのかも合わせてみていきましょう。

デメリット1. シンプルに授業料が高い……

個人的にこれがデザインスクールに通う最大のネックなのかなと思います。僕は1年間、週2回の授業料で年間120万円、制作に必要なツールや通学費用なども含めると＋10万円くらいはかかっています。

授業料については学校やカリキュラム、通学期間にもよるので、例えば半年間で週1とかのプログラムならもっと安くできますね。最近ではオンライン形式の学校や、1ヶ月など短期集中のプログラムもあります。

また分割払いにも対応している学校が多いかと思います。僕もスクールに通い出したのが社会人2年目とかだったので、確か3年払いくらいにしましたが、毎月数万円ずつ飛ぶのは結構痛かったですね。

ただデザインスクールではめちゃくちゃいい経験ができたので、その費用に見合うリターンは得られたかなとは思います。ですがそこは全て自分次第。自分の行動によって安くも高くもなります。

デザインを仕事にしたい！デザイナーに何がなんでもなりたい！という方にとっては、それを叶えるチケットになることを考えると安いものなのかもしれませんが。

もちろん「一括で余裕！」なんて方は無視してOKです（笑）。

デメリット2. 社会人だと超ハード！時間的な拘束も

僕は社会人をしながらデザインスクールに1年間通いました。正直に言うと、仕事しつつデザインスクールに平日夜に1日、土日まる1日通うことは、なかなかにキツかったですね。

最初同期も40人くらいいたのですが、1年後に最終的に残ったのは15人くらいでしたね（汗）。

授業についていくためも、学んだことを血肉にするためにも、授業の予習や復習をすることは必須です。加えて授業課題や制作発表に向けての作品・ポートフォリオづくりの時間を捻出する必要があります。

本気で学びたいのであれば、仕事が終わりに1〜3時間は捻出しつつ、休日1日は予習・復習、制作時間などに当てるべきかなとは思います。制作が佳境に入ると、時には有給を使ったりもしました。

ただし時間的な拘束があるからこそ、集中して取り組めるという面もあります。時間が余っていてもどうせやらないのであれば、半年〜1年くらい必死こく時期があっても良いかなとは思いますね。

デメリット3. スクールに通えばデザインができるようになる、ハズがない！

デザイン専門学校に通ったからといって、デザインができるようになるとは限りません。

受け身で授業だけと聞いているようだと、なかなかスキルを身につけるのは難しいです。予備校を使い倒す意識が必須です。

積極的にフィードバックをもらいにいったり、予習復習を徹底したり、勉強会に参加したり、参考書を読んだりと、自分でもスキルや知識を深める努力をする必要があります。制作物についても、課題はもちろんプラスαで自分で制作する姿勢も求められるかなと思います。

またデザインスクールで学んだことをそのまま実務で活かせるかというと、それもまた別問題。

もしデザイナーになりたいのであれば、デザインスクールでマインドや基礎スキルを培い、ポートフォリオを磨いた後、現場に滑り込み、地道に実務レベルまで引き上げる更なる努力をする必要があります。

デメリット4.　学ぶスキルが広く浅くになりがち

デザインスクールでは、たった数ヶ月や1年間でWebデザインに必要なスキルをカリキュラムにみっちり詰め込んできます。

授業内容はデザインの基礎から、制作ツールの使い方、HTMLやJSなどサイト制作に必要な言語などなど広範囲に渡ります。僕の場合はそこにUI・UX周りや動画制作、IoTなどのインタラクション、Unity、動画制作など、これでもかというくらい色々なことに触れました。

そうなると、まぁ普通に全てを学び取るのは無理なんですよね（笑）。

カリキュラムも割と導入部分や触りだけ学んで、次！みたいなことも多かったです。

自分が予期していなかったデザイン・技術などに触れることは、それはそれでメリットではあり楽しいのですが、どうしても1つ1つの知識やスキルが浅くなりがちです。人によっては不必要な授業も時にあるでしょう。僕はいろいろ学びたかったのでOKでしたが。

ですので自分はデザインのどの領域を攻めたいのか、どこを深めたいのか、どういうデザイナーになりたいのかを、スクールに通う前はもちろん、通いながらもしっかり考え抜き、学ぶ領域の取捨選択をする必要があるのかなと思います。

これは自分にとって重要ではないからとにかく楽しむ、この領域は深める必要があるから自分で徹底的に勉強するなど、力の入れ方を調整できるといいですね。全部頑張ろうとするとパンクしますよ。僕の場合はIoTやUnity周りはほどほどに切り捨てましたね……。

デメリット5. 教師によって当たり外れがある

これはスクールにもよりますし、運の要素もありますが、教師によって当たり外れは間違いなくありますね。

スキルの低い人や教えるのが下手な先生にあたる可能性を極力排除するために、講師陣のチェックは事前にしておくことをおすすめします。担当教師のブログや制作物、過去の経歴や実績を調べるなど。

といってもずっと同じ人が教えるというよりは、デザインの分野やクラスごとに先生が変わるケースも多いです。この先生良いな！という方を見つけたら、たとえ自分の授業を受け持っていなくても、積極的にフィードバックをもらいにいくなど能動的に良い先生を捕まえて活用する努力も必要です。

おすすめなデザインスクール・専門学校

上記のメリットやデメリットも踏まえて、それでもデザインスクールに通いたい！！という方はぜひ下記の学校をおすすめします。Webデザインを本気で学びたい人はぜひ参考にして下さい。

1. デジタルハリウッド STUDIO by LIG

Photo by：LIG公式サイト

「デジタルハリウッド STUDIO by LIG」は、Web制作やオウンドメディア運営で有名な株式会社LIGが運営するWebデザインスクール。クリエイティブ教育に強い僕の母校デジハリとタッグを組んでいるので、教材の質は間違いないです。

「Webデザイナー専攻」では「Photoshop」「Illustrator」を使ってWebデザインの基礎スキルを学んび、HTMLやCSS、JavaScriptでのコーディングを学んでいきます。またデザイン時に重要なライティングや編集、撮影についてもオリジナル教材で学べます。

受講期間は6ヶ月なので長すぎず、Webデザイナーとしてスタートラインに立つために、必要十分なスキルに絞って学ぶことができるので効率も良し。価格も45万円とデジハリと比較してもかなりコスパ良いです。

授業スタイルは、映像教材を使用したオンライン授業と、個別指導を併用した学習スタイルを採用しています。LIGに勤めている現役クリエイターからマンツーマンで直接学べるのは最大のメリットですね。LIGの社員の方とは仕事でも繋がりがあるのですが、遊び心のある面白い人が多いですし、個々のスキルも高いです。

他に特典としては、

などがあります。

仕事で実践しないとデザイン力はつかないので、半年きっちり学んでポートフォリオを創り転職活動するのはおすすめですね。僕の知り合いもこのスクールに通って、現在はIT系の企業でデザイナーをしつつ、フリーランスとしても活躍していますね。

僕がもう一度Webデザインスクールに通うとしたら、このデジタルハリウッド STUDIO by LIGに通うかなーと思いますね。

コース名	Webデザイナー専攻
受講料	¥450,000 (税抜)
受講期間	6ヶ月
場所	STUDIO上野 by LIG / STUDIO池袋 by LIG
公式サイト	キャリアチェンジを支援する・社会人のためのWebクリエイタースクール【デジタルハリウッド STUDIO by LIG】

\ 6ヶ月で未経験からWebデザイナーになるなら /

無料見学・説明会に参加する (公式サイト)

2. デジタルハリウッドスクール

Photo by：デジタルハリウッド公式サイト

クリエイティブ系の専門スクールといえば、このデジハリ。僕の母校ですね。

通っていた本科UI/UXD専攻コースでは、デザイン基礎に加えて、Illustrator・Photoshop、HTML5・CSS3などのコーディング、After Effects、インスタレーションやIoTデザイン、アプリやウェブのUI ・UXなどついて学びます。基本的に対面での授業がメインで、その他オンライン教材も併用します。

受講期間は1年間、週末1日＋平日夜1日の週2日、価格も120万（税抜）となかなかヘビー。時間を捻出でき、価格も懸念にならず、デザイン＋αでデジタルアートや動画制作など幅広く学びたければおすすめなスクールです。教材やサポートのクオリティも高いです。

ただし先程お伝えした通り、学ぶ内容を自分で取捨選択する必要があるので、人によっては無駄な時間やコストがかかってしまう感はありますね。

デジハリには他にも価格を抑えた半年コースやグラフィックデザイナー専攻、3DCGデザイナー専攻など、様々なコースがあるので、自分に合ったものを探してみると良いかなと思います。

\ 幅広くじっくりWebデザインを学ぶなら /

3. SHElikes（シーライクス） Webデザインコース

Photo by：SHElikes（シーライクス）公式サイト

SHElikes（シーライクス）は、未経験者向けかつ女性専用のWeb系キャリア支援スクール。スキルアップ支援やコミュニティ、コーチングなどを通じて、どう自分らしく生きるかを、ひとりひとりに寄り添いサポートしてくれます。提供コースは多数ありますが、一番人気なのがWebデザイン専門のコースです。

プランは2つで、全レッスン受け放題になる「受け放題プラン」と、月5回まで受講可能な「月5回プラン」があります。

受け放題プランはデザインのみならず、ライティングやマーケティング、動画制作など、全32コースからオンラインで受け放題なのでかなりお得なサービスです。

「デザインに興味があるけど、他にも色々学んでみたい！」という好奇心旺盛な方にはおすすめですね。

Webデザインからコーディングまで、サイト制作の基本的なスキルを学んでいく感じです。上記以外にも、外部講師を招いたイベントや勉強会が随時開催されています。

女性専用のスクールということもあり、独自のコミュニティが活発なので、他の参加者とも刺激を受けながら勉強・スキルアップしていける環境があるのが良いですね。またスキルをしっかり身につけられた方には、お仕事紹介のサポートもあります！

スクールやレッスン内容の詳細については、無料体験レッスンにて確認してみて下さい。体験レッスンに参加すると、初月の受講料が無料になるので要チェックです！

コース名	Webデザインコース
受講料	入会金148,000円 (税別) ＋受け放題プラン：月12,334円（税別）〜 / 月5回プラン：月8,167円 (税別) 〜
受講期間	1ヶ月 〜 最大12ヶ月 （※Webデザインコースは2ヶ月）
通学形態	オンライン＋お洒落な教室（表参道・銀座・名古屋）あり
公式サイト	SHElikes（シーライクス）公式サイト

\ 無料体験レッスン参加で初月無料！ /

SHElikes公式サイトを見る

オンラインスクールで学ぶという選択肢も！

デザインスクールに通うのが時間的にも物理的にも難しいなら、オンライン教材で学ぶという選択肢もあります。特におすすめなのは「
Udemy」というサービス。

Udemyは世界最大級のオンライン学習プラットフォームで、世界中の学びたい人と教えたい人をオンラインでつなぐサービスです。

Photo by：
Udemy公式サイト

Adobeのソフトなどウェブデザインはもちろん、データサイエンス、マーケティング、AIなどについても実践的なレベルで学べます。1講座あたりの価格は数千～数万円程度。ですので、必要な講座のみ受講すればコストも抑えることが可能です。講師に直接掲示板から質問ができるため自学自習もできます。

また専用アプリを使えばスマホから視聴も可能なので、自分のペースで学びたい方にはピッタリです。下記のようなデザイン関連の講座があるので、ぜひチェックしてみてくださいね。初心者・初学者向けの講座もあります。

ウェブデザインコース
グラフィックデザインコース（グラフィックデザインとイラストレーションを学ぼう！）
Web開発コース(HTML/CSS/JavaScriptなど)

時々セールもやっていて、通常￥24,000の人気コースが￥1,320（94%OFF）のときがあります！定期的にチェックしておきましょう！

デザインを仕事にしたいなら……

いかがでしたか？ここまでデザインスクールに通うメリットやデメリット、またおすすめなデザインスクールについてご紹介してきました。

デザイン初心者の方がデザインを仕事にしたいのであれば、それなりの時間を費やす覚悟が必要です。独学でも不可能では全くないですが、最短・効率よく学ぶのであればデザインスクールに通う選択肢もありかなと個人的には思います。

新しいことを学ぶのはとっても楽しいですし刺激的。覚悟といっても、デザインが本当に好きなら余裕で没頭できてしまうかと思います。
ぜひ勇気を出して、デザインにチャレンジしてみてくださいね！

おすすめなデザインスクール↓

・キャリアチェンジを支援する/社会人のためのWebクリエイタースクール【デジタルハリウッド STUDIO by LIG】

・女性専用のWeb系キャリア支援スクール【SHElikes（シーライクス）】

Webデザインスクールの詳細をもっと知りたい方はこちら ↓↓
未経験向け！Webデザインでおすすめなスクール・専門学校＆講座比較まとめ

関連記事未経験向け！Webデザインのおすすめスクール・専門学校＆講座比較 7選まとめ

2023.09.30

こんにちは！「Tekito style」を運営しているやすのり（@98nasi_nori）です。普段は都内でWebディレクター/マーケターなどをしています。

デザイナーやフロントエンジニア、ディレクターなど、サービスやプロダクト開発に関わっている方であれば、UXやデザイン関連の最新情報は常に抑えておきたいですよね？他社事例の情報などもぜひウォッチしていきたいところ。

そこで今回は、最新のデザイン情報や役立つチップスを発信している、おすすめな企業・個人ブログを15つまとめました。日々の情報収集に役立ててみて下さいませ。

企業ブログ・オウンドメディア11編

まず制作会社やデザイン会社、または事業会社のデザイン部が運営している、企業ブログ・オウンドメディアをご紹介いたします。

1. Goodpatch Blog

Photo by : Goodpatch Blog

デザインといえば真っ先に思い浮かぶであろう、株式会社グッドパッチさんが運営しているメディア。「デザインの力を証明する」をミッションにUI/UX領域に特化しているデザイン会社で、ベルリンや台北にもオフィスがあるようです。

UX領域からプロジェクトマネジメントの他、毎月Goodpatch内で話題になったサービスやデザインの情報なども発信していて、最前線で働くデザイナーの知見や考え方を覗ける貴重な情報源となっています。記事の質も更新頻度も高いです！

僕は勝手にGoodpatchファンなので、日々の更新を楽しみにしています！

URL：Goodpatch Blog

2. freshtrax

Photo by : freshtrax

サンフランシスコに拠点があるクリエイティブカンパニー、btraxが運営している企業ブログ。デザインやイノベーションなどに関する最新情報を発信しています。UXやデザインシンキングなどのデザイン関連、またAIやIoTについてなど専門的な情報もまとまっており、記事のクオリティはかなり高いですね。定期的にチェックしておくべき、おすすめのデザインブログです！

URL：freshtrax

3. Mercari Design

Photo by : Mercari Design

「Mercari Design」は、メルカリとメルペイが発信している公式ブログです。クリエイティブやデザイン関連の情報を不定期で発信しています。

更新頻度はあまり高くないのですが、今最も勢いに乗っているスタートアップであるメルカリ所属のデザイナーやクリエイターの情報を見れるので、時々チェックしてみて下さいね。

URL：Mercari Design

4. DeNA DESIGN BLOG

Photo by : DeNA DESIGN BLOG

「DeNA DESIGN BLOG」は、DeNAのデザイン本部が発信しているブログです。UXやデザイン情報だけでなく、フロントエンドエンジニアリング関連の情報も多数掲載されています。またデザインや技術系のカンファレンスやイベントレポートなども参考になりますよ。更新は月数本など不定期なので、たまにチェックしておくことをおすすめします。

URL：DeNA DESIGN BLOG

5. CrowdWorks DESIGNER BLOG

Photo by : CrowdWorks DESIGNER BLOG

「CrowdWorks DESIGNER BLOG」は、クラウドソーシング最大手クラウドワークス所属のデザイナーさんが発信しているブログ。UXからUI設計、組織論までしっかりまとめてくれている記事が多く、とても参考になります。更新も毎月定期的にされているようです！

URL：CrowdWorks DESIGNER BLOG

6. CyberAgent Developers Blog

Photo by : CyberAgent Developers Blog

「CyberAgent Developers Blog」は、サイバーエージェントに所属するエンジニアやクリエイター、PMなどの方が情報発信しているブログです。Abema TVやAWAなどの人気サービス開発の裏側を少し覗くことができます。更新頻度は多かったり少なかったりとばらつきがある感じですね。

URL：CyberAgent Developers Blog

7. RECRUIT TECHNOLOGIES Member’s Blog

Photo by : RECRUIT TECHNOLOGIES Member’s Blog

リクルートの開発部隊、リクルートテクノロジー社所属のクリエイターの方が発信しているブログです。デザインやフロント開発領域の記事も更新されていますが、どちらかというとエンジニアの方向けな情報が多いサイトです。リクルートのような大規模サービス開発を運営しているクリエイターの考え方や知見を学べます。更新も定期的にされていますよ。

URL：RECRUIT TECHNOLOGIES Member’s Blog

8. PSYENCE:MEDIA

Photo by :

こちらはリクルートの子会社、リクルートマーケティングパートナーズに所属するデザイナーやエンジニア、スクラムマスターなどが発信するメディアです。こちらもどちらかといえば技術系の記事が多いですが、プロトタイピングやフロント開発、インタラクションデザインについてなど、興味深いコンテンツが多数あります。ぜひチェックしてみて下さいね。

URL：PSYENCE:MEDIA

9. OHAKO Blog

Photo by : OHAKO

東京を拠点に活動しているデザインカンパニー、「OHAKO」が運営しているブログです。デザインやプロダクトマネジメントなどに関しての情報を発信しています。記事の数はまだ多くはないのですが、時々チェックしてみてはいかがでしょうか。

URL：OHAKO Blog

10. LIG BLOG

Photo by : LIG BLOG

もはや説明不要かと思いますが、制作会社LIGが運営するブログです。デザインだけでなく、コンテンツ制作や開発周りのテーマも多くかなり参考になります。記事テーマの切り口が面白い記事が多いですね。最近はデザインや技術などに関係ないテーマも増えてきていて、見る機会は以前と比較して減った気がしますが、それでも要チェックなメディアであること間違いなしです！

URL：LIG BLOG

11. UX MILK

Photo by : UX MILK

UX MILKは、株式会社メンバーズが運営するUXデザインに特化したメディアです。記事テーマをUXに絞っているので、UX領域に関して広範囲かつ深ぼった記事も多く、海外の著名デザイナーの翻訳記事なども掲載されています。UXについての情報収集するなら必ず抑えておきたいメディアですね。

URL：UX MILK

個人デザインブログ編4選

ここからは個人で運営されているデザインブログを4つまとめて紹介いたします。

12. サルワカ

Photo by : サルワカ

サルワカはあらゆることを分かりやすく解説するをコンセプトにしたメディアで、Web制作やデザイン関連情報を発信しています。@catnose99さんが個人で運営しています。

最近検索でもよくヒットしますね。コンセプト通り、ひとつひとつの記事のクオリティがかなり高く、とても分かりやすいです。主に初心者向けのコンテンツが多いのですが、つまずかないようにかなり細かく情報を整理しています。コンテンツ制作の観点でも参考になることが多いです。個人でここまでのメディアをつくれるのは相当すごいですね……。

URL：サルワカ

13. coliss

Photo by : coliss

colissさんについては説明不要かと思いますが、サイト制作に関する最新情報を日々発信しているメディアです。デザイン関連も記事も豊富で一つひとつの記事のクオリティも高いです。ぜひ定期的にチェックしておきましょう！

URL：coliss

14. tsubotax.com

Photo by : tsubotax.com

デザイン会社Basecamp代表、Onedot株式会社のCCOを勤めているデザイナーの坪田 朋さんが運営しているブログです。デザイン領域の先駆者として活躍されている坪田さんのデザインに対する考え方を垣間見ることができます。かなり面白く勉強になります。更新は不定期ですが、要ウォッチですね！

URL：tsubotax.com

15. UX INSPIRATION!

Photo by : UX INSPIRATION!

UXデザイナーのHiroki Hosaka（保坂 浩紀）さんが運営する個人ブログ。デザインやUXに関するクリエイティブネタを発信しています。更新は昨年2018年あたりで止まっているのが残念なのですが、UXやデザイン対する考察が参考になるので、過去記事を発掘してみてくださいね。

URL：UX INSPIRATION!

まとめ

ここまでデザイン情報収集に役立つ企業・個人のブログメディアを15つご紹介していきました。

ぜひ定期的にチェックしてみて、効率的に情報収集していただければと思います。他にも追加するべきサイトなどありましたら、ぜひお声がけ下さいませ。

それでは！

Webデザインを効率的に学ぶなら、スクールに通うのもおすすめな選択肢です ↓↓
未経験向け！Webデザインでおすすめなスクール・専門学校＆講座比較 7選まとめ

関連記事未経験向け！Webデザインのおすすめスクール・専門学校＆講座比較 7選まとめ

2023.09.30

関連記事Webデザインスクール・専門学校に通うメリット・デメリットを経験者が比較してみた

2023.09.30

Webマーケティングでおすすめなメディア一覧はこちら ↓↓

関連記事Webマーケティングの情報収集におすすめなメディア・ブログ20選まとめ

2020.06.21

はじめまして！本ブログ「Tekito style」を運営しているやすのり（@98nasi_nori）です。普段は都内でWebディレクター/マーケターなどをしています。

最近「UXデザイン」というキーワードを耳にする機会が増えてきました。ほぼ毎日のようにUXデザインに関する記事がリリースされていたり、UX関連の書籍も書店でよく見るようになりました。

UXデザインは端的に言えば、ユーザー視点で体験を設計すること。マーケティングやデザインの関心は、ユーザーの心を捉える「体験」をいかに創り上げていくのかにシフトしています。

ですがUXという言葉が先行するばかりで、人や企業ごとによっても捉え方が異なる場合もあり、具体的にどのようなことなのか疑問に思う方も多いかと思います。

そもそもどうして今、UXが注目されているのでしょうか？
そもそもUXデザインとは何なのでしょうか？

僕が現在働いているスタートアップ企業でも、UXデザインのプロセスをいかに組み込み、成果を上げていくのか、日々試行錯誤していたりします。

そこで今回はUXデザインの基本的な知識と事例、またUXが重視されるようになった理由や背景などをまとめて振り返っていきたいと思います。UXに関心がある方はぜひ参考にしてみてくださいね。

そもそもデザインとは何か？

そもそもデザインとは何なのでしょうか？ただ良い感じの見た目にすることだと思っていたり、自己表現を追求するアートと勘違いをしていたりする人も多いですよね。

Wikipediaでは、デザインを以下のように定義していました。

つまり、デザインとは一言で言えば「課題解決」のこと。デザインとは表面を美しく見せる行為ではなく、人の生活を豊かにするために課題を発見し、 解決のための思考とそれを実践することを意味します。

ちなみに、design、Design、DESIGNもそれぞれ違う意味が定義されている場合があります。それに関しては以下btraxの記事も参考にしてみてください。

design, Design, DESIGNの違いを知っていますか？

デザインの範囲

デザインは課題解決することなので、その対象はとても幅広いことになります。広義のデザインと狭義のデザイン（例えばデジタルデザイン）を見ていくと、以下のようなイメージとなります。

このようにデザインの対象は広大で、その意味において見た目のデザインを作るスキルだけではなく、課題を発見し、解決（ソリューション）することがデザインには期待されているのです。

UXデザインとは

デザインについて何となくイメージができたところで、ここからが本題です。

UXは「User Experience」の略で、ユーザー体験のことを意味しています。

UXとはユーザーの体験そのもの、ユーザーの個人的な主観の集合とも言えます。よく製品やサービスといった「モノ」ではなく、それを取り巻く環境という「コト」のデザインと言われることがありますね。

つまり「UXデザイン」とは、ユーザー体験（UX）をデザイン（設計）すること。ほんとうに満足してもらえる、使いやすいプロダクトやサービス・商品を提供し、使っていて嬉しい、楽しい、使い続けたい、そのような気持ちにさせることはもちろん、サービスを利用する前からの接点づくりから、サービス利用後のユーザーの体験まで含めた、サービス・プロダクト全体の体験を設計することを意味します。

2010年に公開されたUX白書によれば、UXの定義として、商品・サービスを使っているときだけでなく、その前後の時間の中にもユーザー体験が広がっているとされています。サービスに触れていない前後の時間や、サービスを利用していく中で蓄積される記憶までもUXの一部として定義されていて、サービスや商品はその一要素に過ぎないということになります。

アクセス解析やWebサイトのデータ分析だけでは、サービスの利用前後も含めたユーザー体験全体を把握することが難しいということになります。

ユーザーの体験全体をデザインすることの重要性

ユーザーにはそこの体験に至るまでに様々な過程があり どんなに部分的に高めても、全体の満足には決して繋がりません。

例えばAISASUモデルを見てもわかるように、UXでは、認知し（Attention）、興味を持ち（Interest）、検索し（Search）、利用し（Action）、満足して口コミで広がる（Share）、これらの体験全体を最適化する必要があります。

ユーザー体験をデザインすることは、まさにサービス全体をデザインすることそのものなのです。

UXデザインの実現のためには、ユーザーのインサイト、例えば行動や思惑、その背景などについて徹底的に追求し、仮説と検証を繰り返していくことが必要になります。

デジタルの文脈におけるUXデザイン

デジタルデザイン業界でも、見た目のデザインをするだけでなく、サービス全体を考慮し、わかりやすさ、使いやすさを考えられるデザイナーが求められています。

デジタルの文脈では、ユーザーがWebを使う前から使ったあとまでを考える手法なので、UXはWebサイト内の使い勝手にフォーカスしたUI（ユーザーインターフェイス）やユーザビリティよりも広範な概念であり、それらを内包する概念です。

UIはあくまでWebやアプリの画面周りのことを指していて、人がサービスやプロダクトと触れ合う接点ではありますが、体験全てを指しているわけではありません。

UI/UXと言われることもありますが、これはスマフォのアプリではUIがUXに与えるインパクトがかなり大きいため、このような表記を使うケースが増えたようです。UI/UXという場合は、ユーザビリティまでを指していることが多く、人によってUXの認識が異なる場合があるので注意が必要です。

UXという言葉を「いい感じで使いやすいUIやフローをつくること」の意味合いで使われ、よく使いにくいUIのことを「UXが悪い」などと言うことがありますが、それは本来のUXの言葉ではありません。

UXを構成する要素としては、以下の「UXの5階層モデル」が参考になります。UXには、(1) 表層、(2) 骨格、(3) 構造、(4) 要件、(5) 戦略　の5段階の要素があると定義しています。

Photo by ：2016.uxdaystokyo.com

モノではなくコト（体験）の時代になっている

ビジネスの文脈でも顧客体験の重要性が叫ばれていますよね。ユーザーはサービスをただ消費するのではなく、体験そのものに価値を見出すようになっています。例えば最近鎌倉でレンタル着物屋が増えているようですが、これらも鎌倉を訪れる人がただ観光や消費をするだけでなく「鎌倉でしかできない体験」を求めているからこそなのではないかと思います。

こうした中、様々な企業がモノではなくコト（体験）を重視した商品・サービス展開をしていますので、いくつか例を見てみましょう。

事例1：スターバックスはコーヒーを売っているのではない

普段よく行くカフェとして挙げられるスターバック。スターバックスはコーヒーを売っているように見えますが、本当に売っているのは「第3の場所」。サードプレイス、つまり「家と職場以外の中間の居場所」として自身のコンセプトを位置づけています。

飲み物だけではなく、精錬された店員、綺麗な内装やオシャレな家具に囲まれた空間で、リラックスできるような体験づくりを重視していたことが、スターバックスが躍進した大きな成功要因だったようです。

事例2：AmazonのDash-Buttonボタン

Photo by : Amazon

Eコマース大手のAmazonは、日用品をワンプッシュで注文できる買い物ボタンである「Dash-Buttonボタン」を展開しています。指サイズのハードウェアで、洗剤、飲料など、約30種類以上の特定のブランド・商品と紐付けられています。

ユーザーは利用頻度の高い商品のボタンを5ドル程度で購入し、必要になったらボタンをワンプッシュするだけで商品が発送されます。またスマフォを使えばキャンセルも容易。顧客体験・接点を日常に溶け込み上手く強化している事例でしょう。

事例3：店舗でのよりパーソナルな顧客体験

小売店では店内のセンサーやカメラによる顧客動線をリアルタイムに分析し、よりパーソナルな買い物体験を提供するアプローチも増えています。顧客の動きに合わせて、場面や商品に合わせて提案をしたり、顧客が商品に近づいたら専用のアプリでクーポンを発行したり、またアプリで店員を呼び出せるなど、小売の現場でも顧客体験が重視されるようになっています。

事例4：カゴメは顧客接点ごとにストーリーを作り出している

カゴメは野菜ジュースを主力商品としていますが、乳酸菌など他ジャンルの健康食費との競争が激化しています。そこでただ商品を販売するのではなく、そもそもなぜ野菜ジュースを飲むことが健康的メリットがあるのか、消費者に理解を深めてもらうことに注力。コアなファン育成のために工場見学体験を実施したり、またスポーツシーンで健康価値のPRをしたりなど、顧客体験全体の流れを俯瞰し、顧客との接点ごとにどのように価値を伝えていくか工夫しているようです。

なぜ今UXデザインなのか？

そもそもUXデザインという言葉は、認知心理学者のドン・ノーマン博士が1988年に出版した「誰のためのデザイン？」で紹介されたのが最初だと言われています。

ですがデジタルの文脈も含め、社会で広く認知されるようになったのはここ数年の出来事。それ以前はUIやユーザビリティに対する注目度が高かったようです。

ここでは、UXデザインが普及するその背景や理由について、4つ紹介していきます。

理由1. きっかけはスマートフォンの爆発的な普及

UXが重視されるようになったきっかけとして重要な出来事は、スマートフォンの登場です。スマホやアプリの普及により、 ユーザーが商品・サービスと接点を持つシチュエーションや購入までの経路が多様化していきました。

スマフォはいつでもどこでもネットに接続することを可能にします。24時間365日繋がっているスマートフォンにより、起床時間や通勤・通学、ランチや夕食のタイミングなど、ユーザー・消費者が企業と繋がれる接点は日常のあらゆるシーンに急激に増加しています。スマフォ普及以前、デスクトップしかなった時代と比較するとその差は歴然です。「Desin in Tech Report」によると、人は5.6秒に1回スマフォをチェックするという統計もあるようです。

またスマフォの普及に伴い、大量のiOSアプリ、Androidアプリが市場に投入されたこともUXを重視するようになった要因です。アップルストアでダウンロードされたアプリの数は220万以上にもなります。使いにくいサービスやアプリだと、ユーザーは気軽にどんどん新しいアプリに乗り換えてしまいます。

従来はユーザービリティの向上が掲げられいましたが、このような状況ではユーザービリティだけではユーザーとサービスの関係を捉えたことにはなりません。サービス全体の体験設計が、つまりWebサイトやアプリの使いやすさ、ユーザーが本当に満足できる体験の提供は、商品・サービスにとって重要な意味を持つようになります。

理由2. 機能で差別化が難しくなっている

近年テクノロジーの進歩や市場の発達、競争の激化などにより、あらゆる商品・サービスでコモディティ化が進行しています。品質が極端に劣っているものや、逆に優れているという差はほとんどなく、品質が安定・標準化され、価格帯も同じように均質化しています。テレビやPCなどを想像すると分かりやすいでしょう。

コモディティ化する市場においては、顧客は質が整ったものから好きな商品を選ぶことができます。技術も均質化し、多くの類似のサービス・製品が市場に投入され競争が激化し、急速に商品の価値が失われていきます。プロダクトのライフサイクルが極端に短命化しているということです。

また商品やサービスがコモディティ化し、消費者がスマートフォンなどでいつでもどこでも情報を入手し比較検討ができる現在では、商品を購入する意思決定やタイミングは、消費者側が全て握ることになります。

機能ではもはや差がつかないからこそ、機能以外での価値創造、そこでしかできない「体験」を重視した付加価値をいかにつくるかが重要となってきているのです。

理由3. IoTなどによるスマート化の浸透

スマートフォンの文脈と被りますが、IoTもUXデザインの重要度を高めている要因です。センサーやプロセッサなどのテクノロジーの進展により、モノのインターネット化（IoT）を取り入れた商品・サービス開発は様々な企業で進んでいます。

2020年にはその数は208億個、調査機関IDCによると2019年にはIoTの世界での市場規模は1兆3000億ドルに達するとの予測もあります。時計などのウェアラブルデバイスや家具など日常的に使うものから、車や住宅、街全体にまでIoTデバイスが普及していくでしょう。

このようなスマート化が進行する世界では、人、モノ、情報が繋がり、それにより得られたデータから新しい価値を創出するチャンスを得ることができます。

これまで企業、特にメーカーは商品を売ってしまえば、そこで顧客との関係性が途切れてしまうことが通常でした。しかし、IoTをはじめとするスマート化が普及すれば、商品購入後も顧客の利用動向を把握し、繋がり続ける関係づくりが可能になります。

だからこそ、いつ、どこで、どのように顧客と繋がり、他社と差別化できる適切なアプローチや施策を打てるかが重要になっているのです。

日々大量の情報やデバイスにふれるユーザーに、いかにサービスや商品と「繋がっていたい」と思えるのか、IoT・スマート化の文脈では顧客のサービス・商品の全体の体験設計が、顧客接点を奪い合う競争を打開する鍵となります。

理由4. スマート化の拡大による価値感のシフト

これまでは全ての消費者・ユーザーに対して、同じ情報や標準化した商品・サービスを提供することが当たり前でした。しかしスマート化の進展により、一人ひとりに合わせたサービスやコンテンツ・情報を、必要なタイミングに合わせて提供することができるようになります。

そのような状況にあっては、個々のユーザーや消費者に合わせて情報やサービスを加工する、カスタマイズ性が価値になります。個人の嗜好や行動のデータを元にした、よりパーソナルでプライベートな体験です。

スマート化する世界では、このようにマスプロダクト、マスサービスの発想から1人ひとりに適した貴重な体験に価値観が移っていくことが予想されます。ユーザーデータから一人ひとりの行動や嗜好性を分析し、複数ある接点から適切なタイミングで適切なサービスを提供することが求められています。

UXデザインは総合格闘技！

いかがでしたでしょうか？ここまでUXの基本的なことや、なぜUXが求められてるのか簡単にまとめてきました。

本質的なUXを実現していくには、人間中心設計や行動経済学、人間工学、認知心理学、感性工学、デザイン、ビジネスデベロップメント、マーケティング、テクノロジー、チームビルディングなど様々な知識や経験を要します。その意味でUXデザインは総合格闘技のようなものかなと思います。

またUXデザインのプロセスは、全てユーザーを知ることから始まります。実際にユーザーや顧客に会い、仮説検証を重ね、サービスやプロダクトを磨いていくおよそ以下の流れを通ります。

ペルソナの策定やカスタマージャーニーマップによって現状把握を行い、ユーザーの利用文脈とユーザー体験の把握を調査を重ね分析。得られたデータをもとにプロトタイピングを作成し、ユーザーテストなどを重ねて軌道修正し、ユーザーが求めているものに近づけていくことになります。

このあたりについての詳細はかなり複雑かつ広範囲に渡るので、また別の機会でまとめていきたいと思います！

最後までお読みいただきありがとうございました！

UXデザインに関するGoodpatchの講演については以下から↓↓

関連記事【Goodpatch講演レポ】なぜ今デザインが求められるのか？スタートアップから始まるデザイン改革

2019.09.01

UXデザインで必須なユーザーインタビューのノウハウについてはコチラ↓↓

関連記事【THE GUILD勉強会レポ】ユーザーインタビュー設計ノウハウについて@DMM

2019.03.31

参考書籍：

UXデザインの教科書
Web制作者のためのUXデザインをはじめる本 ユーザビリティ評価からカスタマージャーニーマップまで
The Customer Journey 「選ばれるブランド」になる マーケティングの新技法を大解説
Web Designing 2018年2月号

デザインについて学ぶなら ↓↓

関連記事Webデザインスクール・専門学校に通うメリット・デメリットを経験者が比較してみた

2023.09.30

こんにちは！本ブログ「Tekito style」を運営しているやすのり（@98nasi_nori）です。最近タピオカミルクティにハマってます。

僕は現在教育系ベンチャー企業にディレクターとして勤めてるのですが、同時にデジタルハリウッドという専門学校に通いつつデジタルデザインについて基本的なことを学んできました。

特にサービスのUX/UIデザインに関心があったので、今回課題として「スワレバ」という食フェスで席を予約することができるiOSアプリのUX設計とUIの企画・デザインをしてみました。

スワレバのコンセプトや、制作フローについて簡単にまとめたので、ぜひご覧いただけますと嬉しいです。今振り返ると色々と荒削り過ぎてあれなのですが、備忘録として残しておきます。

公開日：2017/12/23

スワレバの制作背景と企画コンセプト

いろいろな料理を気軽に楽しめる、「食フェス」というイベントをみなさんはご存知かなと思います。

最近都内でも様々な本格的ラーメンを一度に楽しめるラーメンフェスや、スペイン料理に特化して楽しめるイベントなど、様々な食フェスが開催されていますよね。地方でもB級グルメやご当地グルメに関連したイベントが年中開催されているかと思います。僕も何回か参加したことがあります。

そんな食フェスですが、近年人気が高まり、大型イベントだと数日で10万人近くの人が参加するほど。そこで課題になるのが、イベントの混雑でゆっくり座って食べることができない、といった問題。混雑でゆっくりできないから、そもそも食フェスに1回行って、もう行かなくなる、そんな人も多いようです。

そんな食フェスをもっと多くの人が気軽に楽しめる 仕組みが作れないかと考え、今回スワレバを企画。「スワレバ」はそんな食フェスで席を事前に予約できるiOSアプリ。混雑する食フェスでも、 席を事前に予約しておけば、友人や家族、恋人と もっと快適にもっと楽しくイベントを過ごすことができます。

※参考
祝！肉フェス累計来場者数500万人突破！！

東京ラーメンショーは毎年来場者数にばらつきがあるもののここ数年は10日間の開催で30万人以上の来場者

「タイフェスティバル」は、2日間で40万人の動員

スワレバのUIデザイン/機能紹介

スワレバのUIについて簡単に紹介していきます。
参考までに、Invisionでのプロトタイピングは以下のURLから見ることができます。

Invision URL :
https://projects.invisionapp.com/share/6YF1IEF2M#/screens/270026138_Spurash

スプラッシュ〜TOPページ

スワレバのTOPページでは、各種食フェスに関連するイベントを一覧で表示しています。各イベントごとの残席数も表示しています。ヘッダーは固定で、左の絞り込み検索から、各種詳細な条件を指定して好みの食フェスを検索していくことができます。

イベント詳細ページ

イベント詳細ページでは、イベントの概要の他、出展する店舗の情報などを閲覧できます。行ってみたいイベントがあれば、固定フッターの「座席を指定する」ボタンから、予約ページに遷移していきます。

予約画面では、席を予約する時間や人数、事前の支払に必要なクレジットカード情報を入力していきます。

予約までのフロー

予約を確定すると、当日イベントで見せるQRコードが発行されます。QRコードは当日1回限定のファストパスとしても活用でき、お店の列に並ばずに料理を注文、受け取ることができます。ですので、並んでいる間に席の指定時間を過ぎてしまう、なんて心配も無用です。

その他の画面デザイン

その他の画面として、絞り込み検索機能、予約一覧画面、お気に入り一覧、マイページ、ヘルプ画面のUIなども作成していきました。

UX/UIデザインの制作フロー

今回はUXデザインのプロセスに沿ってサービスの概要・UIを固めていきました。

(1) リサーチ/ユーザーインタビュー

食フェスに行きたい、興味はあるけど、実際には行かない人は多い。私自身もその1人でした。同じような課題を抱える身近な友人に数人にヒアリングを重ねる内に、食フェスにおける課題が複数見えてきました。

などなど。

ペルソナとカスタマージャーニーの制作

ユーザーインタビューなどの結果を踏まえ、ペルソナ像を固めていきました。ペルソナについては以下の項目、

のにまとめて整理。このペルソナが食フェスにおいてどのようなフローを辿るのか、カスタマージャーニーマップを描き、ユーザーフローにおける課題点を抽出。

の項目に時系列でまとめていきました。どの課題を取り除けば、ペルソナの食フェスにおけるUXを最大化できるのか、どれが一番ユーザーの課題レベルが高いのか検討し、サービスの方向性を固めていきます。

今回は特にイベント時の混雑や座ってゆっくり食べられないことが、食フェスから足が遠ざかる大きな要因ではないかと仮説を立てました。

実際に株式会社リクルートライフスタイルが 2016年に実施した食フェスに関するアンケート結果によると、「食フェス」の嫌いな点として最多の回答は、

1位:「混んでいる」(78.4%)
2位:「座って食べられない」(46.7%)

となっており、食フェスの人気の高さから来客が集中している様子、またそれが課題となっている様子が分かります。(N = 10,117)

参考：「食フェス」の実態を調査データから分析!

リーンキャンバスマップによる、サービス・ビジネスモデルの検討

ある程度サービスの方向性が固まってきたタイミングで、リーンキャンバスマップを用いて、ビジネスモデルを検討していきます。

の9項目を抜け漏れなく埋めていきます。リーンキャンバスモデルは事業を考える時に、ビジネスの課題を抜けもれなく、素早く簡潔にまとめることができます。

僕は今回リーンキャンバスを4〜5枚作成してみて、一番ビジネスとして筋が良さそうなもの、実際にワークしそうな案を選択しました。

ペーパープロトタイプによる検証

サービスの方向性を更に固めたところで、ペーパープロトタイプを作成していきます。

リーンスタートアップの観点に沿って、「スワレバ」の主目的である「席を予約したい」人がいるかどうか、を検証するのに必要最低限の機能に絞ってプロトタイプを作成。なるべくコアなユーザーが本当に解決したい課題に特化しサービスを検討します。そうしないと、どこが課題か、どこにニーズがあるか分からなくなるためです。

↑ 一番最初に書いたペーパープロタイプ。かなり雑ですが・・。

またなぜいきなりデザインせず、ペーパーで作成するのかというと、ペーパープロトタイプの方が素早く作成できることに加えて、サービスを抽象的にできる利点が挙げられます。細かいデザインなど、議論の対象にならないため、ニーズを検証する際に本質的な部分で議論できます。

Sketchで実際にデザイン

ペーパープロトタイプで得られたインサイトをもとに、Sketchでデザインしていきました。

想定ユーザー、デザインの有識者（学校の講師や職場のデザイナーの方）などからフィードバックをもらいながら、修正に修正を重ねていき、改善をしていきました。

イベント当日の体験やオペレーションなどについての懸念点の検討

Sketchでのデザインを使ったヒアリングを通じて、実際のユーザーフローをもっと考える必要を痛感し、解決案まどを模索していきました。

アプリを使うタイミング　どこで使うのか？

・予約するタイミング
→ ユーザーの好きなタイミングで問題なし。当日でも空いていれば予約できる方がいい。

・QRコード（予約表）提示するタイミング
→ 受付はサービス運営側で巻き取る。当日QR見せてもらう。

・数日前に席の予約がいっぱいだと、当日の集客に影響がでるか？
→ このアプリをみんなが使うわけではない。かつ行く人は行くので問題なし
→ むしろ「空いてるから行ってみよう！」と、イベントに行くきっかけになる！

キャンセルの対応は？

・キャンセルの対応
雨天時や個人的な事情などでキャンセルされた場合の対応
→ 基本しないでOK。イベントが中止の場合は返金するなどのフォローはすべし。
ライブチケットも返金しないことが多い。

・遅延の時の対応は？何分遅れてもいいか？
（当日既に並んでいて、予想以上に進みが遅く遅れる可能性）
→ そこまでフォローするか？
→ 席のチケットを見せれば、ファストパスを1枚貰えるので、そこまで並ばなくていいフローを考える
（受付時に？それとも並ぶ時にQRコードを見せると料理を貰える）
※2時間制にするなどでも対応できる

・クレジット払いが嫌なユーザーがいる
→ 事前払いでないと、当日キャンセルが出やすいのでクレジットでOK
→「LINEPAY」は導入検討してもいいかも

当日のオペレーションは？

・会場の席のオペレーションはどうするか？
→ 自社でやるか会場側と共同で進めればOK

・店側の対応をどうするか？
→ ニーズは確実にあるので、運営側や店を上手く巻き込めばOK

など、他にも
・席を予約しないと、その席は使えないと逆に不便か？
・席に使って同時に食べ物が出てくるフローはどうか？
など考えたらキリがないくらい課題点や考えることが出てきました。できる限り懸念点を払拭していくことが重要ですが、実際にリリースして運用していく中で、最適な解決策を模索していくことが一番効果的な感じですね・・。

まとめ

いかがでしたでしょうか？ひとつのアプリを1人で企画からデザイし、運用面まで想定してUXを考えていくのはかなり大変なことなのだと痛感しました。正直まだまだ詰めきれていない課題や、デザイン面でももっと改善できる部分が山積みです・・。

ちなみにここまでの制作期間は1.2ヶ月（企画：3週間、デザイン：2週間）ほどです。また利用ツールはSketch、Invision、といった感じです。

UX/UIデザインに興味がある、これから学びたい人の参考になれば幸いです。
ここまでお読みいただきありがとうございました！

デザインについて学ぶなら ↓↓

関連記事Webデザインスクール・専門学校に通うメリット・デメリットを経験者が比較してみた

2023.09.30