単体04【福岡5月開催】直感的で快適なWEB環境を作る「スマホ用UIデザイン」

2019/05/18(土)17:00 〜 21:00 開催
ブックマーク

イベント内容

マンガUIデザインPromotion4:3.005.png

ハンバーガーメニューもレスポンシブデザインも、常識がくつがえるユーザー視点で作るスマホサイトのUIデザイン!

多くのサイトで、スマートフォンユーザーの利用率が60%を超え、今やスマホファーストのWEBデザインは必須といえます。その一方で、運用効率やコストの面から、レスポンシブ対応のデザインが求められ、デザイナー側の魅せるデザインとも相まって、サイト利用する側の「使いやすさ」や「わかりやすさ」が犠牲になっている側面は否めません。

大好評書籍「だから、そのデザインはダメなんだ。」の著者が、これまで多くの方からリクエストを頂いていた「使いやすい・分かりやすいスマートフォンサイトのUIデザイン」のテクニックやノウハウを全国初!博多会場にて書き下ろし初公開します!

▼こんなことを学びます (^_^)/★

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

▼こんなメリットがあります (^_^)/★

著名な企業のさまざまなWEBサイトを具体例に、スマートフォンにおけるUIの善し悪しを評価し、今まで当たり前だと思っていたデザインのセオリーに対して一石を投じ、「目からウロコ」の新しい『気づき』を実現していきます!

▼サンプル動画

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

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

▼サンプルスライド

03②:スマホサイトを根本から快適にする「UIデザインのツボ」.034.jpeg

03②:スマホサイトを根本から快適にする「UIデザインのツボ」.084.jpeg

▼講座内容 (^_^)/★

※各講座の内容は開発中のため、タイトルは仮であり内容は変更になる場合があります。

【スマートフォンとは】

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

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

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

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

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

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

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

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

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

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

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

▼他にもUIデザインに関する「基礎編」「応用編」「実戦編」「サイト分析編」があります。

くわしくは下記よりご確認ください。 https://continue.connpass.com

注意事項

※ こちらのイベント情報は、外部サイトから取得した情報を掲載しています。
※ 掲載タイミングや更新頻度によっては、情報提供元ページの内容と差異が発生しますので予めご了承ください。
※ 最新情報の確認や参加申込手続き、イベントに関するお問い合わせ等は情報提供元ページにてお願いします。