CampusDownWiki
累計引用 15,834한국어KO 2,696EnglishEN 10,825日本語JA 771中文ZH 1,542
CampusDown(韓国語)↗
日本語

ハンバーガーメニュー

⚙️ 工学・技術 執筆 CampusDown ウィキ編集部 最終更新
ハンバーガーメニューとは、三本の横線のアイコンを押すと展開される隠しナビゲーションで、狭いモバイル画面でメニューの場所を節約するために広く使われるパターンです。
目次
  1. 1. なぜ広まった?
  2. 2. 見えなければ使われない
  3. 3. 代替案
  4. 4. よくある質問
  5. 5. 参考文献

なぜ広まった?

画面が狭くなる中で三本線は「メニューはここ」という慣習になりました。チェとキム(2004)が示すように深い階層は迷いを生みますが、項目が多いほど選択に時間がかかるヒックの法則も考慮が必要です。

見えなければ使われない

ペルニスとブディウ(2016)のテストでは、隠れたナビゲーションは使用が減り、探すのに時間がかかりました。左上は片手では最も届きにくく、ニールセンのユーザビリティヒューリスティックの「記憶より認識」にも反します。

代替案

主要な行き先が3〜5個ならボトムナビゲーションが適しています。多い場合はよく使うものだけ見せ、残りを「その他」に。アイコンに「メニュー」と添えると発見性が上がります。

よくある質問

使ってはいけない?
いいえ。たまに使う項目には便利ですが、主要な行き先は見せましょう。
発見性を高めるには?
「メニュー」ラベルを添え、親指の届く位置に置きます。

出典確認日:2026-10-27

参考文献

  1. Pernice, K., & Budiu, R. (2016, July 24). Beyond the hamburger: What makes navigation discoverable on mobile. Nielsen Norman Group. 隠れたメニューと見えるメニューの利用率と速度を比較したテストです。
  2. Chae, M., & Kim, J. (2004). Do size and structure matter to mobile users? An empirical study of the effects of screen size, information structure, and task complexity on user activities with standard web phones. Behaviour & Information Technology, 23(3), 165–181. 小さな画面でメニューの深さが探索に与える影響を実証しています。
  3. Hoober, S. (2013, February 18). How do users really hold mobile devices? UXmatters. 片手持ちの割合から左上アイコンが届きにくい理由がわかります。
  4. Google. (n.d.). Navigation bar. Material Design 3. 主要な行き先は下部バー、多数ならドロワーという基準です。
  5. Apple. (n.d.). Tab bars. Human Interface Guidelines. iOSが隠しメニューよりタブバーを勧める理由がわかります。
  6. Norman, D. A. (2013). The design of everyday things (Revised and expanded ed.). Basic Books. 発見可能性を良いデザインの柱として説明しています。
  7. Nielsen, J. (1994). Usability engineering. Morgan Kaufmann. ユーザビリティテストの方法をまとめた本です。

この理論を使ったレポート・資料(韓国語)

この理論だけを扱った資料はまだありませんが、CampusDown 資料室(韓国語)で関連レポートを検索できます。

レポートをもっと探す・「햄버거 메뉴」の検索結果 →

あわせて読みたい理論

最新記事すべて見る ›

大学の勉強・課題に役立つ新着記事(韓国語)

この記事は2026年10月27日に最終更新されました。内容は広く知られた原典と教科書に基づいて整理していますが、レポートで引用する際は参考文献の原典を必ず確認してください。