{{위키데이터 속성 추적}}
[[파일:Hamburger icon.svg|섬네일|햄버거 버튼에 사용되는, 접힌 메뉴 아이콘]]
[[파일:Big Mac hamburger.jpg|섬네일|햄버거 - 아이콘 별칭의 기원]]

'''햄버거 버튼'''(hamburger button)은 [[햄버거]]와 우연히 닮은 데에서 비롯된 이름으로, [[그래픽 사용자 인터페이스]]의 최상위 모퉁이에 보통 위치하는 [[버튼]]의 하나이다.<ref name="W3s-howto">{{웹 인용|url=https://www.w3schools.com/howto/howto_css_menu_icon.asp|title=How To Create a Menu Icon|website=www.w3schools.com|access-date=2018-09-20|archive-url=https://web.archive.org/web/20180905231557/https://www.w3schools.com/howto/howto_css_menu_icon.asp|archive-date=2018-09-05|url-status=live}}</ref> 메뉴를 토글하거나(이를 보통 "햄버거 메뉴"라고 부름) 버튼 뒤에 접어두는 것과 화면에 표시하는 것 사이를 넘나드는 [[내비게이션 바]] 역할을 한다. 이 [[GUI 위젯|위젯]]과 관련된 아이콘은 수평 막대 3개로 이루어져 있으며 이를 접힌 메뉴 아이콘(collapsed menu icon)이라고 한다.

== 역사 ==
=== 디자인 기원 ===
이 아이콘은 원래 [[놈 콕스]](Norm Cox)가 [[제록스 스타]]의 사용자 인터페이스의 일부로 처음 설계한 것으로, 1981년 선보였다.<ref name="Evernote-origin">{{웹 인용|url=https://www.evernote.com/shard/s207/sh/022f2237-4b4f-4096-87f2-053acd228c2d/ede2672bc3f39a1b0232f84e01ca0a83|title=The origin of the hamburger icon|access-date=2018-09-20|archive-url=https://web.archive.org/web/20151107060809/https://www.evernote.com/shard/s207/sh/022f2237-4b4f-4096-87f2-053acd228c2d/ede2672bc3f39a1b0232f84e01ca0a83|archive-date=2015-11-07|url-status=live}}</ref> 이 아이콘은 [[모바일 응용 소프트웨어|모바일 앱]]에서 이용 가능한 화면 영역이 제한됨에 따라 2009년부터 빛을 보기 시작했다.<ref name="Gizmodo">{{웹 인용|first=Kelsey |last=Campbell-Dollaghan |url=https://gizmodo.com/who-designed-the-iconic-hamburger-icon-1555438787 |title=Who Designed the Hamburger Icon? |publisher=[[Gizmodo]] |date=March 31, 2014 |accessdate=February 2, 2016 |archive-url=https://web.archive.org/web/20160206205739/http://gizmodo.com/who-designed-the-iconic-hamburger-icon-1555438787 |archive-date=2016-02-06 |url-status=live }}</ref><ref name="PlaceItHist">{{웹 인용|url=https://blog.placeit.net/history-of-the-hamburger-icon/ |title=A Brief History of the Hamburger Icon |author=<!--Staff writer(s); no by-line.--> |date=29 October 2014 |website=placeit.net |access-date=25 January 2017 |archive-url=https://web.archive.org/web/20170202023133/https://blog.placeit.net/history-of-the-hamburger-icon/ |archive-date=2017-02-02 |url-status=live }}</ref><ref name="Stuff">{{웹 인용|url=https://stuffandnonsense.co.uk/blog/we_need_a_standard_show_navigation_icon_for_responsive_web_design|title=We need a standard show navigation icon for responsive web design|first=Stuff & Nonsense|last=Ltd.|access-date=2018-09-20|archive-url=https://web.archive.org/web/20180920161124/https://stuffandnonsense.co.uk/blog/we_need_a_standard_show_navigation_icon_for_responsive_web_design|archive-date=2018-09-20|url-status=live}}</ref> 콕스는 이 아이콘의 제작을 설명하면서 "이것의 그래픽 디자인은 상당히 도로 표지판처럼 단순하고 기능적으로 기억할만 하며 결과로 보이는 메뉴 목록의 외형을 모방하는 것이 의도였다. 작업할 화소가 거의 없으면서도 분명하지만 단순해야 했다. 이미지 렌더링을 위해서는 16 x 16 화소만이(아니면 13 x 13만이, 정확히 기억나지는 않는다) 필요했다."고 말했다.<ref>{{웹 인용|url=https://blog.placeit.net/history-of-the-hamburger-icon/|title=A Brief History of the Hamburger Icon|date=2014-10-29|website=Placeit Blog|language=en-US|access-date=2019-02-23}}</ref><br>

== 비평 ==
접혀있는 메뉴 버튼이 현재 일상화되어 있으나 이 기능이 처음 마주쳤을 때에는 바로 명확히 드러나지 않는다는 논쟁이 있어왔다.<ref name="bbc-H-mystery">{{뉴스 인용|title=Hamburger icon: How these three lines mystify most people|url=https://www.bbc.co.uk/news/magazine-31602745|access-date=11 October 2018|date=16 May 2015|website=BBC|first=Chris|last=Stokel-Walker|archive-url=https://web.archive.org/web/20180220073719/http://www.bbc.co.uk/news/magazine-31602745|archive-date=2018-02-20|url-status=live}}</ref> 특히 현대의 아이코노그래피에 덜 친숙한 옛 사용자들에게 혼동을 불러일으킬 수 있다.<ref>{{웹 인용|url=https://www.webdesignerdepot.com/2018/09/loving-hating-the-hamburger-icon/|title=Loving & Hating the Hamburger Icon|date=2018-09-17|website=Webdesigner Depot|language=en|access-date=2019-02-23}}</ref>

== 같이 보기 ==
* [[메뉴 키]]
* [[아이콘]]

== 각주 ==
{{각주}}

{{GUI 위젯}}

[[분류:위젯]]