福岡博多一括① 5月開催|他では絶対教えてくれないUIデザインのワザをたっぷり学ぶ《基礎・応用編》

2019/05/18(土)09:00 〜 20:45 開催
ブックマーク
参加枠申込形式参加費 参加者
受講料
先着順 25,000円
クレジットカード払い
0人 / 定員17人

イベント内容

Alt text

知ってると知らないでは、実力に大きな差がつくUIデザインの基礎を本気で学んでみませんか?

Webデザインを制作する際に、デザインの格好良さだけに固執せず、『サイトを利用するユーザーが、どのような目的で利用しているのか? どんな情報を探しているのか?』ということを、皆さんはちゃんと考えていますか? 「ユーザー視点」でサイトの構造を考え、わかりやすい導線設計や、ユーザーが目的とする情報が探しやすくなるような「デザイン表現」を目指した『UIデザインの基礎』を、WEBサイト以外のさまざまな日常的な事例や、世に公開されている著名サイトがくり返す情報発信側目線の間違ったデザインやサイト構造を反面教師にして、本来あるべきUIデザインについての「本質」を基礎からしっかり身につけられます!

まったく新しい視点でUIを構築できるようになります!

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

豊富な実績をもったUIの専門家がレクチャーします!

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

第2部:UIデザインの常識を改める「認知学から学ぶUIの基本」

Alt text 今まで常識だと思っていた『いつも目にするWEBデザイン』は、人間本来がもつ知覚能力の限界や、認知心理学などのデータを用いて検証していくと、実は使いにくい・わかりにくいデザインだったことに気づかされることでしょう。 キレイなデザインやカッコいいデザインだけじゃない、本当にユーザーの役に立つWEBデザインの仕掛けを理解できます。

【1】ある一定量を超えた情報に対して読みたくなくなる心理
【2】人間はそもそも見える範囲に限界がある
【3】クリック数よりクリックの質
【4】短期記憶がカギになるWEB閲覧
【5】男性と女性の意識の違い
【6】直感的なわかりやすさと使いやすさ
【7】ナビゲーションの分かりやすさの仕掛け
【8】誰でも使えるわけではない検索機能
【9】よくある質問は、よくない質問

▼サンプル動画

第3部:ユーザーの視点に寄り添う「わかりやすいUIデザインのツボ」

Alt text 著名サイトで表現されているデザインやインタフェースは参考事例として注目を集めますが、そのユーザビリティ性能を分析していくと、実はユーザーにとっては使いにくい理由が、数多く浮かび上がってきます! いつも目にするWEBデザインのユーザービリティを、有名サイトだからと安心せず、UIデザインの落とし穴と呼ぶべき盲点から、本来あるべきユーザビリティ性能とは何かをたっぷりと学びます。

【リテラシーに寄り添うコンテンツ編集】

・ターゲットのリテラシーを考えたコンテンツテーマと専門性 ・もっとも欲しい情報にリーチすることこそUXだ。 ・タイトルとリードで伝わる情報デザイン

【ユーザーとの接点を大切にするための考え方】

・UIデザインはWEBサイトのおもてなし ・検索窓を使わなくても、だれにでも使える検索機能 ・ユーザーのニーズを捉えるサイト設計の考え方 ・ユーザーニーズを捉える製品開発から見た市場の価値 ・WEB戦略に基づくターゲットユーザーとそのユーザーニーズ ・女性向け生活総合雑誌が実現したターゲットシフトによる成功例

▼サンプル動画

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

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

▼講座内容 (^_^)/★

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

【スマートフォンとは】

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

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

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

【レスポンシブデザインでは実現しないスマートフォンへの最適化】

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

【スマートフォン環境における、Googleが描く快適な検索性の世界】

  • グーグルモバイルファーストについて
  • レスポンシブデザインとSEO効果の関係

【入力操作を快適にする入力フォームの良し悪し】

  • 入力ミスを起こさせないインタフェース
  • ユーザー視点に立った入力の省力化

【操作を分断しないモーダル表示、アコーディオン表示】

  • モーダル表示にはTPOが大切
  • スマートフォンの閲覧性を左右するアコーディオン表示

【快適を維持するためのスマートフォン向けUI】

  • 右手でも左手でも押せる最適なボタン表現
  • サイトロゴ以外からのトップページに戻る導線

▼サンプル動画

各講座を個別に受講することもできます。こちらもご覧下さい。

福岡で開催されるUIデザインセミナーの一覧
※ 当日予告なく時間配分・内容が変更になる可能性がございます。 ※ 第1部、第6部は東京のみで開催のため、本講座には含まれていません。

登壇者

Alt text
合資会社コンティニュ・ジェーピー
情報デザインストラテジスト

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

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

こんな方におすすめ

Web制作初心者だけでなく、本当にユーザーの役に立つWEBデザインを修得したい実務経験者にも最適です。

  • UIデザインに関わっている人(ディレクター、デザイナー、広報担当など)
  • もっと効率的で評価されるUIデザインを勉強したい方
  • WEBサイトやUIデザインについて役立つ情報がほしい方

など、WEBがわからない人には特におすすめです。

参加費のお支払いについて

本イベントの参加費は、クレジットカードでの事前支払いとなります。
ご利用可能なクレジットカードをご用意いただき、お支払い手続きを行ってください。