多くのサイトで、スマートフォンユーザーの利用率が60%を超え、今やスマホファーストのWEBデザインは必須といえます。その一方で、運用効率やコストの面から、レスポンシブ対応のデザインが求められ、デザイナー側の魅せるデザインとも相まって、サイト利用する側の「使いやすさ」や「わかりやすさ」が犠牲になっている側面は否めません。
▼こんなことを学びます (^_^)/★
スマートフォンのサイト構築において、『本来あるべき使い勝手』や『わかりやすさ」の観点から、スマホ用UIデザインをユーザー視点に立って徹底的にその性能を検証し、あらゆるデザイナーのバイブルになるUIデザインの方向性や、最適なデザイン表現や構成レイアウトを学べぶことができます!
著名な企業のさまざまなWEBサイトを具体例に、スマートフォンにおけるUIの善し悪しを評価し、今まで当たり前だと思っていたデザインのセオリーに対して一石を投じ、「目からウロコ」の新しい『気づき』を実現していきます!
▼サンプル動画
レスポンシブデザインの理想と現実
https://youtu.be/nyzv6R-kz5s?t=35ユーザーには不便が増大!ドロップダウンメニュー
https://youtu.be/FH0FVhMcg_4?t=36【スマートフォンとは】
【1】真の“スマートフォン”と言えるデバイスが2007年に誕生
【2】指で操作するスマートフォンのユーザビリティ
【「ハンバーガーメニュー」はユーザーにとって直感的か?】
【3】ハンバーガーメニューは直感的操作性を下げている
【4】ハンバーガーメニューの普及率
【5】ハンバーガーメニューの種類
【6】ハンバーガーメニューに存在する理想と現実
【7】スマートフォンでは階層構造を理解・把握しにくい
【8】直感性を損なわずに使えるスマホ用ナビゲーションメニュー
【レスポンシブデザインでは実現しないスマートフォンへの最適化】
【9】レスポンシブデザインの普及率
【10】レスポンシブデザインがもたらすメリット
【11】レスポンシブデザインに存在する理想と現実
【12】レスポンシブデザインは、適合化であって最適化ではない
【13】スマートフォンサイトの未来を作るモバイルファースト
【スマートフォン環境における、Googleが描く快適な検索性の世界】
【14】 グーグルモバイルファーストについて
【15】レスポンシブデザインとSEO効果の関係
【入力操作を快適にする入力フォームの良し悪し】
【16】ユーザー視点に立った入力の省力化
【操作を分断しないモーダル表示、アコーディオン表示】
【17】モーダル表示にはTPOが大切
【18】スマートフォンの閲覧性を左右するアコーディオン表示
【快適を維持するためのスマートフォン向けUI】
【19】右手でも左手でも押せる最適なボタン表現
【20】サイトロゴ以外からのトップページに戻る導線
▼東京で開催した同セミナーのレビューはこちら
https://www.street-academy.com/myclass/37429#class-reviews-area《オンライン講座も開講中!》
ーーーーーーーーーーーーーーーーーーーー
▼著名企業のUIデザインを性能で比較する①「インタフェース編」の
オンラインセミナー版(短縮バージョン)
https://www.street-academy.com/myclass/74097ーーーーーーーーーーーーーーーーーーーー
その4:良い悪いが比べてわかる!使いやすいナビゲーション
->
https://www.street-academy.com/myclass/81470ーーーーーーーーーーーーーーーーーーーー
▼02:UIデザインの常識を改める「認知学から学ぶUIの基本」の
オンラインセミナー版(分割バージョン)
https://www.street-academy.com/myclass/15973ーーーーーーーーーーーーーーーーーーーー
その1:認知学などのデータから学ぶUIデザイン
->
https://www.street-academy.com/myclass/81440その2:わかりやすいサイトを作るUIデザインのポイント
->
https://www.street-academy.com/myclass/81446その10:ブランド価値とUI性能を高める色彩計画
->
https://www.street-academy.com/myclass/82781ーーーーーーーーーーーーーーーーーーーー
▼03:ユーザーのニーズとリテラシーを基準に考える〜UIデザインの
オンラインセミナー版(分割バージョン)
https://www.street-academy.com/myclass/16175ーーーーーーーーーーーーーーーーーーーー
その3:UIデザインが成すべきユーザー視点の重要性
->
https://www.street-academy.com/myclass/81466その8:ユーザーとの接点を大切にする「ニーズ」の考え方
->
https://www.street-academy.com/myclass/82667その9:ユーザーに支持される情報デザイン
->
https://www.street-academy.com/myclass/82669ーーーーーーーーーーーーーーーーーーーー
▼04:直感的で快適なWEB環境を作る「スマホ用UIデザイン」の
オンラインセミナー版(分割バージョン)
https://www.street-academy.com/myclass/37429ーーーーーーーーーーーーーーーーーーーー
その5:スマホサイトを快適にするナビゲーション性能
->
https://www.street-academy.com/myclass/81479その6:スマホサイト〜ハンバーガーメニューの理想と現実
->
https://www.street-academy.com/myclass/82662その7:スマホサイト〜レスポンシブデザインの理想と現実
->
https://www.street-academy.com/myclass/82551/ーーーーーーーーーーーーーーーーーーーー
▼ 05東京:提案の説得力を高める「ユーザー視点のUI設計&提案書」の
オンラインセミナー版(分割バージョン)
https://www.street-academy.com/myclass/29417ーーーーーーーーーーーーーーーーーーーー
平日3日コース:提案の説得力を高める「ユーザー視点のUI設計&提案書」
->
https://www.street-academy.com/myclass/82433