スマートフォンの普及で当たり前になった「あの三本線」
ホームページを閲覧していると、画面の隅によく見かける「三本線のアイコン」。これこそが今回のテーマである『ハンバーガーメニュー』です。ホームページを作りたいと考えている方や、WEBでの集客を強化したいと考えている方にとって、この小さなアイコン一つがユーザーの使い勝手(UI/UX)を大きく左右することをご存知でしょうか。
ハンバーガーメニューにまつわる「うんちく」
まずは、誰かに話したくなるようなハンバーガーメニューの歴史や由来について解説します。
1. 名前の由来は見た目そのもの
その名の通り、三本の線が「バンズ・パテ・バンズ」の層に見えることからハンバーガーメニューと呼ばれています。ちなみに、二本線の場合は「イコール」、ドットが三つ並んだものは「ケバブメニュー」、ドットが九つ並んだものは「弁当メニュー」など、WEB業界には食べ物に例えた名称が多く存在します。
2. 誕生は1981年まで遡る
意外にもその歴史は古く、1981年に発売されたコンピュータ「Xerox Star」のユーザーインターフェースとして、デザイナーのノーマン・コックス氏によって考案されました。限られた画面スペースを有効活用するために「リストを表示するための目印」として誕生したのです。
株式会社ドラマが考える、成果を出すためのメニュー設計
単に「流行っているから」「スッキリ見えるから」という理由だけでハンバーガーメニューを採用するのは、WEB集客の観点では注意が必要です。株式会社ドラマでは、ホームページを作りたい、売上を上げたいというお客様に対し、以下の視点を持って設計をご提案しています。
- 視認性の確保: 三本線だけでは「メニュー」だと認識できないユーザーもいます。アイコンの下に「MENU」という文字を添えるだけで、クリック率が劇的に改善するケースがあります。
- 導線設計: 重要なコンバージョン(お問い合わせ等)をメニューの中に隠しすぎないことが大切です。
- サイトの目的に合わせる: PCサイトでもあえて隠すのか、それとも常時表示させるのか。WEB周りの問題を解決するためには、ターゲット層のITリテラシーに合わせた選択が不可欠です。
まとめ:WEB周りのお悩みは株式会社ドラマへ
ハンバーガーメニューという小さなパーツ一つにも、誕生の歴史があり、そして効果的な使い方が存在します。株式会社ドラマでは、京都を拠点にホームページ制作やITコンサルティングを通じて、お客様のWEB集客や売上アップを全力でお手伝いいたします。
「もっと集客できるホームページにしたい」「WEB周りの問題をどこから解決すればいいか分からない」とお悩みの方は、ぜひ私たちにご相談ください。最適な解決策をご提案いたします。まずは、お電話やお問い合わせフォームより、お気軽にお申し込み・お見積りをご依頼ください。
URL: https://drama.co.jp
AUTHOR
この記事を書いた人
和本 賢一(わもと けんいち)
株式会社ドラマ 代表取締役
16歳でWEB制作事業を創業、業界歴25年超。WEB制作4,300件超・補助金申請470件超の実績を持つ。Shopify・STORES公式認定パートナー。SEO/LLMO/AIOを組み合わせた次世代検索対策に取り組み、戦略立案から制作・分析改善まで一気通貫で中小企業を支援。浄土真宗本願寺派僧侶としての顔も持ち、約800年続く伝統と最先端のデジタル技術を融合させる視点で経営に携わる。