CampusDownWiki
누적 인용 16,105한국어KO 2,699EnglishEN 11,091日本語JA 772中文ZH 1,543
캠퍼스다운 홈 ↗
한국어

햄버거 메뉴

⚙️ 공학·기술 작성 캠퍼스다운 위키 편집부 최종 수정
햄버거 메뉴는 가로줄 세 개로 된 아이콘을 눌러야 펼쳐지는 숨김 내비게이션으로, 좁은 모바일 화면에서 메뉴 공간을 아끼기 위해 널리 쓰이는 패턴이에요.
목차
  1. 1. 왜 이렇게 흔해졌을까
  2. 2. 보이지 않으면 쓰이지 않는다
  3. 3. 대안과 선택 기준
  4. 4. 자주 묻는 질문
  5. 5. 참고문헌

왜 이렇게 흔해졌을까

세 줄 아이콘은 모바일 화면이 좁아지면서 '메뉴는 여기 있다'는 관습으로 자리 잡았어요. 수십 개의 목적지를 한 아이콘 뒤에 접어 둘 수 있어 화면이 깔끔해 보이고, 데스크톱 메뉴를 모바일로 옮기기도 쉬워요. 채와 김(2004)이 보였듯 작은 화면에서 깊은 계층은 길을 잃게 만드는데, 서랍 메뉴는 많은 항목을 한 화면에 펼칠 수 있다는 장점도 있어요. 다만 항목이 많을수록 고르는 시간이 길어진다는 힉의 법칙도 함께 고려해야 해요.

보이지 않으면 쓰이지 않는다

페르니스와 부디우(2016)의 테스트에서 메뉴를 숨겼을 때 사용자들은 내비게이션을 덜 쓰고, 찾는 데 더 오래 걸렸으며, 과제가 더 어렵다고 느꼈어요. 노먼(2013)이 강조한 발견 가능성이 떨어지기 때문이에요. 또 후버(2013)가 관찰한 한 손 사용자에게 화면 왼쪽 위 아이콘은 엄지가 가장 닿기 어려운 자리예요. 닐슨의 사용성 휴리스틱의 '기억보다 인식' 원칙에도 어긋나요. 그래서 핵심 기능까지 모두 서랍 속에 넣으면 그 기능의 사용률이 눈에 띄게 줄어요.

대안과 선택 기준

주요 목적지가 3~5개라면 하단 내비게이션으로 항상 보이게 하는 게 좋아요. 구글 머티리얼 디자인과 애플 가이드라인도 이 방식을 권해요. 목적지가 많다면 자주 쓰는 몇 개는 화면에 보이게 두고 나머지만 '더보기'나 서랍에 넣는 혼합 방식이 현실적이에요. 아이콘을 쓸 때는 '메뉴'라는 글자를 함께 붙이면 발견성이 올라가요. 어떤 방식이 맞는지는 닐슨(1994)이 정리한 사용성 테스트로 실제 사용자에게 확인하는 것이 가장 확실해요.

자주 묻는 질문

햄버거 메뉴는 쓰면 안 되나요?
아니에요. 가끔 쓰는 항목을 모아두는 데는 유용해요. 다만 핵심 목적지는 화면에 보이게 두는 것이 좋아요.
햄버거 메뉴의 발견성을 높이려면?
아이콘 옆에 '메뉴' 라벨을 붙이고, 엄지가 닿는 위치에 두며, 주요 항목은 화면에 노출하세요.

출처 검토일: 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. 발견 가능성(discoverability)을 좋은 디자인의 핵심으로 설명해, 숨긴 메뉴의 문제를 이해할 때 참고하면 도움이 돼요.
  7. Nielsen, J. (1994). Usability engineering. Morgan Kaufmann. 사용성 테스트 방법을 정리한 책이라, 메뉴 패턴을 직접 검증할 때 참고하면 도움이 돼요.

이 이론으로 쓴 레포트·자료

아직 이 이론만 따로 다룬 자료는 없지만, 캠퍼스다운 자료실에서 관련 레포트를 검색해 볼 수 있어요.

레포트 더 찾기 · '햄버거 메뉴' 검색 결과 보기 →

같이 보면 좋은 이론

최신 아티클전체보기 ›

대학생 공부·과제에 바로 쓰는 새 정보 글

이 문서는 2026년 10월 27일에 마지막으로 수정되었습니다. 내용은 널리 알려진 원전과 교과서를 바탕으로 정리했으며, 레포트에 인용할 때는 아래 참고문헌의 원전을 직접 확인하세요.