「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典イメージぴよ画像「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典

ハンバーガーボタン

pointこの用語のポイント

pointホームページに付けるボタンだよ

point押すとメニューが出てくるよ

point見た目は横棒が縦に三本並んだ絵だよ

スポンサーリンク

簡単に書くよ

ハンバーガーボタン(英:hamburger button)とは

「三」のように横棒が縦に三本並んだ見た目で、ポチっと押すとメニューが出てくる、ホームページに付いているボタンのこと
です。


image piyo

詳しく書くよ

箇条書きで並べると

・ボタン
ホームページに付ける
・押すとメニューが出てくる
・横棒が縦に三本並んだ見た目


が「ハンバーガーボタン」です。
スタイリッシュ気取りなホームページにくっついていることが多く、ポチっと押すと、どこからともなくメニューが出てきます。

ハンバーガーボタン

「ハンバーガーボタン」という名称は、アメリカンな食いしん坊が付けたのでしょう。
横棒が縦に三本並んでいる絵がハンバーガーに見えたのだと思います。
この縦に並んだ横棒は本当はリストを表現しているはずですけどね。
食いしん坊の目には、そうは写らなかったようです。

ハンバーガーボタン2

命名した人は、よっぽどお腹が空いていたのでしょうね。
個人的には「言われれば分かるけど無理やりだね!」と感じます。

ハンバーガーボタンを使うメリットはスペースの有効活用です。
配置するのに必要なスペースはボタン1個分です。
メニューの項目がいくら多くても問題ありません。
そのため、表示領域の小さいスマートフォン向けのホームページなどで、よく使われます。

一方のデメリットは、ポチっと押す操作が必要になるのと、見た目の分かりにくさです。
ハンバーガーボタンはポチっと押されて開くメニューです。
ポチっと押す手間がかかります。

個人的には、ハンバーガーボタンはパッと見で役割が分かりにくい気がしています。
かなり普及したとは思いますが「押すとメニューが出てくるよ」ということを理解していない人もいるでしょう。
そのため、高齢者向けのホームページなど、ITに関する知識が少ない人に向けたホームページでは使わない方が無難だと思います。


image piyo2

一言でまとめるよ

まぁ「ハンバーガーボタン」って単語が出てきたら「押すとメニューが出てくる『三』な見た目のボタンなんだな~」と お考えください。

一番上に戻るよ
スポンサーリンク
書籍画像071
書籍画像013

おまけ

■訳してみるよ

「hamburger(ハンバーガー)」は食べ物の「ハンバーガー」です。
「button(ボタン)」はカタカナで「ボタン」で分かりますかね。
何となく くっつけると

ハンバーガーっぽいボタン

となります。




書籍画像
わわわ説明術コラム
宣伝だよ
インフルエンサー六法 活動開始から情報発信、収益化までに潜むトラブル対策50
「分かった!」と思わせる説明の技術 知識ゼロの相手にも伝わるようになる本
エンジニア育成現場の「失敗」集めてみた。 42の失敗事例で学ぶマネジメントのうまい進めかた