サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
災害への備え
agtsmartphonedesign.com
スマホ向けWEBサイトデザイン集 AGT smartphone design galleryは、クオリティの高い、スマートフォン対応Webサイトを集めたギャラリーサイトです。
スマホサイトの場合、表示領域の制約からメニュー、特にローカルメニューの優先度は高くないケースもありますが、コーポレートサイトでは、同カテゴリーの情報を次々に見ていきたいというニーズもあるため、それに配慮したサイトも見られるようになりました。本エントリーでは、回遊やサイト構造の理解に貢献できそうな手法をご紹介します。 2016年のリニューアルが話題となったJALのコーポレートサイトです。 ハンバーガーメニューでは、グローバルメニューが開閉式となりローカルメニューも表示できるようになっていますが、それに加え、ローカルメニューに特化したショートカットアイコンを置くことで、同カテゴリ内の回遊性を高める工夫をしています。 2017年4月に社名を変えたSUBARUのサイトです。 ページタイトルの右にローカルメニューアイコンがあり、タップするとフロートメニューが展開します。 下にスクロールした際は、ペー
※2017/08/30追記 続編の記事をアップしましたのでそちらも合わせてどうぞ スマホサイトのローカルメニューを集めました(その2) ページ数が少ないサイトであれば、ハンバーガーメニューで何も不自由はありませんが、深い階層を持つ大規模サイトの場合、シンプルなハンバーガーメニューだけでは足りず、各サイトいろいろな方法で対応をしています。 そんなわけで、深い階層のメニュー「ローカルメニュー」について集めてみました。 ハンバーガーメニュー内で開閉するタイプ IMJさんのWebサイトです。 ハンバーガーメニュー内がアコーディオン形式のメニューになっており、そこに下階層ページへのリンクがあります。 レスポンシブ対応サイトとして設計しやすく、よく見かける構成です。 ページ遷移に関することはハンバーガーメニューに集約されており、理解しやすい作りになっています。 ハンバーガーメニュー内で横遷移するタイプ
このページを最初にブックマークしてみませんか?
『スマホサイト WEBデザイン集 AGT smartphone design gallery』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く