04東京:直感的で快適なWEB環境を作る「スマホ用UIデザイン」

レスポンシブやハンバーガーメニューの落とし穴、 スマホサイトに必要な使いやすさとわかりやすさを考察し、スマホのUIに一石を投じる4時間です。

こんなことを学びます

かねてからリクエストが多かった「スマートフォン用UIデザイン」の講座が新登場!!

多くのサイトで、スマートフォンユーザーの利用率が60%を超え、今やスマホファーストのWEBデザインは必須といえます。その一方で、運用効率やコストの面から、レスポンシブ対応のデザインが求められ、デザイナー側の魅せるデザインとも相まって、サイト利用する側の「使いやすさ」や「わかりやすさ」が犠牲になっている側面は否めません。

大好評書籍「だから、そのデザインはダメなんだ。」の著者が、これまで多くの方からリクエストを頂いていた「使いやすい・分かりやすいスマートフォンサイトのUIデザイン」のテクニックやノウハウをデータに基づいて解説します!


▼こんなことを学びます (^_^)/★
スマートフォンのサイト構築において、『本来あるべき使い勝手』や『わかりやすさ」の観点から、スマホ用UIデザインをユーザー視点に立って徹底的にその性能を検証し、あらゆるデザイナーのバイブルになるUIデザインの方向性や、最適なデザイン表現や構成レイアウトを学べぶことができます!

▼こんなメリットがあります (^_^)/★
著名な企業のさまざまなWEBサイトを具体例に、スマートフォンにおけるUIの善し悪しを評価し、今まで当たり前だと思っていたデザインのセオリーに対して一石を投じ、「目からウロコ」の新しい『気づき』を実現していきます!

▼サンプル動画
レスポンシブデザインの理想と現実
https://youtu.be/nyzv6R-kz5s?t=35

ユーザーには不便が増大!ドロップダウンメニュー
https://youtu.be/FH0FVhMcg_4?t=36

【スマートフォンとは】
【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/P_YylxAvAo0
ユーザー視点に立ったドロップメニューの利用法
https://youtu.be/216gNitF5T4
続きを読む

日程・開催時間を選ぶ

受付中

3月15日(日)

16:45 - 21:00

東京 / 銀座・大手町

予約締切日時

3月14日(土) 16:45 まで

参加人数

1/12人

開催場所

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

価格(税込)

¥12,000

  • 受付中

    3月15日(日)

    16:45 - 21:00

    東京 /銀座・大手町

    選択中 選択
  • 参加できる日程がありませんか?
    先生に開催リクエストを送ってみましょう!
    開催リクエストする
受けたい
81人が受けたい登録しています

開催日程

3月15日(日) 16:45 - 21:00

¥12,000
参加人数 1/12人
場所 山手線・京浜東北線・中央線・銀座線 神田駅 徒歩1分

この講座の先生

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

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

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

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

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

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

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

    約115分ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
    本編講義(前編)

    《休憩》

    約80分ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー
    本編講義(後編)

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

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

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

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

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

      ▼この講座は知識編講座の第4部です。
      ★初心者でわかる導線と動線!
      第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
      UPDATE!! 第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
    ※ストアカでは全講座に保険が適用されます。詳しくはストアカ補償制度をご覧ください。

    レビュー

    • 11
    • 楽しかった!( 3 )
    • 勉強になった!( 7 )
    • 行く価値あり!( 8 )
  • W1

    女性 30代

    この講座は「なるほど!と思うことや、新しい発見が詰まった時間」でした

    普段使っているスマホでも、こんな機能があったのかという驚きや、普段みているサイトでの新しい気づきなどがあり、とても充実した時間が過ごせました。4時間ほどありましたが、聞けは聞くほど吸い込まれるような世界なので、あっという間に過ぎてしまいます。参加してとても良かったとおもっています。

  • W1

    女性

    この講座は「最短で確実に、スキルと考え方を刷新できる講座」でした

    ハンバーガーメニュー等、SPサイトで当たり前とされる表現が本当に相応しいのかなど、より具体的に知る事ができました。個人的には、3.4の連続受講がベストだと思いました。
    価格について気にされる方もいらっしゃるかもしれませんが、内容が本格的なため、最短で確実に、スキルと考え方を刷新できるいう意味では良心的なようにも思いました。

  • W1

    女性 30代

    この講座は「ユーザー視点のスマホUIの考え方が分かる」でした

    「みんなが使っているから」「開発しやすいから」という理由をぶった切り、ユーザー目線で使いやすいデザインとはどういうものか?という内容をしっかり教えてもらえる講座でした。
    今後のサイト制作の参考にしていきたいと思います。

  • W1

    女性 30代

    この講座は「ユーザー目線を気づかせてくれる講座」でした

    とことんユーザー目線でサイトを設計するのが大事だと気付くことができた講座でした!
    データなども見ながらなので納得感もありますし、具体例を見ながらどこがいいか悪いかなど示してもらえるのでとてもわかりやすかったです。

  • M3

    男性 20代

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

    どうしても感覚重視に陥ってしまいがちな「(サイトの)デザイン」という項目について理詰めで解説していただき、とても勉強になりました!!

  • この先生の他の講座

    関連講座

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

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