ハンバーガーメニュー
Hamburger Menu
Webサイトやアプリで、3本線のアイコンをタップすると開くメニュー一覧のこと。
簡単に説明すると
ハンバーガーメニューっていうのは、画面の隅にある3本線のアイコンを押すと表示されるメニュー一覧のことだよ。 スマホなどの画面が狭い端末で、ページ移動のリンクや設定項目を1箇所にまとめて隠しておくために使われているんだ。 画面の表示領域を節約しながら、複数のページ案内や機能を1つのボタンの中に整理して格納しているよ。
名前のヒミツ
3本線の見た目がパンと具材を重ねたハンバーガーに似ていることから名付けられたよ。 英語の「Hamburger Menu」から来ていて、日本だけでなく海外でも同じ名称で呼ばれているよ。
くわしく見てみよう！
ハンバーガーメニューとは、3本の横線のアイコンをタップすることで隠された操作メニューを表示させるUIデザインのことだよ。
主にスマホやタブレットなどの画面サイズが小さな端末で、画面をすっきり見せる目的で使われるんだ。
イメージとしては、引き出しの中にメニューをまとめてしまっておく感覚に近いよ。
トップページには主要なコンテンツだけを配置し、詳細なページ移動のリンクや設定項目をアイコンの中に隠しておく仕組みになっているんだ。
ボタンを押すと横からメニューがスライドして出たり、画面全体に広がったりして、目的の項目を選べるようになるよ。
画面上の限られたスペースを有効に活用できるため、多くのWebサイトやスマホアプリで使われているよ。
一方で、最初にメニューが隠れているため、探している情報がどこにあるか一目で伝わりにくいという特徴もあるんだ。