TECH PLAY

2022/05/29(日)14:30 〜 18:30
Bookmark Icon

【5月オンラむン開催】04盎感的で快適なスマホ環境を䜜るスマホ最適化UIデザむン

オンラむン

むベント内容

マンガUIデザむンPromotion.005.png

ハンバヌガヌメニュヌもレスポンシブデザむンも、垞識がく぀がえるナヌザヌ芖点で䜜るスマホサむトのUIデザむン

倚くのサむトで、スマヌトフォンナヌザヌの利甚率がを超え、今やスマホファヌストのWEBデザむンは必須ずいえたす。その䞀方で、運甚効率やコストの面から、レスポンシブ察応のデザむンが求められ、デザむナヌ偎の魅せるデザむンずも盞たっお、サむト利甚する偎の「䜿いやすさ」や「わかりやすさ」が犠牲になっおいる偎面は吊めたせん。

倧奜評曞籍「だから、そのデザむンはダメなんだ。」の著者が、これたで倚くの方からリク゚ストを頂いおいた「䜿いやすい・分かりやすいスマヌトフォンサむトのUIデザむン」のテクニックやノりハりを党囜初博倚䌚堎にお曞き䞋ろし初公開したす

▌こんなこずを孊びたす (^_^)/★

スマヌトフォンのサむト構築においお、『本来あるべき䜿い勝手』や『わかりやすさ」の芳点から、スマホ甚UIデザむンをナヌザヌ芖点に立っお培底的にその性胜を怜蚌し、あらゆるデザむナヌのバむブルになるUIデザむンの方向性や、最適なデザむン衚珟や構成レむアりトを孊べぶこずができたす

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

著名な䌁業のさたざたなWEBサむトを具䜓䟋に、スマヌトフォンにおけるUIの善し悪しを評䟡し、今たで圓たり前だず思っおいたデザむンのセオリヌに察しお䞀石を投じ、「目からりロコ」の新しい『気づき』を実珟しおいきたす

▌サンプル動画

レスポンシブデザむンの理想ず珟実
ナヌザヌには䞍䟿が増倧ドロップダりンメニュヌ

▌サンプルスラむド

再線04盎感的で快適なWEB環境を䜜るスマホ甚UIデザむン.065.png

再線04盎感的で快適なWEB環境を䜜るスマホ甚UIデザむン.187.png

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

【スマヌトフォンずは】

【】真の“スマヌトフォン”ず蚀えるデバむスが2007幎に誕生
【】指で操䜜するスマヌトフォンのナヌザビリティ

【ハンバヌガヌメニュヌはナヌザヌにずっお盎感的か】

【】ハンバヌガヌメニュヌは盎感的操䜜性を䞋げおいる
【】ハンバヌガヌメニュヌの普及率
【】ハンバヌガヌメニュヌの皮類
【】ハンバヌガヌメニュヌに存圚する理想ず珟実
【】スマヌトフォンでは階局構造を理解・把握しにくい
【】盎感性を損なわずに䜿えるスマホ甚ナビゲヌションメニュヌ

【レスポンシブデザむンでは実珟しないスマヌトフォンぞの最適化】

【】レスポンシブデザむンの普及率
【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

泚意事項

※ こちらのむベント情報は、倖郚サむトから取埗した情報を掲茉しおいたす。

※ 掲茉タむミングや曎新頻床によっおは、情報提䟛元ペヌゞの内容ず差異が発生したすので予めご了承ください。

※ 最新情報の確認や参加申蟌手続き、むベントに関するお問い合わせ等は情報提䟛元ペヌゞにおお願いしたす。

Doorkeeper