【大阪/梅田開催】①他では絶対教えてくれないUIデザイン《基礎編・応用編》

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

知ってると知らないでは、実力に大きな差がつく
UIデザインの基礎を本気で学んでみませんか?
「ユーザー視点」でサイトの構造を考え、わかりやすい導線設計や、ユーザーが目的とする情報が探しやすくなるような「デザイン表現」を目指した『UIデザインの基礎』を、WEBサイト以外のさまざまな日常的な事例や、世に公開されている著名サイトがくり返す情報発信側目線の間違ったデザインやサイト構造を反面教師にして、本来あるべきUIデザインについての「本質」を基礎からしっかり身につけられます!
まったく新しい視点でUIを構築できるようになります!
このUIデザイン講座は、どんなことに気をつけて制作をすべきか?どんなことを想定してサイトを設計・構築して行くと、わかりやすく使いやすいWEBサイトを作れるのか?といった、UIデザインの根本となる基礎的考え方を改めて習得し、今までとはまったく違うWebデザインの表現方法を産み出せる意識を身に付けることを目的とした教育プログラムです。
豊富な実績をもったUIの専門家がレクチャーします!
電通グループで16年にわたり、著名な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】ターゲットのリテラシーを考えたコンテンツテーマと専門性
【8】検索窓を使わなくても、だれにでも使える検索機能
【9】もっとも欲しい情報にリーチすることこそUXだ。
【10】タイトルとリードで伝わる情報デザイン
【11】メイン導線とサブ導線で分かれるターゲットの興味
【12】注意喚起は見てもらわなければ意味がない
【13】ユーザーの利用シーンを考慮した表組み
【14】登録フォームはいかに入力要素を削減できるかがカギ!
【15】ストレスがためない入力フォーム
第3部②:スマホサイトを根本から快適にする「UIデザインのツボ」
スマートフォンのサイト構築において、『本来あるべき使い勝手』や『わかりやすさ」の観点から、スマホ用UIデザインをユーザー視点に立って徹底的にその性能を検証し、あらゆるデザイナーのバイブルになる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】最低限認識可能なアイコンサイズや表現方法
こんな方におすすめ
Web制作初心者だけでなく、本当にユーザーの役に立つWEBデザインを修得したい実務経験者にも最適です。 ・UIデザインに関わっている人(ディレクター、デザイナー、広報担当など) ・もっと効率的で評価されるUIデザインを勉強したい方 ・WEBサイトやUIデザインについて役立つ情報がほしい方 など、今までのWEBに対する知識や技量をもっと高めたいという方々にお奨めです。

受講予約・お申込
受講料:24,000円
▼Doorkeeperからの申込はこちら
大阪一括① 9月開催|他では絶対教えてくれないUIデザインのワザをたっぷり学ぶ《基礎・応用編》
▼Peatixからの申込はこちら

関連記事





ページ上部へ戻る