ハンバーガーメニューとは、スマートフォンでホームページを見たとき、よく見かけるメニューの一つです。3本の横線が特徴的なボタンです。
これをタッチすると3本線がバツ印に変わり、グローバルナビゲーションが表示されたり、合わせて検索ボックスや問い合わせボタン、SNSボタンが表示されることもあります。バツ印をタッチすると、グローバルナビゲーションが消えて、3本線に戻ります。
「ハンバーガー」というのは、この3本線の上下をパン、真ん中の線を具材に見立てたことから名づけられたようです。
ハンバーガーメニューを用いることのメリット、デメリットをそれぞれ挙げます。
・画面がすっきりする
本来表示されているメニューが隠れているので、画面が広く使えます。特にスマートフォンなどの小さい画面では便利です。主にスマートフォンで見かけることの方が多いでしょう。
PCサイトでもメニューを隠す必要があるホームページでは利用されます。
・メニューだと認識されている
この3本線がメニューのボタンであることは多くの方が認知しています。そのため、画面遷移をしたいときはこのボタンをタップ(クリック)すれば良いと、ユーザーに分かってもらえます。
・デザインを邪魔しない
グローバルナビゲーションを画面から隠すことができるので、画面がすっきりし、デザインの自由度が増えます。
・タップ(クリック)しないとメニューが見えない
メニューを見るために1段階手間が増えるので、タップ(クリック)回数を少しでも減らしたいサイトでは不向きです。
・メニューの中身を見逃される可能性がある
メニューが隠れているため、ホームページを訪れた人が画面を見て必要な情報が無いと判断をする場合があります。つまり、本当は存在するコンテンツを認識しないまま、訪れた人がホームページを離れる可能性があります。
ハンバーガーメニューは、多くの情報をしまえるため、スマートフォンでは特に必要な機能です。しかしタップ(クリック)しないとメニューが見えないため、不便に感じるユーザーも一定数います。
便利な機能ですので、重要な情報が隠れないように工夫をしつつ利用しましょう。