tag:peatix.com,2011:1 2020-01-26T08:52:54+09:00 Peatix Mutsumi Kozai tag:peatix.com,2020:event-1347673 2020-01-18T09:15:00JST 2020-01-18T09:15:00JST

知ってると知らないでは、実力に大きな差がつくUIデザインの基礎を本気で学んでみませんか？Webデザインを制作する際に、デザインの格好良さだけに固執せず、『サイトを利用するユーザーが、どのような目的で利用しているのか？ どんな情報を探しているのか？』ということを、皆さんはちゃんと考えていますか？「ユーザー視点」でサイトの構造を考え、わかりやすい導線設計や、ユーザーが目的とする情報が探しやすくなるような「デザイン表現」を目指した『UIデザインの基礎』を、WEBサイト以外のさまざまな日常的な事例や、世に公開されている著名サイトがくり返す情報発信側目線の間違ったデザインやサイト構造を反面教師にして、本来あるべきUIデザインについての「本質」を基礎からしっかり身につけられます！まったく新しい視点でUIを構築できるようになります！このUIデザイン講座は、どんなことに気をつけて制作をすべきか？どんなことを想定してサイトを設計・構築して行くと、わかりやすく使いやすいWEBサイトを作れるのか？といった、UIデザインの根本となる基礎的考え方を改めて習得し、今までとはまったく違うWebデザインの表現方法を産み出せる意識を身に付けることを目的とした教育プログラムです。豊富な実績をもったUIの専門家がレクチャーします！電通グループで17年にわたり、著名なWEBサイトのリニューアルや新規構築プロジェクトを手がけた実績から、さまざまなUIに関する知見をご紹介します。そして、勉強になるUI専門書として、大好評書籍「だから、そのデザインはダメなんだ。」の著者が、書籍には未掲載の最新ノウハウも交えて、「使いやすい・分かりやすいWEBデザイン」のためのプロでも知りたいテクニックや知識をご紹介します！第2部：UIデザインの常識を改める「認知学から学ぶUIの基本」今まで常識だと思っていた『いつも目にするWEBデザイン』は、人間本来がもつ知覚能力の限界や、認知心理学などのデータを用いて検証していくと、実は使いにくい・わかりにくいデザインだったことに気づかされることでしょう。キレイなデザインやカッコいいデザインだけじゃない、本当にユーザーの役に立つWEBデザインの仕掛けを理解できます。【１】ある一定量を超えた情報に対して読みたくなくなる心理【２】人間はそもそも見える範囲に限界がある【３】短期記憶がカギになるWEB閲覧【４】直感的なわかりやすさと使いやすさ【５】クリック数よりクリックの質【６】ユーザーの潜在的で本質的なニーズをあぶり出す【７】分かりやすいナビゲーションの仕掛け【８】色彩による情報認知とイメージカラー【９】論理的な色彩計画によるブランディング（この章のみデジタル画像配布）【10】男女では情報の捉え方に異なる傾向がある▼サンプル動画* [ユーザーはWEBを読んでいない]https://youtu.be/02ozQygzTxw?t=36* [ユーザーがWEBを見る範囲には限界がある！]https://youtu.be/jFS5sKh3AVA?t=35第3部：ユーザーのニーズとリテラシーを基準に考える「UIデザイン」著名サイトで表現されているデザインやインタフェースは参考事例として注目を集めますが、そのユーザビリティ性能を分析していくと、実はユーザーにとっては使いにくい理由が、数多く浮かび上がってきます！いつも目にするWEBデザインのユーザービリティを、有名サイトだからと安心せず、UIデザインの落とし穴と呼ぶべき盲点から、本来あるべきユーザビリティ性能とは何かをたっぷりと学びます。【リテラシーに寄り添うコンテンツ編集】【１】UIとは？【２】UXとUIの違い。一般の人が見えていない世界を見据えることの重要性【３】制作側の常識が利用者の常識にはならない時代の変化【４】使う側のリテラシーに寄り添う【５】もっとも欲しい情報にリーチすることこそUXだ【６】タイトルとリードで伝わる情報デザイン【ユーザーとの接点を大切にするための考え方】【７】検索窓を使わなくても、だれにでも使える検索機能【８】よくある質問は、よくない質問【９】UIデザインはWEBサイトのおもてなし【10】ユーザーのニーズを捉えるサイト設計の考え方【11】ユーザーニーズを読み解くWEB戦略に基づく3W1H【12】ユーザー視点から実現したターゲットシフトによる成功例▼サンプル動画* ユーザーの知りたい度https://youtu.be/IppO9j8B5Ow?t=31* 紙幣デザインから知る！ユーザー視点のデザイン品質https://youtu.be/5stXMlO1UBs?t=36* 使う側のリテラシーに寄り添https://youtu.be/IlnciFU15Rw?t=36第4部：直感的で快適なWEB環境を作る｢スマホ用UIデザイン｣スマートフォンのサイト構築において、『本来あるべき使い勝手』や『わかりやすさ」の観点から、スマホ用UIデザインをユーザー視点に立って徹底的にその性能を検証し、あらゆるデザイナーのバイブルになるUIデザインの方向性や、最適なデザイン表現や構成レイアウトを学べぶことができます！▼講座内容 【スマートフォンとは】【１】真の“スマートフォン”と言えるデバイスが2007年に誕生<br>【２】指で操作するスマートフォンのユーザビリティ<br>【｢ハンバーガーメニュー｣はユーザーにとって直感的か？】【３】ハンバーガーメニューは直感的操作性を下げている<br>【４】ハンバーガーメニューの普及率<br>【５】ハンバーガーメニューの種類<br>【６】ハンバーガーメニューに存在する理想と現実<br>【７】スマートフォンでは階層構造を理解・把握しにくい<br>【８】直感性を損なわずに使えるスマホ用ナビゲーションメニュー<br>【レスポンシブデザインでは実現しないスマートフォンへの最適化】【９】レスポンシブデザインの普及率<br>【10】レスポンシブデザインがもたらすメリット<br>【11】レスポンシブデザインに存在する理想と現実<br>【12】レスポンシブデザインは、適合化であって最適化ではない<br>【13】スマートフォンサイトの未来を作るモバイルファースト<br>【スマートフォン環境における、Googleが描く快適な検索性の世界】【14】 グーグルモバイルファーストについて<br>【15】レスポンシブデザインとSEO効果の関係<br>【入力操作を快適にする入力フォームの良し悪し】【16】ユーザー視点に立った入力の省力化<br>【操作を分断しないモーダル表示、アコーディオン表示】【17】モーダル表示にはTPOが大切<br>【18】スマートフォンの閲覧性を左右するアコーディオン表示<br>【快適を維持するためのスマートフォン向けUI】【19】右手でも左手でも押せる最適なボタン表現<br>【20】サイトロゴ以外からのトップページに戻る導線<br>▼サンプル動画* レスポンシブデザインの理想と現実https://youtu.be/nyzv6R-kz5s?t=35* ユーザーには不便が増大！ドロップダウンメニューhttps://youtu.be/FH0FVhMcg_4?t=36各講座を個別に受講することもできます。こちらもご覧下さい。[大阪で開催されるUIデザインセミナーの一覧]※ 当日予告なく時間配分・内容が変更になる可能性がございます。※ 第1部は東京のみで開催のため、本講座には含まれていません。登壇者合資会社コンティニュ・ジェーピー<br>情報デザインストラテジスト<br>香西睦だから、そのデザインはダメなんだ。WebサイトのUI設計・情報デザイン 良い・悪いが比べてわかる<br>著者（エムディエヌコーポレーション刊）<br>~~~1989年にグラフィックデザイナーとして独立。1995年に大手電機メーカー系のWebサイト制作を多数手がける中、Adobe Flashのクリエーターとしても活躍後、2001年、電通グループ 株式会社デジタルパレット（現電通アイソバー株式会社）の設立時より現在に至るまで、独自のデザイン理論とユーザー視点の構造設計・情報デザインで、大手企業のWebサイト構築やリニューアルプロジェクトの中心メンバーとして多数参画。~~~▼こんな方におすすめWeb制作初心者だけでなく、本当にユーザーの役に立つWEBデザインを修得したい実務経験者にも最適です。* UIデザインに関わっている人（ディレクター、デザイナー、広報担当など）* もっと効率的で評価されるUIデザインを勉強したい方* WEBサイトやUIデザインについて役立つ情報がほしい方など、WEBがわからない人には特におすすめです。