Web・システム用語辞典ことはじめ 用語一覧へ
まず覚える画面を作る

ハンバーガーメニュー

ハンバーガーメニューとは?

Hamburger Menu

三本線などのボタンを押すと開くメニュー。

まず、短く答えると

ハンバーガーメニューの意味

スマホの限られた画面にナビゲーションを収めるときによく使われます。

どんな場面で使う?

Webサイトやアプリの見た目、情報の並び方、利用者の操作を考える場面で登場します。

見た目の好みだけでなく、迷わず使えるか、スマートフォンでも読みやすいかという視点で確認します。

身近な例

画面右上の三本線を押すと、ページ一覧が開きます。

覚え方のコツ

何を押さえればいい?

役割

三本線などのボタンを押すと開くメニュー。

理解の深さ

まずは「何をするものか」と具体例を結び付けて覚えれば十分です。

確認の視点

見た目の好みだけでなく、迷わず使えるか、スマートフォンでも読みやすいかという視点で確認します。

混同しないために

似た言葉・関連する言葉との違い

「ハンバーガーメニュー」は三本線などのボタンを押すと開くメニューものです。一方、「ナビゲーション」は目的のページへ移動するための案内ものです。役割を分けて考えると、二つのつながりを理解しやすくなります。

使うとき・学ぶときの注意

きれいに見えることだけを目的にせず、読みやすさ、操作のしやすさ、さまざまな利用環境を一緒に考えることが大切です。

よくある疑問

ハンバーガーメニューについてのQ&A

Qハンバーガーメニューをひと言でいうと?

A三本線などのボタンを押すと開くメニュー。

Qハンバーガーメニューはどの言葉と一緒に覚えるとよい?

A「ナビゲーション」、「グローバルナビゲーション」、「レスポンシブデザイン」と一緒に覚えると、役割や使われる場面の違いが分かりやすくなります。

ほかの言葉も調べてみませんか?

用語一覧へ戻る