大阪3①:ユーザー視点でわかりやすいサイトを作る「UI設計のツボ」

UIデザインの落とし穴と呼ぶべき盲点から、本来あるべきユーザビリティ性能とは何かをたっぷりと学ぶ3時間です。

learn

こんなことを学びます

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

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


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


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


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

▼インタフェース編
【1】トップページの位置づけと求められる役割
【2】トップページ「カルーセルパネル」の見せ方善し悪し
【3】ナビゲーションの位置づけと求められる役割
【4】『次』が見えるナビゲーション
【5】機能がわかるボタンらしいフラットデザイン
【6】『無駄』なことをさせないヘルプ表示
▼コンテンツページ編集構成編
【7】ターゲットのリテラシーを考えたコンテンツテーマと専門性
【8】検索窓を使わなくても、だれにでも使える検索機能
【9】もっとも欲しい情報にリーチすることこそUXだ。
【10】タイトルとリードで伝わる情報デザイン
【11】メイン導線とサブ導線で分かれるターゲットの興味
【12】注意喚起は見てもらわなければ意味がない
【13】ユーザーの利用シーンを考慮した表組み
【14】登録フォームはいかに入力要素を削減できるかがカギ!
【15】ストレスがためない入力フォーム

▼サンプル動画
ユーザーの知りたい度を考える
https://youtu.be/Sjn2HoeAOug
タイトルとリードで伝わる情報デザイン
https://youtu.be/Rvat-8dBChA

▼この講座の受講者の声(東京会場参加者)
https://www.street-academy.com/myclass/16175#class-reviews-area
続きを読む

日程・開催時間を選ぶ

開催リクエスト受付中

開催予定エリア

梅田・北新地

価格(税込)

¥7,000

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

teacher

この講座の先生

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

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

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

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

detail

講座詳細

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

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

    ・かんたんなごあいさつをかねて緊張をほぐします。
    ・本編講義①
    ・途中トイレ休憩
    ・本編講義②
    ・講義内容についての質疑応答
  • こんな方を対象としています

    WEBデザイナー、UIデザイナーなど、実務としてデザインや設計に関わっている方だけでなく、ディレクターやプロデューサー、企業のWEB発注担当者にも最適です。
    ・UIデザインに関わっている人(ディレクター、デザイナー、広報担当など)
    ・もっと効率的で評価されるUIデザインを勉強したい方
    ・WEBサイトやUIデザインについて役立つ情報がほしい方
    など、今までのWEBに対する知識や技量をもっと高めたいという方々にお奨めです。
  • 受講料の説明

    レッスン代、教材となる資料代、場所代が含まれています。
    ※大阪開催場合は、出張講演のため割高になっています。
  • 受講する際は以下をお読み下さい

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

    ▼さらに実戦編もあります。
    第4部(https://www.street-academy.com/myclass/29154
    第5部(https://www.street-academy.com/myclass/30274
    2日目の全講座を割引受講できる一括版は下記をご覧下さい。
    一括版(https://www.street-academy.com/myclass/41431

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

    ※第1部は東京会場のみで開催

review

レビュー

  • 4

  • 楽しかった!( 1 )

  • 勉強になった!( 4 )

  • 行く価値あり!( 1 )

  • 女性 50代

    この講座は「実例を見ながら本当にわかりやすいサイトとは?に気づける講座」でした

    実際の一流企業のサイトを見ながら、良い点、ダメな点をズバズバとあげていただき、非常に納得のいく講座でした。
    ユーザ視点に立つ、という事がどういう事か?リテラシーの段階が違うユーザをそれぞれ満足させる為に必要なことは? など、具体的なコツなども教えていただき、これからサイトを作っていく時に非常に参考になると思いました。

  • 女性 40代

    この講座は「ユーザー視点でわかりやすいサイトを作る「UI設計のツボ」」でした

    具体例を挙げながら説明して頂けるので、とても分かりやすかったです。UI設計の考え方が、web制作だけではなく、お客様へのディレクション等にも活用できる、有意義な講座でした。

  • 女性 40代

    この講座は「制作に関わる全ての人にとって知っておくべき内容!!」でした

    テンポ良く進めて頂き全編通して興味深い内容でした。制作の際、半信半疑で進めていた事柄が分析された事例点やデータを元に分かりやすく解説頂いたことでクリアになったように思います。
    質問に真摯に対応してくれて大満足の内容でした。次回の講座も是非受講したいです。

  • 男性

    この講座は「ホームページコンサルなんかを考えている人には勉強になるのではないでしょうか」でした

    実際のウェブサイトを例に講義をされているのでイメージしやすかったです。

  • more

    この先生の他の講座

    relation

    関連講座

    watching

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