著名企業のUIデザインを性能で比較する①「インタフェース編」

インタフェース性能の良い悪いを実在の著名サイトを例に、直感的に迷わず操作できるか?WEBを使う側のユーザー視点から学ぶ、シリーズ第1弾!

こんなことを学びます

大好評書籍「だから、そのデザインはダメなんだ。」の著者が、書籍には未掲載の最新ノウハウも交えて、「使いやすい・分かりやすいWEBデザイン」のためのプロでも知りたいテクニックや知識をご紹介します!

著名サイトで表現されているデザインやインタフェースは参考事例として注目を集めますが、実際にサイトを利用するユーザーの立場でそのユーザビリティ性能を分析していくと、実はユーザーにとっては使いにくい理由が、数多く浮かび上がってきます!
この講座では、第1部・第2部で学習した知識を踏まえて、実在する著名サイトのWEBデザインを例に、具体的にどこが良くてどこが悪いかを解説。
デザインバランスが良いとか、社内やクライアントに評判が良いなどの表面的な評価では語られない、ほんとうに必要なユーザー視点に立ったUIデザインが実現するべき性能とは何かをシリーズで展開していく第1弾です。

▼講義内容
【トップページに求められる本当の役割】
【「カルーセルパネルの常識」と実際の直感性】
【グローバルナビゲーションに求められる「直感的接続性」】
 ・グローバルナビゲーションの役割
 ・ナビゲーションメニューのトレンド
 ・スマートフォンサイトにおける現実と操作性
【ナビゲーションの現在位置表示と訪問済み表示】
【ローカルナビゲーションの位置の違いによる操作性】
 ・通販サイトに多い左ナビゲーション
 ・スマートフォン版では崩壊する直感的でスピーディな検索性
 ・企業サイトに多い右ナビゲーション

▼サンプル動画
ユーザーが使いたくなるトップページの役割
https://youtu.be/V8UpfsSzbT4?t=15
「カルーセルパネル」の勘違いと直感性を失う現実
https://youtu.be/CxuUyxyZwpM?t=15
続きを読む

日程・開催時間を選ぶ

開催リクエスト受付中

開催予定エリア

銀座・大手町

価格(税込)

¥5,500

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

開催日程

現在この講座の開催日程の講座はありません。開催リクエストを送ってみましょう。

開催リクエストする

この講座の先生

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

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

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

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

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

    ▼所要時間:約120分ぐらいを予定しています。

    約10分 ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
    かんたんなごあいさつをかねて緊張をほぐします。

    約100分ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
    本編講義

    約10分ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
    ディスカッション
    講義内容についての質疑応答
    • こんな方を対象としています

      WEBデザイナー、UIデザイナーなど、実務としてデザインや設計に関わっている方だけでなく、ディレクターやプロデューサー、企業のWEB発注担当者にも最適です。
    • 受講料の説明

      レッスン代、教材となる資料代、場所代が含まれています。
      ※当日配布する資料のデジタルデータによる配布はありません。
    • 受講する際は以下をお読み下さい

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

      ▼この講座は「良い悪いが比べてわかる事例編」の1つです。
      第1弾 良い悪いが比べてわかる!「ユーザー視点のナビゲーションデザイン編」★この講座
      https://www.street-academy.com/myclass/74097
      第2弾 良い悪いが比べてわかる!「ユーザー視点のコンテンツデザイン編」準備中
      第3弾 良い悪いが比べてわかる!「ユーザー視点の検索機能デザイン編」準備中
      第4弾 良い悪いが比べてわかる!「ユーザー視点の入力フォームデザイン編」準備中
      第5弾 良い悪いが比べてわかる!「ユーザー視点の企画・ライティング編」準備中

      ▼この他に、知識編講座があります。
      ★初心者でわかる導線と動線!
      第1部 ユーザー視点のUIデザインへのヒント「街中のサイン表示」
      https://www.street-academy.com/myclass/15959
      ★UI性能を科学的裏付ける!
      第2部 UIデザインの常識を改める「認知学から学ぶUIの基本」
      https://www.street-academy.com/myclass/15973
      ★サイトを使う側のリテラシーを考える!
      UPDATE!! 第3部 ユーザーの視点に寄り添う〜わかりやすいUIデザインのツボ
      https://www.street-academy.com/myclass/16175
      第4部 直感的で快適なWEB環境を作る「スマホ用UIデザイン」
      https://www.street-academy.com/myclass/37429
      ★実戦的情報デザインの知識を身につけたい!
      UPDATE!! 第5部 提案の説得力を高める「ユーザー視点のUI設計&提案書」
      https://www.street-academy.com/myclass/29417
      ★今すぐ業務に使いたい!
      第6部 初めてでもできる!「かんたんサイト分析/説得力ある評価レポート」
      https://www.street-academy.com/myclass/20569
    ※ストアカでは全講座に保険が適用されます。詳しくはストアカ補償制度をご覧ください。

    レビュー

    • 1
    • 楽しかった!( 1 )
    • 勉強になった!( 1 )
    • 行く価値あり!( 1 )
  • W2

    女性 40代

    この講座は「納得と少しお笑いありの講座でした!」でした

    教えていただくことを楽しくまとめられて、あっという間の2時間でした。PCサイトの説明が多かったのでスマホサイトのお話ももっと聞きたかったです。

  • この先生の他の講座

    関連講座

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

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