この記事は2分で読めます

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

  • 投稿日
  • 更新日

あとで読む

 

イッパイアッテナ

はじめまして、イッパイアッテナです。

ITと教養で、優秀なネコの手となり、あなたのあらゆる問題を解決します。あなたの相談役だったり、デザイナーだったり、広報だったり、わたしたちは”イッパイ”の顔をあなたに見せることができます。

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

ハンバーガーメニューとは、Webサイトやアプリのデザインにおいてよく見かける、三本の平行な線からなるアイコンのことを指します。このアイコンをクリックまたはタップすると、ナビゲーションメニューが表示されるという特徴があります。このメニューの形状がハンバーガーに似ていることから、ハンバーガーメニューと呼ばれています。

ハンバーガーメニューは、特にモバイルデバイスにおいてスペースを節約するために使用されます。スマートフォンやタブレットなどの小さな画面では、全てのメニューオプションを一度に表示することは難しいです。そのため、ハンバーガーメニューを使用することで、必要な情報だけをユーザーに提供し、余計なスペースを取らないようにすることが可能です。

ハンバーガーメニューの定義

ハンバーガーメニューは、主にモバイルデバイスのユーザーインターフェースで使用される、三本の水平線から成るアイコンです。このアイコンをタップまたはクリックすると、通常はサイトの主要なナビゲーションリンクがドロップダウンメニューまたはスライドアウトメニューとして表示されます。

このメニューの目的は、スクリーンスペースを最大限に活用しながら、ユーザーが必要とする情報へのアクセスを簡単にすることです。そのため、ハンバーガーメニューは、特にレスポンシブデザインやモバイルファーストのデザイン戦略において重要な役割を果たします。

ハンバーガーメニューの起源と名前の由来

ハンバーガーメニューの起源は、1981年にXerox Starというパーソナルコンピュータで初めて使用されたとされています。しかし、その名前とアイコンのデザインは、2009年にFacebookのデザイナーであるNorm Coxによって作られました。

このアイコンのデザインは、ハンバーガーの見た目に似ていることから、ハンバーガーメニューと呼ばれるようになりました。具体的には、三本の水平線は、ハンバーガーのバンズとパティを象徴しています。このシンプルなデザインは、ユーザーが直感的に理解でき、また、さまざまなデバイスや画面サイズに対応できるため、広く採用されています。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

Web制作について相談してみませんか?

必須は必須項目です。弊社へお問い合わせいただく方は、下記の「個人情報の取り扱いについて」を必ずお読みください。

会社名

任意

お名前

必須

メールアドレス

必須

電話番号

任意

お問い合わせ内容

必須