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

ナビゲーションドロワー

pointこの用語のポイント

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

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

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

スポンサーリンク

簡単に書くよ

ナビゲーションドロワー(英:NavigationDrawer)とは

「ハンバーガーボタン」のこと。
用語の中身としては

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


image piyo

詳しく書くよ

箇条書きで並べると

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


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

ナビゲーションドロワー

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

ナビゲーションドロワー2

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

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

一方のデメリットは、ポチっと押す操作が必要になるのと、見た目の分かりにくさです。
当たり前ですが、ナビゲーションドロワーはポチっと押されて開くメニューです。
ポチっと押す手間がかかります。

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


image piyo2

一言でまとめるよ

まぁ「ナビゲーションドロワー」って単語が出てきたら「押すとメニューが出てくる『三』な見た目のボタンなんだな~」と お考えください。

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

おまけ

■訳してみるよ

「navigation(ナビゲーション)」の意味は「航海」とか「航空」とか「航法」とか「走行指示」とかです。
カタカナで「ナビゲーション」の方が分かりますかね。
「drawer(ドロワー)」は「draw(ドロー)」+「er」です。
「draw(ドロー)」の意味は「描く」とかです。
接尾辞「er」を付けると「~する人」とか「~するもの」的な意味になります。
何となく くっつけると

ナビゲーションを描くやつ

となります。




書籍画像
わわわ説明術コラム
宣伝だよ
「分かった!」と思わせる説明の技術 知識ゼロの相手にも伝わるようになる本
「技術書」の読書術 達人が教える選び方・読み方・情報発信&共有のコツとテクニック
実践サイバーセキュリティ入門講座 現場に残された痕跡からハッカーの攻撃を暴け