03東京:ユーザー視点でわかりやすいサイトを作る「UI設計のツボ」

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

learn

こんなことを学びます

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

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


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


【インタフェース編】
・トップページの位置づけと求められる役割
・トップページ「カルーセルパネル」の見せ方善し悪し
・ナビゲーションの位置づけと求められる役割
・『次』が見えるナビゲーション
・『次』を明示させるヘルプ機能
・機能がわかるボタンらしいフラットデザイン
・スマホ版の使いやすいメニューとハンバーガーメニュー
・検索窓を使わない検索機能
【コンテンツページ編集構成編】
・重要なことはPV数を稼ぐことではなく伝えること
・タイトルとリードで伝わる情報デザイン
・メイン導線とサブ導線で分かれるターゲットの興味
・リピートユーザーには内容だけでなく情報鮮度も大切
・注意喚起は見てもらわなければ意味がない
・ユーザーの利用シーンを考慮した編集
・ターゲットのリテラシーを考えたコンテンツテーマと専門性
・登録フォームはいかに入力要素を削減できるかがカギ!
・ストレスがためない入力フォーム


▼この講座は6部構成の第3部です。
★初心者でわかる導線と動線!
第1部 ユーザー視点のUIデザインへのヒント「街中のサイン表示」
https://www.street-academy.com/myclass/15959?=direct_message&=dc699252efcafc0cfb1bf930763afb91
★UI性能を科学的裏付ける!
第2部 UIデザインの常識を改める「認知学から学ぶUIの基本」
https://www.street-academy.com/myclass/15973?=direct_message&=feeb62894264041ac5ca7367b47cc984
★著名サイトを反面教師に!※この講座です
第3部 ユーザー視点でわかりやすいサイトを作る「UI設計のツボ」
https://www.street-academy.com/myclass/16175?=direct_message&=7d8f151eca867189d4eb8b979527c35a
★具体的な事例でわかる!
第4部 ユーザーの知りたいことにちゃんと応える「伝わるUIデザイン」
https://www.street-academy.com/myclass/23310?=direct_message&=6418c17a19486113cda23986c72afccb
★実戦的知識を身につけたい!
第5部 ユーザー視点で作る「UI性能が高いサイト設計&提案書」
https://www.street-academy.com/myclass/29417?=direct_message&=257ffd41bfd8f94ffe8aa8e5233e2fca
★今すぐ業務に使いたい!
第6部 初めてでもできる!「かんたんサイト分析/説得力ある評価レポート」
https://www.street-academy.com/myclass/20569?=direct_message&=51ef753abfba19bcd233536c9c99998d

▼時間の都合がつかない!基本からしっかり学びたい!という方
★受講者の希望する日程と場所で受講できる!
『東京AL:UIデザインの基本を学び直す「誰も知らなかった基礎知識」』
もオススメです。
https://www.street-academy.com/myclass/24069?=direct_message&=01f2156ee7bbc9e155d6a6fbae03337c
続きを読む

日程・開催時間を選ぶ

受付中

5/20 (日) 1:00PM - 5:00PM

予約の締切り日

5/19(土) 1:00PM まで

参加人数

6/12人

開催場所

山手線・京浜東北線・中央線・銀座線 神田駅 徒歩2分
7階・小会議室 東京都千代田区内神田3-24-5 エッサム神田ホール2号館

価格

¥6,000

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

teacher

この講座の先生

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

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

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

detail

講座詳細

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

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

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

    約160分ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
    本編講義

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

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

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

    ■ご注意
    日程スケジュール見直しに伴い3月開催より費用改定します。
  • 受講する際は以下をお読み下さい

review

レビュー

  • 24

  • 楽しかった!( 5 )

  • 勉強になった!( 20 )

  • 行く価値あり!( 12 )

  • 女性 40代

    この講座は「ポイントが分かる講座」でした

    どんなところを注意すべきか良くわかりました。

  • W3

    女性

    この講座は「WEBページの良し悪しが分かる」でした

    具体的な事例を見ながらWEBページの良し悪し、どういう観点でみるかがわかって大変有意義な時間でした。

  • 男性 40代

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

    こちらの講座は6部構成でしたが、
    私自身、ある程度の知識がありましたので、この講座から受講しました。

    結果から申しますと、欲しい情報を得ることが出来ました。

    ・良い点
    実例があるので、とても分かりやすいです。
    先生の話も聞きやすいので、理解度が高いと思います。
    資料も見やすい工夫がされています。

    ・注意点
    テンポが良いので、ある程度のWEBリテラシーが必要だと思います。
    ただフレンドリーな先生なので質問すれば対応してくれると思います。


    【総評】
    経験が邪魔をして、常識のレベルがユーザと乖離していた事に
    気付くことが出来ました。
    タイトル通りの良い講座でした。

  • 男性

    この講座は「ユーザー視点に立ったUIが学べる講座」でした

    私自身は実際にサイトを作る側の人間ではなくて、指示する立場なのですが、過去にwebサイトなどの作成したような経験は無かったので、今回の講座で指針となる視点が持てとても有意義な講座でした。

  • 女性 30代

    この講座は「ユーザー視点を再度認識させられる講座」でした

    分かっているようで、分かっていなかったユーザー視点を「なぜダメなのか」分かりやすく説明してくださいました。
    悪いデザイン、良いデザインを実際の企業のサイトを元に説明してくださるので理解が深まりました。
    続きも是非受講したいです。

  • more

    この先生の他の講座

    関連講座

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