福岡一括①|他では絶対教えてくれないUIデザイン《基礎編・応用編》

UIデザインの基礎知識を徹底的に学べぶ1日!人間の特性を認知学の観点から学び、ユーザー視点のWEBサイトの必要性が学べる3本立て講座

learn

こんなことを学びます

<知ってると知らないでは、実力に大きな差がつくUIデザインの基礎を本気で学んでみませんか?>
Webを制作する際、デザインの格好良さだけに固執せず、『ユーザーが、どのような目的で利用しているのか? どんな情報を探しているのか?』を、ちゃんと考えていますか?

「ユーザー視点」でサイトの構造を考え、わかりやすい導線設計や、ユーザーが目的とする情報が探しやすくなるような「デザイン表現」を目指した『UIデザインの根本』。著名サイトの情報発信者目線の間違ったデザインやサイト構造を反面教師にして、本来あるべきUIデザインを徹底的に見直して行きます!


<まったく新しい視点でUIを構築できるようになります!>
このUIデザイン講座は、どんなことに気をつけて制作をすべきか?どんなことを想定してサイトを設計・構築して行くと、わかりやすく使いやすいWEBサイトを作れるのか?といった、UIデザインの根本となる基礎的考え方を改めて習得し、今までとはまったく違うWebデザインの表現方法を産み出せる意識を身に付けることを目的とした教育プログラムです。


<豊富な実績をもったUIの専門家がレクチャーします!>
電通グループで16年にわたり、著名なWEBサイトのリニューアルや新規構築プロジェクトを手がけた実績から、さまざまなUIに関する知見をご紹介します。
そして、勉強になるUI専門書として、大好評書籍「だから、そのデザインはダメなんだ。」の著者が、書籍には未掲載の最新ノウハウも交えて、「使いやすい・分かりやすいWEBデザイン」のためのプロでも知りたいテクニックや知識をご紹介します!


【講義内容】
<第2部:UIデザインの常識を改める「認知学から学ぶUIの基本」>
今まで常識だと思っていた『いつも目にするWEBデザイン』は、人間本来がもつ知覚能力の限界や、認知心理学などのデータを用いて検証していくと、実は使いにくい・わかりにくいデザインだったことに気づかされることでしょう。
キレイなデザインやカッコいいデザインだけじゃない、本当にユーザーの役に立つWEBデザインの仕掛けを理解できます。
【1】ある一定量を超えた情報に対して読みたくなくなる心理
【2】人間はそもそも見える範囲に限界がある
【3】クリック数よりクリックの質
【4】短期記憶がカギになるWEB閲覧
【5】男性と女性の意識の違い
【6】直感的なわかりやすさと使いやすさ
【7】ナビゲーションの分かりやすさの仕掛け
【8】誰でも使えるわけではない検索機能
【9】よくある質問は、よくない質問
▼サンプル動画
視野角2度の領域
https://youtu.be/kznD-1AmP_A
視線をコントロールする
https://youtu.be/m_gmQLyHTjU


<第3部:ユーザー視点でわかりやすいサイトを作る「UI設計のツボ」>
著名サイトで表現されているデザインやインタフェースは参考事例として注目を集めますが、そのユーザビリティ性能を分析していくと、実はユーザーにとっては使いにくい理由が、数多く浮かび上がってきます!
いつも目にするWEBデザインのユーザービリティを、有名サイトだからと安心せず、UIデザインの落とし穴と呼ぶべき盲点から、本来あるべきユーザビリティ性能とは何かをたっぷりと学びます。
【リテラシーに寄り添うコンテンツ編集】
・ターゲットのリテラシーを考えたコンテンツテーマと専門性
・もっとも欲しい情報にリーチすることこそUXだ。
・タイトルとリードで伝わる情報デザイン
・UIデザインはWEBサイトのおもてなし
【ユーザーとの接点を大切にするための考え方】
・検索窓を使わなくても、だれにでも使える検索機能
・ユーザーのニーズを捉えるサイト設計の考え方
・ユーザーニーズを捉える製品開発から見た市場の価値
・商品開発から探るユーザーのニーズとウォンツの重要性
・WEB戦略に基づくターゲットユーザーとそのユーザーニーズ
ユーザーの知りたい度を考える
https://youtu.be/Sjn2HoeAOug
タイトルとリードで伝わる情報デザイン
https://youtu.be/Rvat-8dBChA


<第4部:直感的で快適なWEB環境を作る「スマホ用UIデザイン」>
スマートフォンのサイト構築において、『本来あるべき使い勝手』や『わかりやすさ」の観点から、スマホ用UIデザインをユーザー視点に立って徹底的にその性能を検証し、あらゆるデザイナーのバイブルになるUIデザインの方向性や、最適なデザイン表現や構成レイアウトを学べぶことができます!

【スマートフォンとは】
【1】真の“スマートフォン”と言えるデバイスが2007年に誕生
【2】指で操作するスマートフォンのユーザビリティ

【「ハンバーガーメニュー」はユーザーにとって直感的か?】

【3】ハンバーガーメニューは直感性を下げている
【4】ハンバーガーメニューの普及率
【5】ハンバーガーメニューの種類
【6】ハンバーガーメニューは、なぜ多くの企業に採用されているのか?
【7】ハンバーガーメニューに存在する理想と現実
【8】スマートフォンでは階層構造を理解・把握しにくい
【9】直感性を損なわずに使えるスマホ用ナビゲーションメニュー
【10】使い方に注意が必要なスマホ用ナビゲーションメニュー

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

【スマートフォン環境における、Googleが描く快適な検索性の世界】
【16】グーグルモバイルファーストについて
【17】レスポンシブデザインとSEO効果の関係

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

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

【快適を維持するためのスマートフォン向けUI】
【22】右手でも左手でも押せる最適なボタン表現
【23】サイトロゴ以外からのトップページに戻る導線

▼サンプル動画
ハンバーガーメニューの普及率
https://youtu.be/P_YylxAvAo0
ユーザー視点に立ったドロップメニューの利用法
https://youtu.be/216gNitF5T4
続きを読む

日程・開催時間を選ぶ

受付中

5月18日(土)

09:30 - 20:45

福岡 / 中洲・博多

予約の締切り日

5月14日(火) 09:30 まで

参加人数

0/21人

開催場所

JR九州、福岡市営地下鉄 博多駅 徒歩4分
SMR1202 福岡市博多区博多駅前2-20-1 大博多ビル

価格(税込)

¥25,000

  • 受付中

    5月18日(土)

    09:30 - 20:45

    福岡 /中洲・博多

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

teacher

この講座の先生

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

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

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

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

detail

講座詳細

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

    トータルで10時間のロングラン講義になりますが、楽しめるように笑いを交えてお話しを進めていきます(^_^)/

    <開催時間 朝9時30分〜12時30分>
    第2部:UIデザインの常識を改める「認知学から学ぶUIの基本」

    〜〜お昼休憩1時間〜〜

    <開催時間 昼13時30分〜16時30分>
    第3部:ユーザーの視点に寄り添う〜わかりやすいUIデザインのツボ
    ※途中トイレ休憩を挟みます。

    〜〜小休憩〜〜

    <開催時間 夕16時45分〜20時45分>
    第4部:直感的で快適なWEB環境を作る「スマホ用UIデザイン」
    ※途中トイレ休憩を挟みます。

    最後に、質疑応答も含めたディスカッションで解散になります<(_ _)>

    ※第1部は東京会場のみで開催
  • こんな方を対象としています

    WEBデザイナー、UIデザイナー、ディレクターや企業の発注担当者など、
    実務として関わっている方で、
    高性能なUIデザインや、今までのWEBに対する知識や技量をもっと高めたい
    という方々に最適です。
  • 受講料の説明

    レッスン代、教材となる資料代、場所代が含まれています。
    ※デジタルでの資料は配付しません。
    ※札幌、福岡では遠方のための講師交通費・宿泊費が加算されています。
  • 受講する際は以下をお読み下さい

    ▼この講座は全講座を通しで受講できる講座
    1日目全受講(他では絶対教えてくれないUIデザインのワザをたっぷり学ぶ ①)※この講座です
    https://www.street-academy.com/myclass/31132

    ▼各講座を個別に受講することもできます。
    第2部 UIデザインの常識を改める「認知学から学ぶUIの基本」
    https://www.street-academy.com/myclass/32290
    第3部 ユーザーの視点に寄り添う〜わかりやすいUIデザインのツボ
    https://www.street-academy.com/myclass/32288
    第4部 直感的で快適なWEB環境を作る「スマホ用UIデザイン」
    https://www.street-academy.com/myclass/37360
    もご覧下さい。

    ▼より実戦に対応した講座
    第5部 ユーザー視点で作る「UI性能が高いサイト設計&提案書」
    https://www.street-academy.com/myclass/31133

    ※第1部、第6部は東京開催のみ

review

レビュー

  • 4

  • 楽しかった!( 2 )

  • 勉強になった!( 3 )

  • 行く価値あり!( 2 )

  • 女性 30代

    この講座は「楽しい講座」でした

    ご自身の経験からの講義でありながら、実生活で不便を感じるWebユーザビリティ、AIの問題点を洗い出すという非常に分かりやすくて実践的な講義でした。
    話も聞きやすく、時間を忘れるくらい楽しい講座でした。
    次回は、二日目に開催されているもっとより深く実践的な内容の講義も受けたいと思いました。

  • 女性 30代

    この講座は「楽しく学べる講座」でした

    専門外でしたが先生の話が面白く、とても楽しく学べます。
    ユーザーの目線、ニーズをしっかり分析された内容です。
    デザインの面白さを楽しく知ることができました。

  • 女性 40代

    この講座は「WEB制作者以外でも非常にためになる講座」でした

    参加でしているのはWEBデザイナーさんやSEの方などが多かったですが、企業のWEB担当者、あるいは自社でメディア等を立ち上げようとしている方にとっても、とてもためになる講座だと思います。
    長時間でしたが、事例を多く紹介してくださったので、最後まで飽きずに聴くことができました。受講してよかった、と思っています。

  • W1

    女性 30代

    この講座は「初心者にも分かりやすい内容」でした

    11時間という長時間でしたが講師の方の軽快な話術で短く感じられました。内容は個人的に期待していた内容とずれていている部分もありましたが、今後スマホサイトメインの講座が開催されることがあればまた参加したいです。

  • more

    この先生の他の講座

    relation

    関連講座

    watching

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