お客さまがご利用のブラウザはサポートされていないため、正常に利用できない可能性があります。 お手数ですが、こちらをご確認いただき推奨環境のブラウザをインストールしてご利用ください。

大阪一括①他では絶対教えてくれないUIデザイン《基礎編・応用編》

対面

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

こんなことを学びます

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

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


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


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


【講義内容】
<第2部:UIデザインの常識を改める「認知学から学ぶUIの基本」>
今まで常識だと思っていた『いつも目にするWEBデザイン』は、人間本来がもつ知覚能力の限界や、認知心理学などのデータを用いて検証していくと、実は使いにくい・わかりにくいデザインだったことに気づかされることでしょう。
キレイなデザインやカッコいいデザインだけじゃない、本当にユーザーの役に立つWEBデザインの仕掛けを理解できます。
【1】ある一定量を超えた情報に対して読みたくなくなる心理
【2】人間はそもそも見える範囲に限界がある
【3】クリック数よりクリックの質
【4】短期記憶がカギになるWEB閲覧
【5】直感的なわかりやすさと使いやすさ
【6】誰でも使えるわけではない検索機能
【7】ナビゲーションの分かりやすさの仕掛け
【8】色彩による情報認知とブランディング(※一部の色見本を画像で配布)
【9】男女では情報の捉え方に異なる傾向がある

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


<第3部:ユーザーの視点に寄り添う〜わかりやすいUIデザインのツボ>
著名サイトで表現されているデザインやインタフェースは参考事例として注目を集めますが、そのユーザビリティ性能を分析していくと、実はユーザーにとっては使いにくい理由が、数多く浮かび上がってきます!
いつも目にするWEBデザインのユーザービリティを、有名サイトだからと安心せず、UIデザインの落とし穴と呼ぶべき盲点から、本来あるべきユーザビリティ性能とは何かをたっぷりと学びます。

【リテラシーに寄り添うコンテンツ編集】
・UIとは?
・UXとUIの違い。一般の人が見えていない世界を見据えることの重要性
・制作側の常識が利用者の常識にはならない時代の変化
・使う側のリテラシーに寄り添う
・もっとも欲しい情報にリーチすることこそUXだ
・タイトルとリードで伝わる情報デザイン

【ユーザーとの接点を大切にするための考え方】
・検索窓を使わなくても、だれにでも使える検索機能
・よくある質問は、よくない質問
・UIデザインはWEBサイトのおもてなし
・ユーザーのニーズを捉えるサイト設計の考え方
・ユーザーニーズを読み解くWEB戦略に基づく3W1H
・ユーザー視点から実現したターゲットシフトによる成功例

ユーザーの知りたい度
https://youtu.be/IppO9j8B5Ow?t=31
使う側のリテラシーに寄り添う
https://youtu.be/IlnciFU15Rw?t=36


<第4部:直感的で快適なWEB環境を作る「スマホ用UIデザイン」>
スマートフォンのサイト構築において、『本来あるべき使い勝手』や『わかりやすさ」の観点から、スマホ用UIデザインをユーザー視点に立って徹底的にその性能を検証し、あらゆるデザイナーのバイブルになるUIデザインの方向性や、最適なデザイン表現や構成レイアウトを学べぶことができます!

【スマートフォンとは】
【1】真の“スマートフォン”と言えるデバイスが2007年に誕生
【2】指で操作するスマートフォンのユーザビリティ

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

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

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

【入力操作を快適にする入力フォームの良し悪し】
【16】ユーザー視点に立った入力の省力化

【操作を分断しないモーダル表示、アコーディオン表示】
【17】モーダル表示にはTPOが大切
【18】スマートフォンの閲覧性を左右するアコーディオン表示

【快適を維持するためのスマートフォン向けUI】
【19】右手でも左手でも押せる最適なボタン表現
【20】サイトロゴ以外からのトップページに戻る導線

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

開催日程がありません

開催予定エリア

新大阪・十三

価格(税込)

¥28,000

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

対面受講日程

開催日程はありません。

この講座の先生

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

「だから、そのデザインはダメなんだ。 WebサイトのUI設計・情報デザイン 良い・悪いが比べてわかる」著者(エムディエヌコーポレーション刊)

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

昨今のWebサイト構築には、UI/UXの重要性がやっと認識され、Webサイト制作のなかに情報デザインが定着し、あらゆる場面で IA (インフォメーションアーキテクト)やUIデザイナーやUXデザイナーが引く手あまたになっている状況と言ってもよい時代になりました。
そんな中で、Webサイトの制作担当者やWEBデザイナーが、もっと、ユーザーの視点に立ち、快適でわかりやすいWEBデザインを修得・実践できる機会になればと、『ユーザー視点のUIデザイン講座』を開設することにしました。

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

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

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

    〜〜お昼休憩1時間〜〜

    <開催時間 昼13時30分〜17時00分>
    第3部:ユーザーのニーズとリテラシーを基準に考える〜UIデザイン
    ※途中トイレ休憩を挟みます。

    〜〜小休憩〜〜

    <開催時間 夕17時30分〜21時30分>
    第4部:直感的で快適なWEB環境を作る「スマホ用UIデザイン」
    ※途中トイレ休憩を挟みます。

    最後に、質疑応答も含めたディスカッションで解散になります<(_ _)>

    ※第1部は東京会場のみで開催
    • こんな方を対象としています

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

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

      ▼基礎編・応用編
      個別受講を希望される場合は下記をご覧下さい。
      UPDATE!! 第2部(https://www.street-academy.com/myclass/18297
      UPDATE!! 第3部(https://www.street-academy.com/myclass/18298
      第4部(https://www.street-academy.com/myclass/40673
      1日目の全講座を割引受講できる一括版は下記をご覧下さい。
      一括版(https://www.street-academy.com/myclass/29142)※このページです

      ▼さらに実戦編もあります。
      UPDATE!! 第5部(https://www.street-academy.com/myclass/30274

      ▼東京以外で初開催!サイト分析編もあります。
      第6部(https://www.street-academy.com/myclass/41719

      ※第1部は東京会場のみで開催
    ※ストアカでは講座に適用される保険を用意しています。詳しくはストアカ補償制度をご覧ください。

    レビュー6

    • 楽しかった!( 2 )
    • 勉強になった!( 4 )
    • 行く価値あり!( 5 )
  • W3

    女性 30代

    この講座は「営業やエンジニアさんへの提案にも勉強になります。」でした

    デザイナーとして以前、制作会社で勤めてはいませんが、新しいシステム開発の会社でもサイト制作をするので上司や営業に話をするのに役立ちました。
    webデザインについてやUIに詳しいわけではない人と、流行りだけのデザインではなく、新しいアプローチ方法を話し合えることができてよかったです。

  • W3

    女性 30代

    この講座は「大阪一括①他では絶対教えてくれないUIデザイン《基礎編・応用編》」でした

    かなりの長時間の口座でしたが、退屈する事なくとてもテンポよく説明いただけたのでとても分かりやすかったです!
    本などには無い内容が学べるのも魅力的でした。

  • W3

    女性 30代

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

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

  • W2

    女性 30代

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

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

  • W1

    女性 40代

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

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

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

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

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

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

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

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

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

    よろしくお願いします。

  • この先生の他の講座

    83

    開催リクエスト受付中

    銀座・大手町 / オンライン

    関連講座

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

    お探しの講座が見つかりませんでしたか?