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?conversion_name=direct_message&tracking_code=dc699252efcafc0cfb1bf930763afb91
★UI性能を科学的裏付ける!
第2部 UIデザインの常識を改める「認知学から学ぶUIの基本」
https://www.street-academy.com/myclass/15973?conversion_name=direct_message&tracking_code=feeb62894264041ac5ca7367b47cc984
★著名サイトを反面教師に!※この講座です
第3部 ユーザー視点でわかりやすいサイトを作る「UI設計のツボ」
https://www.street-academy.com/myclass/16175?conversion_name=direct_message&tracking_code=7d8f151eca867189d4eb8b979527c35a
★具体的な事例でわかる!
第4部 ブランド価値を高める「ユーザーに支持されるUIデザイン」
https://www.street-academy.com/myclass/23310?conversion_name=direct_message&tracking_code=6418c17a19486113cda23986c72afccb
★実戦的知識を身につけたい!
第5部 ユーザー視点で作る「UI性能が高いサイト設計&提案書」
https://www.street-academy.com/myclass/29417?conversion_name=direct_message&tracking_code=257ffd41bfd8f94ffe8aa8e5233e2fca
★今すぐ業務に使いたい!
第6部 初めてでもできる!「かんたんサイト分析/説得力ある評価レポート」
https://www.street-academy.com/myclass/20569?conversion_name=direct_message&tracking_code=51ef753abfba19bcd233536c9c99998d

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

開催予定の日程一覧

過去に開催した日程一覧

香西 睦 さんの他の講座

teacher

この講座の先生

香西 睦

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

「だから、そのデザインはダメなんだ。 WebサイトのUI設計・情報デザイン 良い・悪いが比べてわかる」著者(エムディエヌコーポレーション刊)
昨今のWebサイト構築には、IA(インフォメーション・アーキテクト)による情報設計が必要だという認識がやっと定着し、あらゆる場面で IA が引く... もっと見る >>

detail

講座詳細

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

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

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

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

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

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

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

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

review

レビュー

  • 女性 30代

    この講座は「自分の常識は他人の常識ではないということを気づかされた講座」でした

    今回で2回目の受講でした。
    制作側の都合で作ったサイトはユーザーにとっては見難いものであったり、使いにくいものであるということ、そして私たち制作側、パソコンで仕事をしている人にとっては常識であっても、パソコンを使用していないユーザーにとってはそれが全く未知のものであるということがわかりました。また次回時間が合えば今回の続きのセミナーを受講したいと思います。

  • 女性 40代

    この講座は「WEBサイト作成初心者でもわかりやすい講座」でした

    UIデザインの基本を学び直す「だから、そのデザインはダメなんだ。」の1〜6講座の中の3です
    良いサイト、悪いサイトの例がふんだんに出て来て
    ユーザー側に立ったサイト設計という意識が身につきます
    3、4を連続で受講しました

  • 男性 20代

    この講座は「ユーザー視点の大切さを再認識できる講座」でした

    世に出回ってるサイトや一般的な見せ方が使いやすいとは限らないことが再認識できました。

  • 男性 30代

    この講座は「新し視点を発見出来る講座」でした

    内容が非常にボリュームもあり、今後に生かせそうです。

  • 女性 30代

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

    経験値で何となく理解していた事が、理論だててはっきり理解できました。
    密度濃く、最後まで充実した内容でした。
    今後の仕事に生かせそうです。webサイトに関わる仕事をしているなら受講して損はないと思います。
    受講して良かったです。

  • 女性 20代

    この講座は「デザインをロジックとして考えられる講座」でした

    初心者でしたが、大変わかりやすかったです。
    デザインの抽象的な講座ではなく、
    人間の心理や男女の違いなど
    様々な観点でサイトを構築することの大切さを学びました。
    それも、リアルな商材を比較しながらなので
    大変わかりやすかったです!
    他講座も全部受ける予定です!

  • 女性 20代

    この講座は「新たな気づきがある講座」でした

    ユーザーにストレスを感じずサイトを利用してもらうためには、どう情報設計をすべきか実例を踏まえて、深く学習できました。

    また、自分が認識していたユーザーのスキルと、実際のユーザーのスキルが思いのほかかけ離れていたため、それを知るいい機会にもなりました。

  • 女性 30代

    この講座は「サイトを作る前に学べて良かった」でした

    私はデザイナーですがweb制作には携わっていません。これから自分のサイトを作ろうと思っているので参加しました。web制作にはまだ詳しくないので内容を理解できるか心配でしたが、小手先のテクニックではなく、そもそも論だったので、専門的な知識がなくても理解できました。サイトを作る前に学べて良かったです。しなくて良い失敗をせずに済みます。

  • 男性

    この講座は「使いやすいweb設計の方法を知る」でした

    悪い事例と良い事例を比較し、なぜそれが使いづらいのか、なぜそれが使いやすいのかを、1つ1つ納得しながら学べました。

  • 女性 30代

    この講座は「有意義な時間が過せます」でした

    例題をあげ、どこが良いのかどこが悪いのかを3時間みっちり解説していただきました。
    普段何気なく見ているサイトのUI設計が見られ勉強になりました。