大阪一括|知らなくて損していた!UIデザインの基礎をたっぷり学ぶ

UIデザインの基礎知識を徹底的に学べぶ1日!人間の特性を認知学の観点から学び、ユーザー視点のWEBサイトの必要性が学べる3本立て講座

learn

こんなことを学びます

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

「ユーザー視点」でサイトの構造を考え、わかりやすい導線設計や、ユーザーが目的とする情報が探しやすくなるような「デザイン表現」を目指した『UIデザインの基礎』を、WEBサイト以外のさまざまな日常的な事例や、世に公開されている著名サイトがくり返す情報発信側目線の間違ったデザインやサイト構造を反面教師にして、本来あるべきUIデザインについての「本質」を基礎からしっかり身につけられます!


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


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


【講義内容】
<第1部:UIデザインの常識を改める「認知学から学ぶUIの基本」>
今まで常識だと思っていた『いつも目にするWEBデザイン』は、人間本来がもつ知覚能力の限界や、認知心理学などのデータを用いて検証していくと、実は使いにくい・わかりにくいデザインだったことに気づかされることでしょう。
キレイなデザインやカッコいいデザインだけじゃない、本当にユーザーの役に立つWEBデザインの仕掛けを理解できます。
【1】人間はそもそも見える範囲に限界がある
【2】ある一定量を超えた情報に対して読みたくなくなる心理
【3】短期記憶がカギになるWEB閲覧
【4】ナビゲーションの分かりやすさの仕掛け
【5】男性と女性の意識の違い
【6】誰でも使えるわけではない検索機能
【7】よくある質問は、よくない質問
▼サンプル動画
視野角2度の領域
https://youtu.be/kznD-1AmP_A
視線をコントロールする
https://youtu.be/m_gmQLyHTjU

〜〜お昼休憩〜〜

<第2部:ユーザー視点でわかりやすいサイトを作る「UI設計のツボ」>
著名サイトで表現されているデザインやインタフェースは参考事例として注目を集めますが、そのユーザビリティ性能を分析していくと、実はユーザーにとっては使いにくい理由が、数多く浮かび上がってきます!
いつも目にするWEBデザインのユーザービリティを、有名サイトだからと安心せず、UIデザインの落とし穴と呼ぶべき盲点から、本来あるべきユーザビリティ性能とは何かをたっぷりと学びます。
▼インタフェース編
【1】トップページの位置づけと求められる役割
【2】トップページ「カルーセルパネル」の見せ方善し悪し
【3】ナビゲーションの位置づけと求められる役割
【4】『次』が見えるナビゲーション
【5】機能がわかるボタンらしいフラットデザイン
【6】スマホ版の使いやすいメニューとハンバーガーメニュー
【7】『無駄』なことをさせないヘルプ表示
▼コンテンツページ編集構成編
【8】ターゲットのリテラシーを考えたコンテンツテーマと専門性
【9】検索窓を使わなくても、だれにでも使える検索機能
【10】もっとも欲しい情報にリーチすることこそUXだ。
【11】タイトルとリードで伝わる情報デザイン
【12】メイン導線とサブ導線で分かれるターゲットの興味
【13】注意喚起は見てもらわなければ意味がない
【14】ユーザーの利用シーンを考慮した表組み
【15】登録フォームはいかに入力要素を削減できるかがカギ!
【16】ストレスがためない入力フォーム
ユーザーの知りたい度を考える
https://youtu.be/Sjn2HoeAOug
タイトルとリードで伝わる情報デザイン
https://youtu.be/Rvat-8dBChA

〜〜小休憩〜〜

<第3部:ブランド価値を高める「ユーザーに支持されるUIデザイン」>
企業が、発信するデザイン統一された広報戦略に基づくWEBデザインは、たしかにカッコよくもあり素晴らしい見え方を実現できます。
しかし、一方的になりがちな情報コントロールは、「知りたい度」が異なる多様なユーザー心理に対して、その伝わり方にムラが生じてしまうことにもなりかねません。
伝えることだけを目的とするデザインと、伝わることを目指したデザインの違いについて学ぶ、まったく新しい講座です。
▼伝えるデザイン編
【1】自動車メーカーによる車両・WEB・店舗における
   統一コンセプトによるデザイン戦略がWEBサイトに与える影響
【2】トライベック社のユーザビリティランキングが示す使いやすさ
【3】デザイン統一によって失われたユーザビリティ
【4】接触ポイントとWEBの役割を見つけ出すカスタマージャーニーマップ
【5】企業ブランディングと就活ブランディング
▼伝わるデザイン編
【6】37年連続1位にはならなかったが、積み上げられた老舗旅館の価値
【7】ホスピタリティとおもてなしの違い
【8】WEBサイトにおけるUIとは、まさに、来訪者への「おもてなし」
【9】ユーザーに対してどんなプライオリティで
   ブランド価値やロイヤリティを高めていきたいのか?
【10】縦書き構成によって、画面内を視線が左右に振られる原因を作る
【11】ひとつの画面で、目的や用途が違う、複数のユーザーに対してアプローチ
【12】格安ビジネスホテルの宿泊プランと大差ない詳細情報表示
【13】ゆったりとしたレイアウトの中に、明確な選択肢が示されたインタフェース
【14】サービスのひとつと位置づけるWEB戦略
▼伝わるデザインを実現していくためには
【15】世の中のセオリーに囚われない戦略を!
【16】表層的なニーズでなく深層的なエクスペリエンスを考える
【17】ユーザのニーズを捉えるサイト設計の考え方

▼サンプル動画
ユーザーのサイト内行動を踏まえたWEB設計
https://youtu.be/Rgdsl7OwIII
伝えるだけでは伝わらない
https://youtu.be/l_TvlNnnZ5I
続きを読む

日程・開催時間を選ぶ

開催リクエスト受付中

開催予定エリア

梅田・北新地

価格

¥18,000

受けたい
38人が受けたい登録しています

teacher

この講座の先生

情報デザイン・ストラテジスト

「だから、そのデザインはダメなんだ。 WebサイトのUI設計・情報デザイン 良い・悪いが比べてわかる」著者(エムディエヌコーポレーション刊)
昨今のWebサイト構築には、IA(インフォメーション・アーキテクト)による情報設計が必要だという認識がやっと定着し、あらゆる場面で IA が引く手あまたになっている状況と言ってもよい時代になりました。
そんな中で、Webサイトの制作担当者やWEBデザイナーが、ユーザー視点のWEBデザインを修得・実践できる機会になればと、『本来あるべきWebサイト作りの武器』として、お役に立てることを願い、本講座を開設することにしました。

1989年にグラフィックデザイナーとして独立。1995年に大手電機メーカー系のWebサイト制作を多数手がける中、Adobe Flashのクリエーターとしても活躍後、2001年、電通グループ 株式会社デジタルパレット(現電通アイソバー株式会社)の設立時より現在に至るまで、独自のデザイン理論とユーザー視点の構造設計・情報デザインで、大手企業のWebサイト構築やリニューアルプロジェクトの中心メンバーとして多数参画。 + 続きを読む

detail

講座詳細

  • 当日の流れとタイムスケジュール

    トータルで9時間のロングラン講義になりますが、楽しめるように笑いを交えてお話しを進めていきます(^_^)/

    <開催時間 朝10時〜12時>
    第1部:UIデザインの常識を改める「認知学から学ぶUIの基本」

    〜〜お昼休憩1時間〜〜

    <開催時間 昼13時〜16時30分>
    第2部:ユーザー視点でわかりやすいサイトを作る「UI設計のツボ」
    ※途中トイレ休憩を挟みます。

    〜〜小休憩〜〜

    <開催時間 夕16時45分〜20時15分>
    第3部:ブランド価値を高める「ユーザーに支持されるUIデザイン」
    ※途中トイレ休憩を挟みます。

    最後に、質疑応答も含めたディスカッションで解散になります<(_ _)>
  • こんな方を対象としています

    WEBデザイナー、UIデザイナー、ディレクターや企業の発注担当者など、
    実務として関わっている方で、
    高性能なUIデザインや、今までのWEBに対する知識や技量をもっと高めたい
    という方々に最適です。
  • 受講料の説明

    レッスン代、教材となる資料代、場所代が含まれています。
  • 受講する際は以下をお読み下さい

    ▼第1部〜第3部 全講座を通しで受講される場合は割引き受講できます。
    個別受講を希望される場合は下記をご覧下さい。
    第1部(https://www.street-academy.com/myclass/18297
    第2部(https://www.street-academy.com/myclass/18298
    第3部(https://www.street-academy.com/myclass/29154

    ▼さらに実戦編もあります。※10%割引き受講先着5名様
    第4部(https://www.street-academy.com/myclass/30274?=direct_message&=159108d12e05c26cecc2f6002c12ac89

review

レビュー

  • 4

  • 楽しかった!( 1 )

  • 勉強になった!( 2 )

  • 行く価値あり!( 4 )

  • 女性 30代

    この講座は「目からウロコ」でした

    講座を終えて、自分の中でまかり通っていたUIやユーザビリティへの考え方がすごく変わりました。
    UIデザイン以外にもいろんな気づきがあったのでまた別の講座を受けてみたいと思います。

  • 女性 30代

    この講座は「目から鱗の講座」でした

    企業ホームページにとって重要なことは、自社をどうブランディングし、顧客のニーズとウォンツへ訴求するか。当たり前のことですが、ホームページを専門的に捉えれば捉えるほど、忘れがちなことです。ユーザー視点を軽視したホームページが、いかに無駄なものかに気づかされた講座でした。
    一日でこの値段は破格ですし、何より講師の熱意と情報の多さに魅されました!次回開催も楽しみにしています!

  • 女性 30代

    この講座は「徹底的にユーザー視点を学ぶ講座」でした

    中身の濃い、有意義な講座をありがとうございました。

    今回の講座では、徹底的にユーザー視点を学びました。
    実際上がっているサイトを分析することで、
    具体的に何がよくて、何が悪いのかわかりやすかったです。
    一見、これのどこが悪いの?と思ってしまうのですが、
    ひとつひとつ、ユーザー視点で見ていくと、何が悪いのか見えてきました。

    ●伝えるデザインと伝わるデザインは違うこと
    依頼者の要望をどう伝えるか、依頼者の気にいるデザインをと、
    伝えるデザインに偏っていたのかもしれません。

    ●ちゃんと理由が言える設計レイアウト
    WEBデザインのトレンド、技術はすごいスピードで変化していて、
    そのトレンドを追いかけ、見よう見まねのデザイン、なんとなくで作り、
    何を軸にデザインをすればいいのか、悩んでました。
    香西先生の「そもそも人というのは」という認知学を土台に
    情報レイアウトをしていく。建設的でわかりやすい。

    ●PCとスマホでは使う場面が違うので、情報の見せ方も違うこと
    日頃、関わっている顧客は個人事業主様のサイトを作成することが多いのですが、
    スマホファーストで、管理がしやすいということから、レスポンシブレイアウト案件が増えています。
    PCの情報とスマホの情報を共通で見せるためのレイアウトやギミックにとらわれていて、そこにユーザー視点が抜けていました。

    PCの情報量をそのままスマホに当て込む場合、
    スマホページはスクロールする分にはページ移動より面倒に思わないので、ページを増やすより、1ページに詰め込めばいいのではないか。その場合、ページの長さはどれくらいまでが妥当なのかと悩んでいました。
    PCの情報をそのまま、だらだらと入れ込むと、ユーザーは飽きて離脱につながること。
    そもそも、PCとスマホでは使う場面が違うので、情報の見せ方が違って当然であること。

    ●かっこよさとわかりやすさは相反していること
    そのサイトのユーザー層を考えて、今回の案件はどっちかなとデザイン調整することができる。このことを頭にいれておかないと、ただただ、トレンドに流されがちになる。

    他にもたくさん、UIの基本を知ることができて、早速、実務に落とし込んでいきたいのですが、さぁ、どう設計しようか、どうコーディングで組めばいいのか、ワークフローも変わってくるのはと、悩みます。特にレスポンシブに悩まされます。実践につなげるためにも、次のステップへの講座も受けたいです。

    よろしくお願いします。

  • 男性 30代

    この講座は「UIデザインを隅から隅まで学べる講座」でした

    UIとはどういうものか、Webサイトのあり方について等、
    具体的な例を通して様々な視点から学べ、
    初心者の私でも大変勉強になりました。

    参加者の方々の質問にも
    丁寧に答えてくださっていて、
    質問を通して勉強になる点もたくさんあって嬉しかったです。

    東京の講座も参加させていただきますので、
    よろしくお願いいたします。

  • more

    この先生の他の講座

    関連講座

    この講座を見た人は、こんな講座も見ています