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

Webデザインを学びたいけど、たくさんスクールがあってどこに行けばいいのか分からない……。

そういう方は多いですよね。僕自身も社会人2年目の時に、仕事をしながらWebデザインスクール（デジハリ）に1年間、週2で通った経験があります。

スクール選びには1〜2ヶ月くらいかけて、どの学校が良いかネットで調べたり説明会に行ったりしていました。

普段の仕事でデザインやデザイナーさんと関わる機会が多く、

「自分もデザインできるようになりたい！」と思ったのがスクールに通ったきっかけです。

現在は仕事でWebデザインもそうですが、UX/UIデザインの企画にも携わったりしています。

本記事ではそうした経験をもとに、おすすめなWebデザインスクール・専門学校、およびオンライン講座を7つ比較しつつご紹介していきます。

今の自分が改めてWebデザインスクールに通うとしたら、この学校を選ぶな、という観点でご紹介できればと思います。

Webデザインを学ぶならスクール・専門学校に通うべき？

結論としては、Webデザインが完全に未経験で、独学の仕方が分からない、ある程度勉強してから就職・転職しないと不安、という方はスクール・専門学校に通うことはおすすめの選択肢です。

何をどういう順番で学び、どうアウトプットを重ねていくのかは未経験の方だとハードルが高いのも事実。

特にWebデザインは自分で勉強してアウトプットをつくっても、その良し悪しが今ひとつ分かりづらかったりします。

バナーとかWebサイトのデザインをつくってみても、微妙な感じがするけど、何が悪いのか言語化できなかったり……。

Webデザインスクールでは講師陣からはもちろん、受講生同士でも客観的にフィードバックし合える環境があるので、成長という観点では独学よりかなり恵まれた環境だと思います。

また未経験からWebデザイナーとして就職・転職するなら、ポートフォリオの作成は必須です。ポートフォリオの出来具合で、その成否が決まることもあります。

Webデザインのスクール・専門学校では、そうしたポートフォリオ作成のサポートもしてくれます。

独学だとつまづいてしまうことも多いですが、そこを上手くサポートしてくれますよ！

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

実際に1年間Webデザインスクールに通ってみて、感じたメリットは下記です。

学習カリキュラムはスクールによって異なりますが、基本的にWebデザインに必要な知識・スキルを体系立てて学べます。何か問題があれば講師やメンターから、フィードバック受けることができるのは大きなメリットですね。

スクールで基礎を一通り学べば、あとは自分で学んで自分でアウトプットするサイクルをつくれるはず。そうなれば未経験の方でも、就職・転職してからも何とかやっていけるでしょう。

Webデザインスクールに通うデメリット・注意点

続いて、Webデザインスクールに通うデメリットや注意点も合わせてお伝えしておきます。

シンプルに授業料がかかるのがネックですね。1ヶ月で10万円〜くらいかかるので。そこにコストを掛けて気合を入れる、逃げ場をなくすという意味ではメリットにもなります。

あと社会人の方だと、平日の夜や土日に授業を受けることもありますので、勉強や宿題とかを入れると割と大変です。キャリアチェンジをするなら、ある程度大変であることを覚悟して挑みましょう。

また専門スクールに通ったからといって、自動的にWebデザイナーになれる訳ではありません。

受け身ではなく積極的にフィードバックをもらいにいったり、予習復習をしたり、アウトプットを重ねてスキルを磨いていく意識が重要です！

せっかくスクールに通うなら、元手以上を回収できるように、講師もサポートも使い倒しましょう！

1年間Webデザインスクールに通っていた時に感じた、メリット・デメリットについては下記に詳細をまとめています。良かったら参考にしてみて下さいね。

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

2023.09.30

Webデザインスクール・講座の選び方

Webデザインスクールの選び時は、下記の要素を考慮すると良いでしょう。

またスクール・専門学校と、オンライン教材・講座の違いは下記ですね。

スクールではしっかりカリキュラムが組まれていて、メンターや講師が生徒の学習進捗をサポートしてくれるので、完全な初心者の方でも息詰まる心配はあまりないです。

またキャリアについても相談に乗れたりサポートをしてくれるので、Webデザイナーとして就職・転職したい場合はスクールの方が良いです。

一方でオンライン講座は動画や教材などは用意されていますが、カリキュラムと言えるほどコンテンツが整理されておらず、メンターなどのサポートもありません。基本的にWebデザインに関連する好きな動画や教材を選んで、自分のペースで学習する感じです。

コストもスクールと比較し安いので、自分で正しい学習計画を立て、自学自習できる人はオンライン講座でも良いでしょう。

一方で自分で学習計画や教材選定を上手くできる自信がない人は、スクールに通うことで余計な心配をせず、デザインの学習に集中できます。

厳選！中長期で学ぶのにおすすめなWebデザインスクール・専門学校

上記のメリットやデメリットも踏まえて、それでもデザインスクールに通いたい！！という方はぜひ下記の学校をおすすめします。僕がデザインスクールを決める時に、ガチで迷った2校です。

中長期でしっかり学ぶスクールなので時間とコストはかかりますが、講師やカリキュラムの品質、サポート体制含めしっかりしています。本気でデザインを学びたい人はぜひ検討してみて下さい。

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

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

コース名	Webデザイナー専攻
受講料	¥450,000 (税抜 / 分割払い可能)
受講期間	6ヶ月
通学形態	オンライン＋オフライン
場所	STUDIO上野 by LIG STUDIO池袋 by LIG STUDIO大宮 by LIG STUDIO北千住 by LIG
公式サイト	Webクリエイタースクール【デジタルハリウッド STUDIO by LIG】

「デジタルハリウッド STUDIO by LIG」は、Web制作やオウンドメディア運営で有名な株式会社LIGが運営するWebデザインスクール。6ヶ月で未経験から、Webデザイナーとして就・転職を目指せるカリキュラムを提供しています。

クリエイティブ教育に強い僕の母校デジハリとタッグを組んでいるので、教材の質は間違いないです。

また価格も半年で45万円（分割払いも可）と、他のスクールと比較しても内容含めコスパ良いですね。

東京の上野、池袋、埼玉の大宮に校舎があり、さらに2021年10月からは北千住校も新規オープンしました！現在は全部で4校舎です。どの校舎もオシャレでカフェみたいなスペースなので、勉強のモチベーションも上がること間違いなしです！

カリキュラム内容

「Webデザイナー専攻」では、下記のスキルを習得できます。

前半でWebデザインの基礎スキルおよび、HTMLやCSSでのコーディングを学び、後半ではポートフォリオ作成含めた実践学習をしていく感じです。またデザイン時に重要なライティングや編集、撮影についてもオリジナル教材で学べます！

授業スタイルは映像教材を使用したオンライン授業と、個別指導を併用した学習スタイルを採用しています。

オンラインだけでなく、教室でも作業した場合は、平日10時〜22時 ・休日10時〜20時で教室を開放していますよ。

LIGに勤めている現役デザイナー・クリエイターから、マンツーマンで直接学べるのは最大のメリットですね。Webデザインの現場感やトレンドを抑えたフィードバックやサポートをしてくれます。

LIGの社員の方とは仕事で繋がりがあるのですが、遊び心のある面白い人やスキル・プロ意識が高い人が多い印象です。

受講期間は6ヶ月なので長すぎず、Webデザイナーとしてスタートラインに立つために、必要十分なスキルに絞って学ぶことができるので効率も良し！

卒業後の就・転職サポートも

Webデザイナーとしてキャリアチェンジするなら、ポートフォリオは命です。そうしたポートフォリオ作成のサポートだけではなく、そこ含めた下記の就職・転職サポートを広くしてくれます。

仕事で実践しないとデザイン力はつかないので、スクールで半年きっちり学んでポートフォリオを創り、転職活動していきましょう。

僕の知り合いもこのスクールに通って、現在はIT系の企業でデザイナーをしつつ、フリーランスとしても活躍していますね。スクールに通いながら、実案件を行う人も中にはいます。

通常のデジハリとの違いは？

授業システムは基本的にデジタルハリウッドスクール（デジハリ）と同じで、デジハリで使えるサービスは全て使える感じです。

プラスで制作課題などをLIG社員が企画してくれたり、現場社員との触れ合いがあるので、Webデザインの現場理解を深めることができお得です。またLIG独自の就職・転職サポートもあります。

僕が通ったのはデジハリの1年のカリキュラムでしたが、個人的には1年は長く、正直費用がしんどかったですね。半年以内で必要なスキルを最短で学んだら、就・転職し現場でスキルを磨いていくことをおすすめします。

僕がもう一度Webデザインスクールに通うとしたら、期間と価格、サポート内容踏まえてこの「デジタルハリウッド STUDIO by LIG」に通いたいです。

デジタルハリウッド STUDIO by LIG 公式サイト

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

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

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

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

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

基本的に対面での授業がメインで、その他オンライン教材も併用します。教材やサポートのクオリティは高く、運営スタッフもしっかりしている方が多い印象でした。

いくつかコースがあるのですが、僕は本科UI/UXD専攻コースに通っていました。受講期間は1年間、週末1日＋平日夜1日の週2日、価格も120万（税抜）となかなかヘビーなので、社会人の方はそれなりに覚悟が必要です！

カリキュラム内容

通っていた本科UI/UXD専攻コースでは、下記などについて学びましたよ。

1年かけてかなり広い領域を学ぶ感じです。後半ではUI ・UXデザインのゼミが1〜2ヶ月ほどあったのですが、外部の専門講師が来てくれてかなり勉強になりました！

全てを理解して自分のスキルにするのは難しいので、学ぶ内容を自分で取捨選択する必要があります。色々学べて楽しいのですが、人によっては学ばなくてもよいカリキュラムもあり、無駄な時間やコストがかかってしまう感はありますね。

どんな人におすすめなスクール？

時間を捻出でき、価格も懸念にならず、デザイン＋αでデジタルアートや動画制作など幅広く学びたければおすすめなスクールです。

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

ちなみに最初40人ほどいた同期は、最終的に10人前後になりました（汗）。1年間通うのであればそれなりに体力も情熱も必要ですが、本気で学ぶ覚悟があるならとても良いスクールですよ！

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

無料体験レッスン付き！短期集中で学べるおすすめWebデザインスクール

続いては、短期集中でWebデザインの基礎を学べるおすすめなWebデザインスクール・専門学校です。半年・1年スクールに通う時間やコストはかけられないけど、短期で集中して学びたい方におすすめな3校をご紹介します。

また下記スクールは無料体験レッスンがあるので、ぜひ気になる方は一度受講してみるとスクールに通うイメージがつくかなと思います。授業が合わなくても、体験は無料なのでリスクも0です。高い費用を払う前に、一度は受けてみると良いですよ！

3. TECH ACADEMY Webデザインコース

Photo by：TechAcademy 公式サイト

コース名	Webデザインコース
受講料	社会人：174,900円（税込）〜 学生：163,900円（税込）〜 分割払い可能
受講期間	1ヶ月 〜 最大4ヶ月
通学形態	オンライン
公式サイト	https://techacademy.jp/webdesign-bootcamp

TechAcademy（テックアカデミー）は、未経験者向けの最短4週間完結するオンラインスクール。そのWeb専門コースです。

短期間で4つのWebサイトのリリースを目指し、最終的にはオリジナルのWebサイトをデザインできるようになる学習プログラムを提供しています。

すべてオンラインなので、どこかに通う必要もなく自宅で学ぶことができます。

カリキュラム内容

具体的には下記のようなカリキュラムで学んでいきます。

カリキュラム内容は受講生からのフィードバックを踏まえ、かなりの頻度で改善されています。

また受講生に1人ずつ現役のプロのパーソナルメンターがつくのが特徴で、週2回マンツーマンでのメンタリングをしてくれ、チャット（毎日15時〜23時）で質問すればすぐに回答が返ってきますよ。初心者でも安心できる学習環境です。

課題のレビューについても回数無制限で受けられるので、ガンガン有効活用するとよいでしょう。

さらに受講生限定で無料転職サポート（直近では都内の企業のみ）や副業案件の紹介も実施しているので、卒業後のキャリアが心配な人も相談できる環境が充実しています。

どんな人におすすめなスクール？

TECH ACADEMYのWebデザインコースは下記のような方におすすめです！

ちなみにデザインの必須ツール「Adobe Creative Cloud コンプリートプラン」が、3ヶ月間無償提供されます。

無料体験・無料説明会を随時実施しているので、気になる方は公式サイト（FAQの欄）をチェックしてみて下さいね。

TechAcademy Webデザインコース公式サイト

\ 個別メンターが安心サポートしてくれる！！ /

TechAcademy Webデザインコース公式サイト

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

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

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

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

今回紹介するのは、数ある提供コースの中で一番人気のあるWebデザイン専門のコースとなります。

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

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

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

カリキュラム内容

Webデザインコースでは、2ヶ月間で下記のようなカリキュラムを学んでいきます。

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

また学習中の不明点はティーチングアシスタントの方に質問できます。月イチでのコーチングサポートがあるので、モチベーション維持や学習方法の相談などもできますよ。 スキルをしっかり身につけられた方には、お仕事紹介のサポートもあります！

どんな人におすすめなスクール？

SHElikesのWebデザインコースは下記のような方におすすめです！

女性専用のスクールということもあり、独自のコミュニティが活発なので、他の参加者とも刺激を受けながら勉強・スキルアップしていける環境があるのが良いですね。

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

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

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

SHElikes公式サイトを見る

主婦・ママ向けにおすすめなWebデザインスクール

番外編として、主婦・ママにおすすすめなWebデザインスクールも合わせてご紹介いたします。家事・育児とスクールを両立したいと考えている方は、合わせてチェックしてみて下さいね。

5. FammママWebデザインスクール

Photo by：Fammママwebデザイナースクール 公式サイト

受講料	162,800円(税込) ※無料シッター付き
受講期間	1ヶ月
通学形態	オンライン（LIVE配信を中心）
公式サイト	Fammママwebデザイナースクール

Fammママwebデザイナースクールは、子育てで忙しい主婦・ママ専用の初心者向けWebデザインスクール。
100万人以上の会員子育て家族アプリ「Famm」を運営している、株式会社Timersがサービス提供をしています。

忙しいママでも学びやすいように、オンライン、かつ1ヶ月短期集中で受講できます。

さらに特徴的なのが、無料でシッターを自宅まで手配してもらえること！子育てや家事で大変な中でも、学習に集中できるようにサポートしてくれるのはとてもありがたいですね。

カリキュラム内容

Fammママwebデザイナースクールでは、主に「ページ作成」と「バナー作成」ができるようになります！具体的には下記のスキルを学んでいく感じです。

講座は全5回で、一回あたり3時間ほど。最大8人の少人数で実施されます。

主婦・ママが参加しやすいように、すべて平日の午前中に開講されますよ！

また欠席しても録画動画を視聴できるので、都合がつくか不安な方でも安心です。

卒業後のアフターサポートも充実で安心！

1ヶ月の講座では、短期集中で上記の必要なことに絞って学習していきますが、卒業後も無料で応用的な内容（Adobe Illustrator、 WordPress、jQueryなど）を学んだり、講師質問会などに参加することも可能です。

仕事の案件については、卒業後にFammから紹介してもらうことができます！副業・在宅ワークを始めたい方にも安心ですね。

また2,000名以上の、同じようにデザインを学んだり仕事にしている主婦仲間とのコミュニティに参加できます。

どんな人におすすめなスクール？

Fammママwebデザイナースクールは、下記のような方におすすめです！

ママ・主婦専用のスクールなので、サポートを受けつつ安心して育児と勉強を両立できますよ。

詳細については、電話にて無料説明会が開催されているので、そちらに確認してみて下さいね。

Fammママwebデザイナースクール 公式サイト

\ 7/15まで受講料全額無料！ /

無料の電話説明会に参加してみる (公式サイト)

Webデザインでおすすめなオンライン講座

Webデザインスクールに通うのが時間的にも物理的にも、金銭的にも難しいなら、オンライン講座・教材で学ぶという選択肢もあります。

オンライン講座の場合は、スクールや専門学校とは異なり、講師やメンターのサポートもなく同期もいません。動画や教材を見て、各自で学習スケジュールを立てて、必要な箇所を勉強するイメージですね。

独学でも全く問題無い人や、学ぶべき内容が明確に把握できている人には、効率的でおすすめな選択肢ではあります。

以下ではおすすめなオンライン講座を厳選してご紹介していきます。

6. Udemy

Photo by：Udemy公式サイト

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

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

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

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

「未経験からプロのWebデザイナーになる！ 400レッスン以上の完全マスターコース」など初心者・初学者向けの講座もあります。

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

Udemy公式サイトを見る

7. Schoo（スクー）

Photo by：Schoo公式サイト

デザインをテーマとした授業があり、その中でWebデザイン・制作も一部取り扱っている感じです。

デザインの講義では、下記のようなテーマがあります。

月額980円を課金すると、過去に放送された5,000本以上の授業が見放題となります！倍速再生とかもできますよ。

分かりやすいコンテンツが多いので、初心者の方にかなりおすすめです。実践的な内容の動画も多々あるので、中級レベルの人も覗いてみると学びがあると思います！

Schoo（スクー）公式サイト

【まとめ】自分に合ったWebデザインスクール・講座を選ぼう！

ここまでおすすめなWebデザインスクール・専門学校、およびオンライン講座を7つまとめてご紹介してきました。

Webデザインが完全に未経験で、独学の仕方が分からない、ある程度勉強してから就職・転職しないと不安、という方はスクール・専門学校に通うことはおすすめの選択肢です。

何をどういう順番で学び、どうアウトプットを重ねていくべきか、未経験の方をサポートしてくれます。

ある程度コストはかかりますが、学習時間の捻出や挫折するリスクを考慮し投資することも検討してみて下さいね。独学が得意な人は、オンライン講座を合わせて検討しても良いでしょう。

スクールといってもいろいろな特徴や良し悪しがあるので、自分のニーズに合ったところを選ぶようにしましょう！

【まとめ】おすすめなオンライン講座・教材

（6）Udemy
世界最大級のオンライン学習プラットフォーム。Adobeのソフトの使い方からウェブデザインまで、専門的な内容を動画で学ぶことができる。

（7）Schoo（スクー）
Schoo（スクー）は大人向けの生放送コミュニティサービス。初心者でも分かりやすいデザイン、Webデザイン・制作の動画が多数あり。月額980円でデザイン以外の動画も見放題！

1年間Webデザインスクールに通っていた時に感じた、メリット・デメリットについてはこちらの記事から ↓↓

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

2023.09.30

あくまで参考ですが、デジハリの授業の様子はこちら ↓↓

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

2020.11.23

関連記事【デジタルハリウッド授業体験記 #3】デジタルデザイン専攻_リーンスタートアップとリーンキャンバス

2020.11.23

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

先日2017年12月7日に、僕が通うデジタルハリウッドで機会があり、UIデザインに特化したデザイン会社「Goodpatch」代表の土屋さんによる「スタートアップから始まるデザイン改革」をテーマにした講演会に参加してきました。

Goodpatchさんと言えば、「Prott」などのプロトタイピングツールも自社で開発していることで有名ですよね。土屋さん自身もデジタルハリウッドの卒業生であり、その繋がりで今回ご登壇いただいたようです。

今回のテーマは、UXとは何か、またスタートアップに求められるUX、という僕としてもかなり興味深い内容でした。ですので、UXに関心がある方、またスタートアップ関係の方に向けて、内容を簡単にシェアしていきます。ぜひ読んでみてくださいね。

講演概要

近年、海外でデザイン会社の買収が相次いでいますよね？日本でもアクセンチュアがIMJと提携したり、世界的デザイン会社IDEOと博報堂が提携したりと、そうした動きが活発になっているように見えます。

UX/UIの視点がビジネスにとっても不可欠なものとなりつつあり、デザインの立ち位置は大きく変わろうとしています。

今回の講演では、デジタルハリウッド大学院に通っていたこともある、Goodpatch代表取締役 土屋尚史さんが、デザインを取り巻く環境の変化と未来について解説されました。

UI/UXデザイン業界のトレンドや、なぜ今世界的にデザインが求められているのかを理解し、今後デザインに関わっていく上で、身につけるべきスタンスや考え方を紹介していただきました。

そもそもGoodpatchとは？

Goodpatchは、現在東京、ベルリン、台北に拠点を持つUIデザインカンパニーです。「デザインの力を証明する」ことをミッションに掲げており、UIデザインはもちろん、ストラテジー、UI/UX、開発、グロースマーケティングなども一貫して扱われています。

他のデザイン会社との違いとして、

・日本初のグローバルデザインカンパニーであること
・受託だけでなく自社事業もしていること
・UI、UX領域で老舗と実績があること
・領域に特化したチームを持つこと
ex フィンテックに特化したUI、UXチームなど

などがあるようです。

Goodpatchの創業ストーリー

土屋氏は大学時代、白血病と診断され休学した経緯があり、そこがそもそもの起業への出発点であるようでした。無事復学した折、偶然授業で「ベンチャー企業論」を受けた際に、自分の人生に真剣に向き合っているか？今を生きているか？と自問自答する中で起業する選択肢を考えるようになったとのこと。

休学していた土屋氏は、当時卒業まで3年かかるため、すぐ退学しベンチャーで営業を経験、また東京のスタートアップや大阪でWebデザイン会社のディレクターなどで経験を積み、26歳の時デジハリに起業仲間を集めに通われていました。30までに起業することを目標に、IT系のイベントに顔を出し、色々な起業家の話を聞きにいく中で、特に「日本のベンチャーとシリコンバレーのスタートアップは成り立ちが違う」というDeNAの南場さんの話が印象に残ったそう。

シリコンバレーでは色々な人種の人が集まって、サービスを創っていて、最初からグローバル市場で勝つことを狙っている。だからこれから起業する人は日本人だけでなく、多国籍軍を創れ！日本人だけでやっているから、グローバルで絶対勝てない。

という南場さんの言葉が頭を離れず、シリコンバレーに行くという選択肢を取ったのです。出発は2011/3/10、なんと東日本大震災の前日にサンフランシスコに渡ったのです。

シリコンバーで見つけたインサイトとは

2011年当時、スタートアップには大きな波が来ていました。サーバーがAWSなどクラウドベースになり、また数人で大きなサービスを創れる環境が整ってきていました。

また現在グローバルに頭角を表しているスタートアップ企業、例えばUberは当時リムジンが迎えに来るサービスで、インスタは当時は10人くらい、airbnbは30人、Twitterは500人といった規模感だったとのことです。

2011年当時のサンフランシスコでは、毎日のようにスタートアップのイベントがそこら中で開催されていたようで、そうした中土屋氏は

「シリコンバレーのサービスはなぜベータ版なのにこんなにUIが綺麗なのか？」

と疑問に思ったと仰っていました。シリコンバレーの企業は、ユーザー体験を1番に考える、そしてユーザー体験を最大限にするUIを考えるなど、デザインの重要性を認識していました。

サンフランシスコのスタートアップには、創業者にデザイナーがいる場合も多く、ユーザー体験を1番に考え、デザインを重要な差別化要素と認識していたのです。

一方当時の日本では、ユーザーではなく、サービスの作りての意思を優先して考えられていて、機能もつめつめで必要以上に複雑だったり。いずれ日本もUI/UXを重視しないと、サービスが生き残れない・・という危機感を持った土屋氏は、帰国後2011年9月にグッドパッチを創業。

当時28歳、起業半年で共同創業者が離脱し1人になるなど苦労もあったようですが、たまたまシリコンバレーで出会ったグノシーのメンバーの手伝いをしていた折、グノシーが話題になったことがきっかけで事業が軌道に乗り出し、仕事が舞い込むようになったようです。

ビシネスシーンでもこの6年で色々変化が

近年のデザイントレンドとして、

など、ビジネスの面でもデザインが重要視されるケースが増えてきています。

またUXの文脈では、シリコンバレーだけでなく、中国も台頭してきているようです。デザインも優れたサービスが多いこと、シリコンバレーで実現できないことが中国で実現できるケースもあるようです。

UXデザインの重要性が年々高まる背景とは

UXデザインの重要性が年々高まっているのですが、その背景として、

・産業の成熟化により、サービス・プロダクトの差別化が難しい
・ものに溢れ、選択肢が多い
・ブランド品が欲しいなど、物質的な欲望を持っていない人が増えている

ことが挙げられます。物質的な価値ではなく情緒的価値、ものではなく、ストーリーのある意味的価値が求められるようになってきているのです。

あらゆる種類のビシネスにとって、エクスペリエンスとデザインは優先事項となっていて、それは技術的な革命により本当に多くの面がコモディティ化してきているため。テクノロジーが成熟していきた今だからこそ、体験による差別が必要です。

機能やスペックだけで差別化できない現代では、見た目のデザインではない広義のデザインが重要になってきているのです。

iphone発売からスマフォが爆発的に普及した影響

インターネットが普及するのに時間がかかったが、スマフォは急速に普及していきました。このスマフォの登場で人々の生活が劇的に変わります。

Design in Tech KPCBによると、人々は5.6秒ごとにスマフォをチェックし、1日に平均150回アンロックするとのこと。h人々はありとあらゆる場所で、そのシーンで必要な情報を集めコミュニケーションを取ります。スマートフォンは、固定の位置で座って使うPCに代わり、ユーザーに最も近いデバイスになったのです。

だからこそ、ユーザーシーンにあったサービスを考える必要があり、そのためにUXを踏まえることが重要になってきているのです。UIデザインよりUXデザインへの関心度が高まり、世界ではUXデザイナーが求められています。

デザイン思考とUX/UIデザイン

デザイン思考は課題を発見し解決するプロセスそのもの。ユーザー観察から潜在的なユーザー課題を見つけ出し、プロトタイピングを繰り返しながら発展していきます。

UXデザインはユーザーとの全ての接点における体験の設計をします。プロダクトだけでなく、カスタマーサポート、マーケティング含めデジタルではない領域とデジタルの領域全てを横断する概念です。

UIデザインはUXの中でも、ビジュアル、情報設計、インタフェースなどソフトウェア周りのデザインを指します。

スタートアップこそUXデザインを！

UXデザインは新規サービスや新規事業に、新しい体験価値を設計する際に有効です。土屋氏は、しがらみがないスタートアップはUXデザインをいち早く取り入れやすい！と指摘します。大企業だと既存のプロセスを見直し、ゼロからプロセスを組み入れるのが難しいからこそ、スタートアップは率先してUXデザインに取り組むべきです。

アメリカではスタートアップがUXを体現してきました。例えばUberは高級なリムジン配車サービスからスタートしたことで、サービス当初から高級で高品質なイメージをユーザーに与えてきました。ユーザー体験の中では、既に良いイメージを醸成することに成功していたのです。

またAirbnbの創業メンバーは地道にユーザーに会いに行き、ユーザーの潜在課題や不安を取り除きながらサービスを拡大していきました。初期での大きなユーザー体験の改善ポイントは、写真をプロに撮影してもらうことで、それで売上が2倍になったそう。また全てのユーザーに、なぜこのサービスが使われないか？を聞き出すユーザー調査など地道に繰り返していきました。

土屋氏はAirbnbの革新的UXのポイントとして、
（1）見ず知らずのホストとゲストの信頼のデザイン
（2）ホテルよりも安く泊まれる
（3）ホテルのような画一的な部屋ではなく、1つ1つがオンリーワンでオリジナリティのある部屋

という点を挙げています。またAirbnbが、宿泊先のレビュー数が10以上あればユーザーが情報を信頼する、というデータを分析から見出し、早く口コミが10以上集めるように実効するなど、どの項目を改善すればユーザー体験が改善するのかそのトリガーを発見することも重要です。

良いUXのプロダクトは、良い体験をしたユーザーが他のユーザーを誘い入れ、企業のエンゲージメントを高めることに寄与します。

良いUXはユーザーの課題も、企業の課題（マーケティング・ブランディングの面）も同時に解決する。だからとにかくプロダクトを磨け！という言葉が印象に残りました。

また中国の事例では「Mobike」も参考になるとのこと。とにかく無駄を削ぎ落とし、徹底的にユーザーの声を聞き、テクノロジーとデザインで課題を解決してく、そうした姿勢がUXデザインでは求められます。

世界で求められるデザイン人材とは

海外のビジネススクールでもデザインシンキングは必須の分野になりつつあります。一方で既存のデザイン教育と、実践で求められるデザイン教育にはギャップがあるようで、「THE Design Education GAP」によれば、デザイナーにファイナンスとビジネスを理解して欲しい、という声も大きいとのこと。

アメリカのマーケットではデザイナーが圧倒的に求められているが、日本でもスタートアップではユーザー体験、デザインに責任を持つことが重要です。

また土屋氏はWiredで取り上げられた記事「UXデザインを学ぶ「現代の専門学校」、そのカリキュラム」を引用して、UXデザイナーの必要性を説きました。以下Wiredの記事より引用。

日本のデザイン・マネジメント人材の課題

日本のデジタル領域の課題として、デザイナーのスキルセットの偏りが挙げられます。土屋氏が指摘するのは以下の6点

特にデザイナーのコミュニケーションスキルについては課題が多いそう。デザインの本質はコミュニケーションで、ユーザーの何を解決するか？は、ユーザーヒアリングなどを通じてインサイトを抜き出すことが大切です。それは結局コミュニケーション能力が肝。

デザイナーの面接でも、聞きたいこととは違うことが返ってきたり。何を聞きたいのか？相手が何を求めているのか質問をするなど、コミュニケーションスキルが低いデザイナーが多いことを指摘されていました。

またプロセスの面では、なぜこの色になるのか？その本質を考えていないデザイナーも多いそう。プロセスよりもアウトプットを重視してしまうので、プロセスをより考えることを大切にすべきとのこと。

ビジネスの現場でも求められるデザイナー像として、実際のビジネスの現場では、上記の6つのポイントとは逆の人材が求められています。

Takram代表の田川氏によれば、BTC人材、つまりビジネス、クリエイティブ、テクノロジーができる人材が競争力を持てます。これからのデザイナーは、戦略からプロダクトづくりに関われる人が求められるのです。

日本全体の問題としては、日本に根強い「デザイン価値の誤解」も存在すると土屋氏は指摘します。例えばくまモンデザイナーにロゴ制作を発注する際に、提示された金額である540万が高過ぎる、30万円が適切と訴訟されたなど、デザインに対する価値が世間一般では理解されていないことがあります。

また日本のデザイン業界の経済規模は小さく、一方でアメリカは日本の6倍ほど大きいです。デザインへの投資額は、主要先進国と比較し、日本はかなり劣ります。そうした中で日本では優秀な人がデザイナーをなりたがらない、という構造的な問題を解決していく必要を感じているようでした。

質疑応答

ここでは質疑応答ででた質問と回答をいくつか絞ってご紹介します。

デザインを学ぶのにオススメの本は？

→ 細谷功著の、

・地頭力を鍛える 問題解決に活かす「フェルミ推定」
・メタ思考トレーニング
・「ＷＨＹ型思考」が仕事を変える

がオススメ。デザイナーは具体的な事象から分解して抽象化する力が重要。一見違うことも抽象化し、ビシネスやデザインに応用できる力。具体化と抽象を行き来ができる人はビジネスシーンで重要となる。

・論理と情緒（人の心を動かす、人はロジックではなく主観で動く、そこをつく）
・定量と定性

そのことなる思考を行き来できる速さが求められる。その点でオススメの本は以下。

・インベスターZ（マンガ）
・デザイン・マネジメント
・Think Simple
・ジョナサン・アイブ

良しとされるUXは？

→ 良いUXはどんなサービスかによる。正解はない。

UXデザイナーになるには？

→ UXデザインに関しては、世界的に体系的に学べる学校がない。

・7-8割の人は独学
・アカデミックで再現できるまで、UXの事例が少ない。

実践ベースで企業が現場でノウハウや知見をつくっていくことが今重要。
アメリアでの先端の事例を引っ張るなど、情報を意識的に集めるべし。

UXを明日から導入するには？

→ Googleベンチャーズでデザインスプリントを2週間とかでやる。
フレームワーク化されたものを試してみる。

→ あとはとにかくユーザーに会い、ユーザーの声を聞きに行くこと！

いかに情報をキャッチアップするか？

→ 呼吸をするように情報を集める
常にアップデートしていく！体系化された知識も陳腐化されてしまうので、臨機応変に。
こんなに変化が激しい業界はIT業界以外ない。だから変化とキャッチアップを楽しむ！

→ Twitterが情報収集するなら一番いい！起業家の声を生で聞くことができる。

→ 世の中で流行っているサービスはとにかく体験しろ！やらないのは有り得ない。

まとめ

いかがでしたか？UXデザインの重要性やその背景、スタートアップとUX、また今後のデザイナーに求められることなど幅広い内容で大変勉強になりました。UXというとなかなか共通の理解がもてなかったり、なぜそれが重要なのか理解してもらえなかったりと、現場でUXデザインを実践しようとするとハードルもあったりします。今回のイベントレポートが何かみなさんの参考になってくれれば幸いです。土屋さん、今回はご講演いただきありがとうございました！

UXデザインの概論についてはこちら↓↓

関連記事UXデザインとは？UXデザインの基本と注目される理由や背景を解説

2019.09.01

UXデザインで役立つユーザーインタビューノウハウについては以下から↓↓

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

2019.03.31

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

関連記事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

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

現在僕は都内のITベンチャーで働きつつ、デジタルハリウッドのデジタルデザイン専攻に1年間、週2回通っています。

2017年4月からスタートし、10月からは主に火曜日にUI/UXデザインについて、日曜日はHTMLやCSS、JSでのサイト制作を学んでいきます。

本レポートでは、日々のデジタルハリウッドでの授業の様子（デジタルデザイン専攻）を、簡単にレポートしていきます。

過去の授業レポートは以下から↓↓

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

2020.11.23

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

2020.11.23

今回の授業は、リーンスタートアップとリーンキャンバスについてです。

※本記事の公開日：2017/11/11

リーンスタートアップとは

前回の授業ではUXデザインについての基本的な知識や実践のフローを学び、実際に作成したペルソナをもとにCJMを整理しました。

今回10/24日（火）の授業のテーマは、リーンスタートアップ。

講師は前回同様クリエイティブカンパニー「株式会社シナップ」のクリエイティブ・ディレクターの方が登壇しました。

「リーン」とは無駄のない、と言う意味。

スタートアップの成功確率は0.3%とも言われており、その成功確率を上げるためにいかに無駄を省き効率的にサービスを作り上げていくのか、その実践的手法がリーンスタートアップです。

授業では実際のスタートアップの失敗事例などを踏まえて、リーンスタートアップに基づいたサービス開発フローを学んでいきました。

リーンスタートアップのフローはUXデザインの手法と似ています。

リーンスタートアップでの3つの無駄とは

リーンスタートアップを実践する上で、省くべき無駄は、

の3つ。変化が激しく、不確実性の高い状況下では、まずやってみなければ正解は分かりません。

だからこそ考え込んで緻密な計画を練ることは無駄です。とにかくまず小さく始めることが、リーンスタートアップでは重要なステップとなります。

仮説を立てたら、まずはオフィスを飛び出しインタビューなど必要最小限の工数で課題を見極め、課題に対するアプローチが適切なのかを検証し、その上で最小限の機能を持ったプロダクトを作成し素早く改善を繰り返していきます。

またリーンスタートアップでは、「つくること」も無駄の1つです。

サービスの開発は費用も期間も要します。いかにつくらないで、サービスの仮説を検証をする方法がないのか検討することも無駄を省く上では重要です。

とにかく無駄を省き、失敗を最小限に抑え、仮説検証を繰り返していく、これはリーンスタートアップの考え方です。

リーンキャンバスを使ってワークショップ

リーンキャンバスとは、サービス開発において仮説を簡易的にまとめることができるフレームワークです。

ビジネスの課題を抜けもれなく検討でき、素早く・簡潔にまとめることができるので、課題の検証に素早く取り掛かることができます。

リーンスタートアップでは仮説の構築は最小限に抑え、その検証にすぐ取り掛かる必要があるので、簡潔に仮説を整理することができるリーンキャンバスとは親和性があります。

今回は前回の授業で作成したカスタマージャーニーマップに基づき、そこから課題点を抽出していきます。

リーンキャンバスで埋めるべき要素は以下の9ポイント。

これらの要素を埋めていくことで、必要最小限の仮説をまとめていくことができます。

今回のワークショップでは、個人ごとにリーンキャンバスを埋めていき、それを複数枚作成していきました。とにかく考えすぎず、アイディアの数を多くだしていくことも大切です。

まとめ

次回以降では作成したリーンキャンバスのプランの中から、成功角度の高いサービスを絞り込んでいきます。

またそれを踏まえてペーパープロトタイピングを作成し、具体的なサービスの画面を考えていく予定です。

それではまた来週！

他のデジハリの授業レポートはこちらもご参考ください ↓↓

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

2020.11.23

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

2020.11.23

デザインについて本気で学ぶなら、デザインスクールに通うのは効率的でおすすめな選択肢です。デジハリ以外にも色々とあるので、良かったら参考にしてみてくださいね ↓↓
未経験向け！Webデザインでおすすめなスクール・専門学校＆講座比較 7選まとめ

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

2023.09.30

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

2023.09.30

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

現在僕は都内のITベンチャーで働きつつ、デジタルハリウッドのデジタルデザイン専攻に1年間、週2回通っています。

2017年4月からスタートし、10月からは火曜日にUI/UXデザインについて、日曜日はHTMLやCSS、JSでのサイト制作を学んでいきます。

本レポートでは、日々のデジタルハリウッドでの授業の様子（デジタルデザイン専攻）を、簡単にレポートしていきます。

※本記事の公開日：2017/10/22

Day42の授業テーマ

10/17日（火）42回目の授業のテーマは、現在のデジタルデザインを取り巻く状況を踏まえ、UXデザインの基礎について学んでいくことです。

講師はクリエイティブカンパニー「株式会社シナップ」のクリエイティブ・ディレクターの方が登壇しました。

まずはデザインの成功事例や失敗事例を踏まえて、デザインとは何か、というところから始まり、スマートフォンなどデジタルデバイスが日常に溶け込む中でなぜ今UXデザインが注目されてきているのか、という背景について学んでいきました。

また混同しがちなUXデザインとユーザービリティ、UIについての関係性を踏まえた上で、そこからデザイン思考やUXデザインを実践する具体的なプロセスなどについても理解を深めていきます。

ペルソナの設定と、カスタマージャーニーマップをグループワークで実践

講義形式である程度UXについて概要が掴めてきたところで、グループワークで実践していきます。

UXデザインを実践するに辺り、最初のステップとなるユーザー調査・分析。UXデザインはユーザーを知ることから始まります。

今回はA、Bの2グループに別れ、「イベント」をテーマにペルソナの定めた上で、カスタマージャーニーマップを作成してきます。

Aチームは「代々木公園のイベント」、僕が入るBチームは「食フェス」をテーマにそれぞれどんな人が参加するのか、もしくはどんな人が参加しないのか、などチームでディスカッションしながらペルソナを定めていきます。

どんな属性で、どんなニーズがあり、どんなストーリーがあってイベントに参加するのかなど、シートにまとめていきます。

また定めたペルソナのステージごとに、行動のきっかけや感情、そして起こした行動を時系列でまとめていき、カスタマージャーニーマップを作成していきました。

なぜその行動を起すのか、それをチームや講師の方を交えて議論を深めていきます。

最後は両チームで作成したカスタマージャーニーマップを見て、振り返りを行っていきました。

定性的な情報や定量的なデータに基いて、どこまでユーザーの気持ちになりきってリアルなストーリーを描けるか、UXデザインの難しさや面白さを学べた授業でしたね。

まとめ

今回はUXデザインの概要やユーザー分析の手法について学んでいきました。

自分の中で曖昧なものだったUXについて、それはどんなものなのか、なぜ重要なのか、どのように実践していくのか、イメージをよりクリアにしていくことができたかと思っています。

次回はサービス開発の現場でよく使われるリーン・スタートアップや、リーンキャンバスをテーマに授業が進んでいくようです。
それではまた来週！

他のデジハリの授業レポートはこちらもご参考ください ↓↓

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

2020.11.23

関連記事【デジタルハリウッド授業体験記 #3】デジタルデザイン専攻_リーンスタートアップとリーンキャンバス

2020.11.23

デザインについて本気で学ぶなら、デザインスクールに通うのは効率的でおすすめな選択肢です。デジハリ以外にも色々とあるので、良かったら参考にしてみてくださいね ↓↓
未経験向け！Webデザインでおすすめなスクール・専門学校＆講座比較 7選まとめ

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

2023.09.30

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

2023.09.30

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

現在僕は都内のITベンチャーで働きつつ、デジタルハリウッドのデジタルデザイン専攻に1年間、週2回通っています。2017年4月からスタートし、10月でもう授業の半分が終了しました。

これまでの半年間では、グラフィックデザインの基礎やWeb・スマートフォンのUIデザイン、Processing、AfterEffectでの動画制作、プロジェクションマッピング、Unityなどを学んできました。

10月以降の後期からは、HTMLやCSS、JSでのサイト制作や、UI・UXデザインに関して理解を深めていく感じです。

本レポートでは、日々のデジタルハリウッドでの授業の様子（デジタルデザイン専攻）を、簡単にレポートしていきます。

※本記事の公開日：2017/10/15

Day41の授業テーマ

本日41回目の授業の目的は、HTMLの基礎を学び、サイト構造を理解しながら適切にマークアップしていくこと。

そしてGitHubを用いたバージョン管理や、HTMLベースのサイトを実際にWeb上に公開するまでを順序立てて進めていきます。

テキストエディタの設定

まずは、コーディングで必須となるテキストエディタ「Atom」の設定から。AtomはGithubが制作しているHTMLベースのエディターです。

https://atom.io/

僕は普段Sublime Textを使っているのですが、せっかくなのでダウンロードしてみました。

導入しておくべきおすすめプラグインや、フォント、などなど設定していきます。また抑えておくべき便利なショートカットについても紹介。

HTMLの概要

次にHTMLについての概要や、実際にタグを使ってサイト構造の考え方などを学びました。

複数ファイルやフォルダをまたいだ時のリンクの指定方法や、ブロック要素とインライン要素について、またコーディング時のコツなど、全く触れたことがないとなかなか授業テンポは早く感じるペースです。

またPhotoShopで制作されたサイトデザイン案を元に、HTMLで構造を設計していきます。実際の制作現場でのフローも踏まえて、進め方を学んでいきました。

またhtmlvalidatorなどを用いて、実際に作成したHTML文章のチェックなども行いました。

validator

僕は仕事の業務でもHTMLを使っているので、このあたりはさくっと。ですが理解が曖昧だった箇所や、見解が分かれるようなマークアップ時の考え方など、学ぶことは多かったです。不明点があれば先生が丁寧に対応してくれます。ありがたい限り。

実際にGitHubでサイト公開

続いて授業の後半では、先ほど制作したHTMLファイルをGitHubを用いて公開しました。

GitHubとは、Gitというバージョン管理システムを利用した、Webベースのソースコード管理サービス。複数人でソースコードを管理したり、過去に更新した時のファイルに戻ることなどができます。
GitHub

GitHub上で新規リポジトリを作成し、Githubのデスクトップアプリと連動、ページのURLを発行しました。実際にローカルでの変更をGitHub上に反映し、ネット上にサイトを公開させることができました！

注意点などは色々ありますが、無料な上に簡単に設定できるので、今後もぜひ活用していきたいところ。

まとめ

こんな感じで後半初日の授業が終わりました。自分で過去に勉強したり、触れたことがある内容ばかりではありましたが、それでも新しい気付きなど色々学ぶことができました。

次回は細かいHTMLの仕様やCSSなどを進めるようです。
ではまた！

他のデジハリの授業レポートはこちらもご参考ください ↓↓

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

2020.11.23

関連記事【デジタルハリウッド授業体験記 #3】デジタルデザイン専攻_リーンスタートアップとリーンキャンバス

2020.11.23

デザインについて本気で学ぶなら、デザインスクールに通うのは効率的でおすすめな選択肢です。デジハリ以外にも色々とあるので、良かったら参考にしてみてくださいね ↓↓
未経験向け！Webデザインでおすすめなスクール・専門学校＆講座比較 7選まとめ

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

2023.09.30

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

2023.09.30