4回コース講座 オンラインフルパック|他では絶対教えてくれないUIデザイン講座

対面 オンライン

UIデザインの基礎知識を徹底的に学ぶ4講座!人間の特性を認知学の観点から学び、ユーザー視点のWEBサイトの必要性が学べる割引きパックプラン

こんなことを学びます

<知ってると知らないでは、実力に大きな差がつくUIデザインの基礎を本気で学んでみませんか?>
Webを制作する際、デザインの格好良さだけに固執せず、『ユーザーが、どのような目的で利用しているのか? どんな情報を探しているのか?』を、ちゃんと考えていますか?

「ユーザー視点」でサイトの構造を考え、わかりやすい導線設計や、ユーザーが目的とする情報が探しやすくなるような「デザイン表現」を目指した『UIデザインの根本』。著名サイトの情報発信者目線の間違ったデザインやサイト構造を反面教師にして、本来あるべきUIデザインを徹底的に見直して行きます!


<まったく新しい視点でUIを構築できるようになります!>
このUIデザイン講座は、どんなことに気をつけて制作をすべきか?どんなことを想定してサイトを設計・構築して行くと、わかりやすく使いやすいWEBサイトを作れるのか?といった、UIデザインの根本となる基礎的考え方を改めて習得し、今までとはまったく違うWebデザインの表現方法を産み出せる意識を身に付けることを目的とした教育プログラムです。


<豊富な実績をもったUIの専門家がレクチャーします!>
電通グループで16年にわたり、著名なWEBサイトのリニューアルや新規構築プロジェクトを手がけた実績から、さまざまなUIに関する知見をご紹介します。
そして、勉強になるUI専門書として、大好評書籍「だから、そのデザインはダメなんだ。」の著者が、書籍には未掲載の最新ノウハウも交えて、「使いやすい・分かりやすいWEBデザイン」のためのプロでも知りたいテクニックや知識をご紹介します!


《オンラインでも開講中!》
▼オンラインフルパック|他では絶対教えてくれないUIデザイン講座《この講座》
 基礎編・実戦編を割引価格で受講できます。
 https://www.street-academy.com/myclass/129905
ーーーーーーーーーーーーーーーーーーーー
▼01:UIデザインを高める「必須テクニック「ユーザー視点」
 https://www.street-academy.com/myclass/15959
▼02:デザインをランクアップ「認知科学で作るUIデザイン」
 https://www.street-academy.com/myclass/15973
▼オンライン基本編パック|他では絶対教えてくれないUIデザイン講座
 https://www.street-academy.com/myclass/129912
ーーーーーーーーーーーーーーーーーーーー
▼03:知りたいことが基準になる「ユーザー視点で作るUIデザイン」
 https://www.street-academy.com/myclass/16175
▼04:直感的で快適なスマホ環境を作る「スマホ最適化UIデザイン」
 https://www.street-academy.com/myclass/37429
▼オンライン実戦編パック|他では絶対教えてくれないUIデザイン講座
 https://www.street-academy.com/myclass/129913
ーーーーーーーーーーーーーーーーーーーー
▼SP:著名企業のUIデザインを性能で比較する①「インタフェース編」
 https://www.street-academy.com/myclass/74097
ーーーーーーーーーーーーーーーーーーーー
▼05:ユーザー視点で作る「高い説得力を持つUI設計&提案書」
 https://www.street-academy.com/myclass/82433
ーーーーーーーーーーーーーーーーーーーー
続きを読む

開催日程がありません

開催予定エリア銀座・大手町

価格(税込)¥31,500(¥7,875 × 4 回)

現在は開催リクエストを受け付けていません
受けたい
4人が受けたい登録しています

対面受講日程

開催日程はありません。

対面受講料に含まれるもの

レッスン代、教材となる資料代、場所代が含まれています。

※この講座は、受講内容の理解をより深める目的で、
 講師が受講生と一部会話しながら進めて行く部分があります。
 話しかけられることが苦手な方は事前にお申し出ください。

オンライン受講日程

開催日程はありません。

オンライン受講料に含まれるもの

レッスン代、教材となる資料代、ZOOM配信代が含まれています。

※この講座は、受講内容の理解をより深める目的で、
 講師が受講生と一部会話しながら進めて行く部分があります。
 話しかけられることが苦手な方は事前にお申し出ください。

この講座の先生

よくわかるUIデザイン講座

「だから、そのデザインはダメなんだ。(エムディエヌコーポレーション刊) 」の著者。
18年にわたり電通グループの中心メンバーとして、大手企業のWebサイト構築やリニューアルプロジェクトに多数参画。
論理的で客観的なデザイン理論とユーザー視点の構造設計・情報デザインを用いて、Webサイトの課題を見極め、Webサイトの性能をアップさせる利用者の目線に立ったわかりやすいインタフェースの設計で多くの企業様のお手伝いをしてきました!

Webサイトの制作担当者やWEBデザイナーが、もっと、ユーザーの視点に立ち、快適でわかりやすいWEBデザインを修得・...
+続きを読む

カリキュラム

  • 第1回 01東京:UIデザインを高める必須テクニック「ユーザー視点」

    作る立場になると考えが及ばなくなる「使う立場のユーザー視点」を、具体的な事例を用いて課題を指摘しながら、わかりやすく実感できる2時間です。

    ▼講座の内容
    ◎マスメディアとWEBデザインの違い
    ◎東京スカイツリーから「わかりにくい」を体感しよう
    ◎動線と導線の違い
    ◎カッコいいだけではデザインとして認められない
    ◎わかりやすいWEBデザインとは?
    ◎知りたくなる度合いが大切

    ▼サンプル動画
    デザインの本当の意味
    https://youtu.be/uGjeze6uEpc?t=32
    ユーザーの知りたい度
    https://youtu.be/IppO9j8B5Ow?t=31
    導線と動線の違い
    https://youtu.be/cgPtUdMRlOI

    ▼下記講座を参照ください。
    https://www.street-academy.com/myclass/15959

  • 第2回 02東京:UIデザインの常識を改める「認知学から学ぶUIの基本」

    認知心理学や行動心理学などの客観的なデータを知ることで、
    説得力があって結果につながるUIデザインの本質的な知識を蓄えられる3時間です。

    ▼講座の内容
    【認知学データから学ぶユーザー視点】
    ◎人間はそもそも見える範囲に限界がある
    ◎ある一定量を超えた情報に対して読みたくなくなる心理
    ◎短期記憶がカギになるWEB閲覧
    ◎直感的なわかりやすさと使いやすさ

    【わかりやすいサイトを作るUIデザインのツボ】
    ◎ユーザーの潜在的で本質的なニーズをあぶり出す
    ◎分かりやすいナビゲーションの仕掛け
    ◎クリック数よりクリックの質
    ◎男女では情報の捉え方に異なる傾向がある

    【ブランド価値とUI性能を高める色彩計画】(この章のみデジタル画像配布)
    ◎制作側の常識が利用者の常識にはならないカラーユニバーサル
    ◎色彩による情報認知とイメージカラー
    ◎論理的な色彩計画によるブランディング

    ▼サンプル動画
    ユーザーはWEBを読んでいない
    https://youtu.be/02ozQygzTxw?t=36
    ユーザーがWEBを見る範囲には限界がある!
    https://youtu.be/jFS5sKh3AVA?t=36

    ▼下記講座を参照ください。
    https://www.street-academy.com/myclass/15973

  • 第3回 03東京:知りたいことが基準になるユーザー視点で作るUIデザイン

    表面的なデザインだけでは解決できないユーザーに評価されるUIデザインに必要な、
    「ユーザーのニーズやユーザーのリテラシー」応えるコンテンツの企画力・設計力を学ぶ4時間です。

    ▼講座の内容
    【ユーザーの興味に寄り添う真のユーザビリティ性能】
    ◎UIとは?
    ◎UXとUIの違い。一般の人が見えていない世界を見据えることの重要性
    ◎使う側のリテラシーに寄り添う
    ◎知りたくなる度合いが大切

    【ユーザーにちゃんと伝わる情報デザイン】
    ◎検索窓を使わなくても、だれにでも使える検索機能
    ◎よくある質問は、よくない質問
    ◎タイトルとリードで伝わる情報デザイン

    【ユーザーの利用目的にヒットするニーズとウォンツ】
    ◎UIデザインはWEBサイトのおもてなし
    ◎ユーザーのニーズを捉えるサイト設計の考え方
    ◎ユーザーニーズを読み解くWEB戦略に基づく3W1H
    ◎ユーザー視点から実現したターゲットシフトによる成功例

    ▼サンプル動画
    ユーザーの知りたい度
    https://youtu.be/IppO9j8B5Ow?t=31
    紙幣デザインから知る!ユーザー視点のデザイン品質
    https://youtu.be/5stXMlO1UBs?t=36
    使う側のリテラシーに寄り添う
    https://youtu.be/IlnciFU15Rw?t=36


    ▼下記講座を参照ください。
    https://www.street-academy.com/myclass/16175

  • 第4回 04東京:直感的で快適なWEB環境を作る「スマホ用UIデザイン」

    便利に使えるレスポンシブデザインやハンバーガーメニューが持つ落とし穴に一石を投じる、
    快適なスマホ環境にとって必要な使いやすさとわかりやすさを追求するスマホのUIを学ぶ4時間です。

    【「ハンバーガーメニュー」はユーザーにとって直感的か?】
    ◎ハンバーガーメニューは直感的操作性を下げている
    ◎ハンバーガーメニューの普及率
    ◎ハンバーガーメニューの種類
    ◎ハンバーガーメニューに存在する理想と現実
    ◎スマートフォンでは階層構造を理解・把握しにくい
    ◎直感性を損なわずに使えるスマホ用ナビゲーションメニュー

    【レスポンシブデザインでは実現しないスマートフォンへの最適化】
    ◎レスポンシブデザインの普及率
    ◎レスポンシブデザインがもたらすメリット
    ◎レスポンシブデザインに存在する理想と現実
    ◎レスポンシブデザインは、適合化であって最適化ではない
    ◎スマートフォンサイトの未来を作るモバイルファースト

    【スマートフォン環境における、Googleが描く快適な検索性の世界】
    ◎ グーグルモバイルファーストについて
    ◎レスポンシブデザインとSEO効果の関係

    【スマホサイトがサクサク使えるナビゲーション性能】
    ◎入力操作を快適にする入力フォームの良し悪し
    ◎ドロップダウンメニューの落とし穴
    ◎操作を分断しないモーダル表示、アコーディオン表示
    ◎スマートフォン版では崩壊する直感的でスピーディな検索性
    ◎快適を維持するためのスマートフォン向けUI

    ▼サンプル動画
    レスポンシブデザインの理想と現実
    https://youtu.be/nyzv6R-kz5s?t=35
    ユーザーには不便が増大!ドロップダウンメニュー
    https://youtu.be/FH0FVhMcg_4?t=36

    ▼下記講座を参照ください。
    https://www.street-academy.com/myclass/37429

こんな方を対象としています

WEBデザイナー、UIデザイナー、ディレクターや企業の発注担当者など、実務として関わっている方で、高性能なUIデザインや、今までのWEBに対する知識や技量をもっと高めたいという方々に最適です。
* UIデザインに関わっている人(ディレクター、デザイナー、広報担当など)
* もっと効率的で評価されるUIデザインを勉強したい方
* WEBサイトやUIデザインについて役立つ情報がほしい方
など、今までのWEBに対する知識や技量をもっと高めたいという方々にお奨めです。
続きを読む

受講する際は以下をお読み下さい

後日、講師よりグループメッセージ(メッセージ)にて講座の参加用URLが送られる
zoomがはじめての方は、お送りしたオンライン接続URLをクリックし、画面の手順に沿ってzoomアプリをインストールしておいてください。
※オンライン開催時のみ、ドキュメントのPDF(4面付け)の配布を行います。

※音声等が途切れたりする場合があります。
※この講座は、受講内容の理解をより深める目的で、
 講師が受講生と一部会話しながら進めて行く部分があります。
 話しかけられることが苦手な方は事前にお申し出ください。
※ご質問は随時受け付けますが、ご自身の業務に関わる質問の場合、他の受講者に配慮してお応えできない場合があります。
続きを読む
※ストアカでは講座に適用される保険を用意しています。詳しくはストアカ補償制度をご覧ください。

レビュー1

  • 楽しかった( 0 )
  • 勉強になった( 1 )
  • 受ける価値あり( 1 )
  • この講座は「初心者がはじめの一歩を踏み出せる講座」でした
    その他 40代

    弊社スタッフのスキル向上に講座を活用させていただきました。

    スタッフA
    初心者にも分かりやすく、ボリュームがあって大変満足度の高いセミナーでした。
    普段「なんとなく」だったものを様々な目線で言語化してもらえて、かなりスッキリとしました。
    クライアントへ提案時に根拠を持って提案するためのヒントをたくさん学ぶことができ、嬉しく思っています。
    ありがとうございました。
    スタッフB
    難しい内容でしたが、実際のWebサイトや実例を交えて丁寧に教えてくださったので、UI初心者の私でもわかりやすくとても勉強になりました。
    今まではなんとなくでデザインをしていたのですが、今回、ユーザーの目線になってしっかり考え、学ぶことで、どのようなサイト・どのような表現だとユーザーが使いやすいのかをあらためて認識することができました。今後の業務に活かそうと思います!

    先生からのコメント

    この度はレビューをいただきありがとうございました。
    おふたりとも、前向きにいろいろ質問もいただき、抱えている疑問も解消できたようで良かったです。
    WEB制作は、使う側の目線に立って、根気強く「なぜ?」を繰り返し、
    そのシチュエーションを想定し、ユーザーが何を知りたいのかを予測することで幾重にもランクアップしていきます。今後の制作において、良い結果が生まれると良いですね!

  • Webデザインのおすすめの先生Webデザインの先生を探す

    Webデザインの関連カテゴリーから講座を探す

    先生のスキルから探す

    関連エリアから探す