ハンバーガーメニューとは、Webサイトの右上・左上等によく設置されている“≡”マークのメニューのことです。“≡”をクリックするとサイドメニューなどが表示されるため、ユーザーはその中から好きなメニューを選択することができます。元々、ハンバーガーメニューはモバイル端末向けとして実装されるケースが一般的でした。しかし、現在はPC向けにおいてもハンバーガーメニューで統一するサイトが増えています。
ハンバーガーメニューは、ハンバーガーアイコンやハンバーガーボタンと呼ばれることがあります。また、メニューをクリックしたあとのアニメーションに種類があり、ドロワーメニューとドロップダウンメニューが有名です。ドロワーメニューは、左右からスライドしてメニューが表示されます。一方、ドロワーメニューは上からメニューが降りてくるようなアニメーションです。
ハンバーガーメニューを採用することでヘッダー部分にスペースを作ることができます。これにより、ファーストビューで伝えられる内容が増えるので大きなメリットです。また、“≡”ボタンのみでメニューがあることをユーザーに知らせることができます。非常にシンプルでほかのデザインに影響を与えないため、既存のサイトにも取り入れやすいです。
ハンバーガーメニューは、“≡”のアイコンが使用されますが、そのほかにもミートボール“…”、弁当メニューなどもあります。また、これらをまとめてハンバーガーメニューと表現することも多いです。
