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

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

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

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

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

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

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

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

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

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

▼サンプル動画

• 視野角２度の領域

• 視線をコントロールする

＜第3部①：ユーザー視点でわかりやすいサイトを作る「UI設計のツボ」＞

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

▼インタフェース編

1. トップページの位置づけと求められる役割
2. トップページ「カルーセルパネル」の見せ方善し悪し
3. ナビゲーションの位置づけと求められる役割
4. 『次』が見えるナビゲーション
5. 機能がわかるボタンらしいフラットデザイン
6. スマホ版の使いやすいメニューとハンバーガーメニュー
7. 『無駄』なことをさせないヘルプ表示

▼コンテンツページ編集構成編

1. ターゲットのリテラシーを考えたコンテンツテーマと専門性
2. 検索窓を使わなくても、だれにでも使える検索機能
3. もっとも欲しい情報にリーチすることこそUXだ。
4. タイトルとリードで伝わる情報デザイン
5. メイン導線とサブ導線で分かれるターゲットの興味
6. 注意喚起は見てもらわなければ意味がない
7. ユーザーの利用シーンを考慮した表組み
8. 登録フォームはいかに入力要素を削減できるかがカギ！
9. ストレスがためない入力フォーム

▼サンプル動画

• ユーザーの知りたい度を考える

• タイトルとリードで伝わる情報デザイン

＜第3部②：スマホサイトを根本から快適にする「UIデザインのツボ」＞

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

【スマートフォンとは】

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

【使ってはいけない｢ハンバーガーメニュー｣】

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

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

1. レスポンシブデザインの普及率
2. レスポンシブデザインがもたらすメリット
3. レスポンシブデザインによって失われるモノ
4. レスポンシブデザインは、適合化であって最適化ではない
5. スマートフォンサイトの未来を作るモバイルファースト

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

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

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

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

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

1. グーグルモバイルファーストについて
2. 右手でも左手でも押せる最適なボタン表現
3. 最低限認識可能なアイコンサイズや表現方法

▼サンプル動画

• ハンバーガーメニューの普及率

• ユーザー視点に立ったドロップメニューの利用法

▼こんな方におすすめ

Web制作初心者だけでなく、本当にユーザーの役に立つWEBデザインを修得したい実務経験者にも最適です。
* UIデザインに関わっている人（ディレクター、デザイナー、広報担当など）
* もっと効率的で評価されるUIデザインを勉強したい方
* WEBサイトやUIデザインについて役立つ情報がほしい方
など、今までのWEBに対する知識や技量をもっと高めたいという方々にお奨めです。