Doorkeeper

【6月オンライン開催】04:直感的で快適なスマホ環境を作る「スマホ最適化UIデザイン」

2022-06-26(日)14:30 - 18:30 JST
オンライン リンクは参加者だけに表示されます。
申し込む

申し込み受付は終了しました

今後イベント情報を受け取る

12,000円 前払い
この講座は別サイト(Peatix、connpass、ストアカ)でも同時募集しています。 募集の最大定員は6名ですが、最小開催人数は3名以上となりますので、人数に達しない場合は開催されない場合があります。その際は開催をキャンセルし全額返金されます。

詳細

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

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

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

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

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

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

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

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

▼サンプル動画

レスポンシブデザインの理想と現実
ユーザーには不便が増大!ドロップダウンメニュー

▼サンプルスライド

再編04:直感的で快適なWEB環境を作る「スマホ用UIデザイン」.065.png

再編04:直感的で快適なWEB環境を作る「スマホ用UIデザイン」.187.png

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

【スマートフォンとは】

【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】サイトロゴ以外からのトップページに戻る導線

▼ご注意

※この講座の最小開催人員は3名以上です。人員が集まらない場合は翌月に延期になります。
※講座内で配布する資料のPDFなどのデジタルでの資料配付はありません。
※この講座は、受講内容の理解をより深める目的で、
 講師が受講生と一部会話しながら進めて行く部分があります。
 話しかけられることが苦手な方は事前にお申し出ください。

▼こんな方におすすめ

Web制作初心者だけでなく、本当にユーザーの役に立つWEBデザインを修得したい実務経験者にも最適です。
* UIデザインに関わっている人(ディレクター、デザイナー、広報担当など)
* もっと効率的で評価されるUIデザインを勉強したい方
* WEBサイトやUIデザインについて役立つ情報がほしい方
など、今までのWEBに対する知識や技量をもっと高めたいという方々にお奨めです。

▼参加方法

オンライン配信する講座の参加申し込みになります。
「zoom」というオンライン会議用アプリを利用します。
お持ちのインターネットに接続できるパソコンやスマホ・タブレットでご参加ください。
「zoom」がはじめてという方は、「zoomって何?参加するには、どうすればいいの?」というページが参考になりますのでご覧下さい。

▼事前準備・ご注意

◎後日、講師よりグループメッセージ(メッセージ)にて講座の参加用URLが送られる
◎zoomがはじめての方は、お送りしたオンライン接続URLをクリックし、画面の手順に沿ってzoomアプリをインストールしておいてください。ログイン認証があります。
◎オンライン開催時のみ、ドキュメントのPDF(4面付け)の配布を行います。

◎音声等が途切れたりする場合があります。
◎受講の際は、映像をONにして受講者本人の映像を講師が確認できる環境で受講をお願いします。
◎この講座は、受講内容の理解をより深める目的で、
 講師が受講生と一部会話しながら進めて行く部分があります。
 話しかけられることが苦手な方は事前にお申し出ください。
◎ご質問は随時受け付けますが、ご自身の業務に関わる質問の場合、他の受講者に配慮してお応えできない場合があります。

▼講座のキャンセルについて

開催7日前までにキャンセルされる場合は、参加費用の全額払い戻しをします。
開催6日前〜前日までのキャンセルには、キャンセル手数料6.100%+振込手数料を差し引かせてのご返金になる場合があります。
※当日もしくはご連絡がない場合の締切後のキャンセルには応じられません。
※この講座は別サイト(ストアカ、Peatix、Doorkeeper)でも同時募集しています。

▼他にもUIデザインに関する基礎編・応用編・実戦編があります。
 くわしくは下記よりご確認ください。
https://continue.doorkeeper.jp/events/upcoming

コミュニティについて

【オンライン・東京開催】初心者でも楽しくUIデザインがすぐわかる!香西睦のUIデザインセミナー

【オンライン・東京開催】初心者でも楽しくUIデザインがすぐわかる!香西睦のUIデザインセミナー

知ってると知らないでは、実力に大きな差がつくUIデザインの基礎をとことん学べる、他に類を見ないUIデザインセミナーです! <まったく新しい視点で、初心者にもわかりやすく、UIデザインを楽しく理解できるようになります!> このUIデザイン講座は、どんなことに気をつけて制作をすべきか?どんなことを想定してサイトを設計・構築して行くと、わかりやすく使いやすいWEBサイトを作れるのか?といった、...

メンバーになる