困ったときにはこれを見る！スマホサイトのサイトメニュー、サイトタイプ別40選まとめ

みなさん、サイトのスマートフォン対応できていますか？ スマートフォンサイトを作る時は、PCサイトと色々と勝手が違うのでいちいち迷ってしまいますよね。 今回はその中でもスマートフォンサイトのメニューの部分に着目し、傾向と対策を紹介したいと思います。 スマートフォンサイトの事例を 「メディア系サイト」「ECサイト」「コーポレートサイト」「サービスサイト」 の4つのタイプに分けて10個ずつ用意しました。 それでは一気に見て行きましょう。  

メニューの定義：「ドロワー」「ハンバーガー」とは スマートフォンのメニューのこと

今回のテーマであるメニュー部分とはどの部分をさすのかを、まずご紹介します。 今回注目しているメニューとは、スマートフォンサイトの「menu」部分、PCサイトで言うグローバルナビゲーションの部分です。 タップによってメニューが出てくるスタイルをスマートフォンで作り出したのがFacebookと言われており、引き出すイメージから「ドロワーメニュー」、アイコン部分の形（≡：水平の三本線）から「ハンバーガーメニュー」と呼ばれています。 スマートフォンはPCに比べて表示される面積が限られている分、見やすくする為の工夫やアイディアが必須になります。 メニュー部分はまさにサイトの中核となりうる部分ですので、事前にしっかり研究してよりよいスマートフォンサイトを作りましょう。 それでは早速サイトタイプごとに事例をご紹介します。記事の続きを読む