お客さまがご利用のブラウザはサポートされていないため、正常に利用できない可能性があります。 お手数ですが、こちらをご確認いただき推奨環境のブラウザをインストールしてご利用ください。

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

対面

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

こんなことを学びます

多くのサイトで、スマートフォンユーザーの利用率が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】サイトロゴ以外からのトップページに戻る導線


《オンライン講座も開講中!》
ーーーーーーーーーーーーーーーーーーーー
▼初心者歓迎!楽しく学ぶユーザー視点のUIデザイン体験版の
 オンラインセミナー版(短縮バージョン)
 https://www.street-academy.com/myclass/53500
ーーーーーーーーーーーーーーーーーーーー
体験版:UIデザインはだから大切!
-> https://www.street-academy.com/myclass/81387

ーーーーーーーーーーーーーーーーーーーー
▼著名企業のUIデザインを性能で比較する①「インタフェース編」の
 オンラインセミナー版(短縮バージョン)
 https://www.street-academy.com/myclass/74097
ーーーーーーーーーーーーーーーーーーーー
その4:良い悪いが比べてわかる!使いやすいナビゲーション
-> https://www.street-academy.com/myclass/81470

ーーーーーーーーーーーーーーーーーーーー
▼02:UIデザインの常識を改める「認知学から学ぶUIの基本」の
 オンラインセミナー版(分割バージョン)
 https://www.street-academy.com/myclass/15973
ーーーーーーーーーーーーーーーーーーーー
その1:認知学などのデータから学ぶUIデザイン
-> https://www.street-academy.com/myclass/81440
その2:わかりやすいサイトを作るUIデザインのポイント
-> https://www.street-academy.com/myclass/81446
その10:ブランド価値とUI性能を高める色彩計画
-> https://www.street-academy.com/myclass/82781

ーーーーーーーーーーーーーーーーーーーー
▼03:ユーザーのニーズとリテラシーを基準に考える〜UIデザインの
 オンラインセミナー版(分割バージョン)
 https://www.street-academy.com/myclass/16175
ーーーーーーーーーーーーーーーーーーーー
その3:UIデザインが成すべきユーザー視点の重要性
-> https://www.street-academy.com/myclass/81466
その8:ユーザーとの接点を大切にする「ニーズ」の考え方
-> https://www.street-academy.com/myclass/82667
その9:ユーザーに支持される情報デザイン
-> https://www.street-academy.com/myclass/82669

ーーーーーーーーーーーーーーーーーーーー
▼04:直感的で快適なWEB環境を作る「スマホ用UIデザイン」の
 オンラインセミナー版(分割バージョン)
 https://www.street-academy.com/myclass/37429
ーーーーーーーーーーーーーーーーーーーー
その5:スマホサイトを快適にするナビゲーション性能
-> https://www.street-academy.com/myclass/81479
その6:スマホサイト〜ハンバーガーメニューの理想と現実
-> https://www.street-academy.com/myclass/82662
その7:スマホサイト〜レスポンシブデザインの理想と現実
-> https://www.street-academy.com/myclass/82551/

ーーーーーーーーーーーーーーーーーーーー
▼ 05東京:提案の説得力を高める「ユーザー視点のUI設計&提案書」の
 オンラインセミナー版(分割バージョン)
 https://www.street-academy.com/myclass/29417
ーーーーーーーーーーーーーーーーーーーー
平日3日コース:提案の説得力を高める「ユーザー視点のUI設計&提案書」
-> https://www.street-academy.com/myclass/82433
続きを読む

開催日程がありません

開催予定エリア

新大阪・十三

価格(税込)

¥12,500

現在は開催リクエストを受け付けていません
受けたい
8人が受けたい登録しています

対面受講日程

開催日程はありません。

この講座の先生

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

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

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

昨今のWebサイト構築には、UI/UXの重要性がやっと認識され、Webサイト制作のなかに情報デザインが定着し、あらゆる場面で IA (インフォメーションアーキテクト)やUIデザイナーやUXデザイナーが引く手あまたになっている状況と言ってもよい時代になりました。
そんな中で、Webサイトの制作担当者やWEBデザイナーが、もっと、ユーザーの視点に立ち、快適でわかりやすいWEBデザインを修得・実践できる機会になればと、『ユーザー視点のUIデザイン講座』を開設することにしました。

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

    ▼所要時間:約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部は東京会場のみで開催
    ※ストアカでは講座に適用される保険を用意しています。詳しくはストアカ補償制度をご覧ください。

    レビュー1

    • 楽しかった!( 1 )
    • 勉強になった!( 1 )
    • 行く価値あり!( 1 )
  • M3

    男性 40代

    この講座は「直感的で快適なWEB環境を作る「スマホ用UIデザイン」でした

    講義ありがとうございました。
    アプリ製作中ですが、とてもわかりやすく、参考になりました。
    ありがとうございました。

  • この先生の他の講座

    82

    開催リクエスト受付中

    銀座・大手町 / オンライン

    関連講座

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

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