tag:peatix.com,2011:1 2019-11-01T12:45:17+09:00 Peatix Mutsumi Kozai tag:peatix.com,2018:event-384885 2018-06-10T09:30:00JST 2018-06-10T09:30:00JST

グロースハッカーもノドから手が出るほど知りたい、ユーザー視点で作るスマホサイトのUIデザイン！大好評書籍「だから、そのデザインはダメなんだ。」の著者が、これまで多くの方からリクエストを頂いていた「使いやすい・分かりやすいスマートフォンサイトのUIデザイン」のテクニックやノウハウを全国初！博多会場にて書き下ろし初公開します！多くのサイトで、スマートフォンユーザーの利用率が６０％を超え、今やスマホファーストのWEBデザインは必須といえます。その一方で、運用効率やコストの面から、レスポンシブ対応のデザインが求められ、デザイナー側の魅せるデザインとも相まって、サイト利用する側の「使いやすさ」や「わかりやすさ」が犠牲になっている側面は否めません。▼こんなことを学びます (^_^)/★スマートフォンのサイト構築において、『本来あるべき使い勝手』や『わかりやすさ」の観点から、スマホ用UIデザインをユーザー視点に立って徹底的にその性能を検証し、あらゆるデザイナーのバイブルになるUIデザインの方向性や、最適なデザイン表現や構成レイアウトを学べぶことができます！▼こんなメリットがあります (^_^)/★著名な企業のさまざまなWEBサイトを具体例に、スマートフォンにおけるUIの善し悪しを評価し、今まで当たり前だと思っていたデザインのセオリーに対して一石を投じ、「目からウロコ」の新しい『気づき』を実現していきます！【講義内容】※各内容は開発中のため、タイトルは仮であり内容は変更になる場合があります。※12時〜13時は昼食休憩となります。【スマートフォンとは】【１】真の“スマートフォン”と言えるデバイスが2007年に誕生【２】スマートフォンはどっちで使う？右手？左手？片手？両手？【スマートフォンには欠かせない｢ハンバーガーメニュー｣】【３】ハンバーガーメニューの普及率を徹底調査【４】ハンバーガーメニューの種類【５】ハンバーガーメニューは、なぜ多くの企業に採用されているのか？【６】だから、ハンバーガーメニューはダメなんだ。【７】スマートフォンでは階層構造を理解・把握しにくい【８】直感性を損なわずに使えるスマホ用ナビゲーションメニュー【９】使い方に注意が必要なスマホ用ナビゲーションメニュー【レスポンシブデザインで注意すること】【10】適合化であって最適化ではない【11】レスポンシブのメリット【12】レスポンシブにより失うもの【13】カルーセルパネルに必要な本当のUI【快適を維持するためのボタン性能】【14】アップルやグーグルがガイドラインで規定する最適なボタンサイズ【15】最低限認識可能なアイコンサイズや表現方法【16】最適なボタンやテキストリンクの感覚【17】右手でも左手でも押せる最適なボタン表現【18】意味の通じないアイコンやピクトグラムならいらない【操作を分断しないモーダル表示、アコーディオン表示】【19】モーダル表示は、直感性を阻害することがある【20】モーダル表示は、開けた後「閉じる」操作が問題【21】やってはいけないモーダルの落とし穴【22】スマートフォンでは別窓表示は禁じ手【23】知りたい度に答えるアコーディオン表示【24】やってはいけないアコーディオン表示【25】アコーディオン表示を閉じた後現在位置を見失わないポイント【入力操作を快適にする入力フォームの良し悪し】【26】ユーザー視点に立った入力の省力化【27】スマートフォンではタブ操作ができない【28】選択肢は「比較」できることが必要【29】入力制限を緩くしてストレスを無くす【30】入力ミスを起こさせないインタフェース【31】ユーザーに正しい入力を促すことがエラー文言の目的【グーグルモバイルファーストについて】▼個別に各講座を受講することもできます。第3部②（スマホサイトを根本から快適にする『UIデザインのツボ』）※この講座です第5部（ユーザー視点で作る「UI性能が高いサイト設計＆提案書」）▼2日目の全講座を通しで受講できます。2日目全受講（②他では絶対教えてくれないUIデザインのワザをたっぷり学ぶ《実戦編》）▼基礎編・応用編はこちら1日目全受講（①他では絶対教えてくれないUIデザインのワザをたっぷり学ぶ《基礎編・応用編》）第2部（UIデザインの常識を改める「認知学から学ぶUIの基本」）第3部①（ユーザー視点でわかりやすいサイトを作る「UI設計のツボ」PCサイト編）第4部（ユーザーニーズにちゃんと応える「伝わるUIデザイン」の妙）