福岡市博多区博多駅前2-20-1
「ユーザー視点」でサイトを作ることは、当たり前なようで当たり前ではありません。そして、その考え方を身に付けるには、しっかりとしたポリシーとノウハウを合わせもつことが重要と言えます。
ユーザーの立場に立って、「誰が何を知りたいのか?」という根本的な情報デザインの基本構造を考え、わかりやすいサイト内の遷移構造を設計するための具体的な事例をふんだんに使って講義します!
このUIデザイン講座は、どんなことに気をつけて制作をすべきか?どんなことを想定してサイトを設計・構築して行くと、わかりやすく使いやすいWEBサイトを作れるのか?といった、UIデザインの根本となる基礎的考え方を改めて習得し、今までとはまったく違うWebデザインの表現方法を産み出せる意識を身に付けることを目的とした教育プログラムです。
電通グループで17年にわたり、著名なWEBサイトのリニューアルや新規構築プロジェクトを手がけた実績から、さまざまなUIに関する知見をご紹介します。
そして、勉強になるUI専門書として、大好評書籍「だから、そのデザインはダメなんだ。」の著者が、書籍には未掲載の最新ノウハウも交えて、「使いやすい・分かりやすいWEBデザイン」のためのプロでも知りたいテクニックや知識をご紹介します!
スマートフォンのサイト構築において、『本来あるべき使い勝手』や『わかりやすさ」の観点から、スマホ用UIデザインをユーザー視点に立って徹底的にその性能を検証し、あらゆるデザイナーのバイブルになるUIデザインの方向性や、最適なデザイン表現や構成レイアウトを学べぶことができます!
※各内容は開発中のため、タイトルは仮であり内容は変更になる場合があります。
【1】右手、左手、片手、両手?
【2】親指が届く範囲と操作性
【3】スマホ画面上の視線移動
【4】iPhoneとGalaxy端末の画面反応の違い
【5】メニューの固定表示
【7】大多数の企業で採用されているからOKなのか?
【8】だから、このメニューはダメなんだ。
【9】サイト構造を理解できないのはなぜ?
【10】直感性を損なわないさまざまなナビゲーションメニュー
【11】直感性を損なうカルーセルナビ
【12】適合化であって最適化ではない
【13】レスポンシブのメリット
【14】レスポンシブにより失うもの
【15】カルーセルパネルに必要な本当のUI
【16】アップルやグーグルがガイドラインで規定する最適なボタンサイズ
【17】最低限認識可能なアイコンサイズや表現方法
【18】最適なボタンやテキストリンクの感覚
【19】右手でも左手でも押せる最適なボタン表現
【20】意味の通じないアイコンやピクトグラムならいらない
【21】モーダル表示は、直感性を阻害することがある
【22】モーダル表示は、開けた後「閉じる」操作が問題
【23】やってはいけないモーダルの落とし穴
【24】スマートフォンでは別窓表示は禁じ手
【25】知りたい度に答えるアコーディオン表示
【26】やってはいけないアコーディオン表示
【27】アコーディオン表示を閉じた後現在位置を見失わないポイント
【28】ユーザー視点に立った入力の省力化
【29】スマートフォンではタブ操作ができない
【30】選択肢は「比較」できることが必要
【31】入力制限を緩くしてストレスを無くす
【32】入力ミスを起こさせないインタフェース
【33】ユーザーに正しい入力を促すことがエラー文言の目的
Webデザインのリニューアルや新規の提案の際は、議論の中心は常にデザイン表現になりますが、今の時代、デザインの善し悪しももちろん大切ですが、「使いやすさ」や「わかりやすさ」と合わせてサイトの「利用価値」が大変重要になって来ています。
使いやすく・わかりやすいWEBサイトを設計するためのユーザー視点の考え方と戦略を例にノウハウを初公開、勝てる提案書作成法も解説します!
【1】WEBサイトの歴史と、今後のWEBサイトのトレンドと方向性
【2】市場構造の移り変わりに対応して変化してきた消費行動モデル
【3】ユーザーの消費行動に対するサイトの役割を見据える
【4】サイトの課題をあぶり出す着眼点
【5】WEB戦略に基づくターゲットユーザーとそのユーザーニーズ
【6】企業のブランディングとWEBサイトの役割
【7】ユーザーのサイト内行動とビジネスゴールを洗い直す
【8】決裁者はだれかを考えたBtoBサイトの着目ポイント
【9】競合分析による業界のトレンド(役割)を洗い出す
【10】重箱の隅をつつくような分析にしないためのポイント
【11】continue式ヒューリスティック分析レーダーチャート
【12】オリエンの内容を疑え!本質を見極める提案ポイント
【13】情報の要。ユーザー心理と対話するサイトナビゲーション
【14】情報の多様性とターゲットのバリエーションに密接に関わる検索性能
【15】出口戦略に沿ったコンテンツ構成と問い合わせフォーム
【16】ビジネスコンバージョンを上げるためのWEBフォームの設計
【17】サイト構造図(サイト内遷移図)の作成がアピールできるポイント
【18】誰に何を知ってもらいたいのか?
【19】提案書のあるべき方向性を考察する
【20】提案書をよりよくしていくためのポイント
【21】「勝つ提案書」のための具体例
【22】少ない時間で、個別の課題を調査できるノウハウ(着眼点)
知ってると知らないでは、実力に大きな差がつくUIデザインの基礎をとことん学べる、他に類を見ないUIデザインセミナーです! <まったく新しい視点で、初心者にもわかりやすく、UIデザインを楽しく理解できるようになります!> このUIデザイン講座は、どんなことに気をつけて制作をすべきか?どんなことを想定してサイトを設計・構築して行くと、わかりやすく使いやすいWEBサイトを作れるのか?といった...
メンバーになる