03②東京:スマホサイトを根本から快適にする〜UIデザインのツボ

ハンバーガーメニューもレスポンシブデザインも、常識がくつがえるユーザー視点で作るスマホサイトのUIデザイン!

learn

こんなことを学びます

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

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

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


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

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


※各内容は開発中のため、タイトルは仮であり内容は変更になる場合があります。

【スマートフォンとは】
【1】真の“スマートフォン”と言えるデバイスが2007年に誕生
【2】スマートフォンはどっちで使う?右手?左手?片手?両手?

【スマートフォンには欠かせない「ハンバーガーメニュー」】
【3】ハンバーガーメニューの普及率を徹底調査
【4】ハンバーガーメニューの種類
【5】ハンバーガーメニューは、なぜ多くの企業に採用されているのか?
【6】だから、ハンバーガーメニューはダメなんだ。
【7】スマートフォンでは階層構造を理解・把握しにくい
【8】直感性を損なわずに使えるスマホ用ナビゲーションメニュー
【9】使い方に注意が必要なスマホ用ナビゲーションメニュー

【レスポンシブデザインが実現できるスマートフォンへの最適化】
【10】レスポンシブデザインの普及率
【11】レスポンシブデザインがもたらすメリット
【12】レスポンシブデザインによって失われるモノ
【13】レスポンシブデザインは、適合化であって最適化ではない
【14】スマートフォンサイトの未来を作るモバイルファースト

【入力操作を快適にする入力フォームの良し悪し】
【15】入力ミスを起こさせないインタフェース
【16】ユーザー視点に立った入力の省力化

【操作を分断しないモーダル表示、アコーディオン表示】
【17】モーダル表示にはTPOが大切
【18】スマートフォンの閲覧性を左右するアコーディオン表示

【快適を維持するためのスマートフォン向けUI】
【19】グーグルモバイルファーストについて
【20】右手でも左手でも押せる最適なボタン表現
【21】最低限認識可能なアイコンサイズや表現方法
続きを読む

日程・開催時間を選ぶ

受付中

7/14 (土) 1:00PM - 5:00PM

予約の締切り日

7/13(金) 1:00PM まで

参加人数

3/12人

開催場所

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

価格

¥10,000

  • 受付中

    7/14 (土) 1:00PM - 5:00PM

    選択
  • 日程が合わないですか?
    気軽に先生に開催リクエストしてください。
    開催リクエストする
受けたい
12人が受けたい登録しています

teacher

この講座の先生

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

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

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

detail

講座詳細

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

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

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

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

    《休憩》

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

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

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

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

    ▼この講座は7部構成の第3部②です。

    ★初心者でわかる導線と動線!
    第1部 ユーザー視点のUIデザインへのヒント「街中のサイン表示」
    https://www.street-academy.com/myclass/15959
    ★UI性能を科学的裏付ける!
    第2部 UIデザインの常識を改める「認知学から学ぶUIの基本」
    https://www.street-academy.com/myclass/15973
    ★著名サイトを反面教師に!
    第3部① ユーザー視点でわかりやすいサイトを作る「UI設計のツボ」
    https://www.street-academy.com/myclass/16175
    NEW!! 第3部② スマホサイトを根本から快適にする「UIデザインのツボ」◆この講座です
    https://www.street-academy.com/myclass/37429
    ★ユーザー視点WEBブランディング!
    第4部 ブランド価値を高めていく「ユーザー視点のUIデザイン」
    https://www.street-academy.com/myclass/23310
    ★実戦的知識を身につけたい!
    第5部 ユーザー視点で作る「UI性能が高いサイト設計&提案書」
    https://www.street-academy.com/myclass/29417
    ★今すぐ業務に使いたい!
    第6部 初めてでもできる!「かんたんサイト分析/説得力ある評価レポート」
    https://www.street-academy.com/myclass/20569

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

review

レビュー

  • 1

  • 楽しかった!( 0 )

  • 勉強になった!( 1 )

  • 行く価値あり!( 0 )

  • 女性

    この講座は「知りたいことが学べる講座」でした

    数値化された資料があるので説得力がある講座でした。

  • more

    この先生の他の講座

    関連講座

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

    最近チェックした講座