大阪4:直感的で快適なWEB環境を作る「スマホ用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】最低限認識可能なアイコンサイズや表現方法
続きを読む

日程・開催時間を選ぶ

受付中

4月14日(日)

16:45 - 20:45

大阪 / 新大阪・十三

予約の締切り日

4月10日(水) 16:45 まで

参加人数

1/12人

開催場所

JR西日本・大阪メトロ 新大阪駅 徒歩2分
アットビジネスセンターPREMIUM新大阪(正面口駅前) 大阪府大阪市淀川区西中島5-14-10 新大阪トヨタビル9F

価格(税込)

¥12,000

  • 受付中

    4月14日(日)

    16:45 - 20:45

    大阪 /新大阪・十三

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

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
    UPDATE!! 第3部(https://www.street-academy.com/myclass/18298
    第4部(https://www.street-academy.com/myclass/40673)※このページです
    1日目の全講座を割引受講できる一括版は下記をご覧下さい。
    一括版(https://www.street-academy.com/myclass/29142

    ▼さらに実戦編もあります。
    UPDATE!! 第5部(https://www.street-academy.com/myclass/30274

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

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

more

この先生の他の講座

relation

関連講座

watching

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