햄버거 버튼

Hamburger button
An icon of three lines
햄버거 버튼에 사용된 접힌 메뉴 아이콘
A picture of a hamburger with three buns
햄버거, 별명의 유래

햄버거 버튼은 의도하지 않게 햄버거와 닮았다고 해서 붙여진 것으로 그래픽 사용자 인터페이스의 [1]상단 모서리에 일반적으로 배치되는 버튼입니다.메뉴(햄버거 메뉴라고도 함) 또는 내비게이션 바를 버튼 뒤로 접거나 화면에 표시하는 기능을 합니다.세 개의 가로 막대로 구성된 이 위젯과 연결된 아이콘을 접힌 메뉴 아이콘이라고도 합니다.

역사

오리지널 디자인

이 아이콘은 원래 [2]1981년에 도입된 Xerox Star의 사용자 인터페이스의 일부로 Norm Cox에 의해 디자인되었다.이 아이콘은 모바일 [3][4][5]앱에서 사용할 수 있는 제한된 화면 영역으로부터 2009년부터 부활했다.콕스는 아이콘의 제작을 설명하면서 "그래픽 디자인은 매우 "도로 표지판"이 단순하고 기능적으로 기억에 남으며 결과적으로 표시되는 메뉴 목록의 모양을 모방하도록 의도되었다.작업할 픽셀이 너무 적기 때문에 매우 선명하면서도 단순해야 했습니다.16×16픽셀밖에 없었던 것 같아요.(혹은 13×13...)정확히 기억나지 않는다).[6]

미드레인지 컴퓨팅의 경우

Xerox Star 이후 처음 사용되었을 가능성이 있는 1985년 Windows 1.0 출시에서는 각 창의 제어 [7]메뉴에 햄버거 아이콘이 포함되어 있었습니다.그러나 윈도우 2.0에서는 햄버거 아이콘이 사라지고 제어 메뉴를 나타내는 가로줄 하나가 사라지면서 단명이 되었다.Windows 95는 이 한 줄을 [8]프로그램의 아이콘으로 대체했으며, 햄버거는 Windows [9]10의 1년 업데이트의 [시작] 메뉴에 표시될 때까지 Windows로 돌아가지 않습니다.

외관 및 기능

이전 버전의 Wikipedia 모바일 앱의 햄버거 메뉴

"[3]메뉴" 버튼은 3개의 평행한 수평선(),)으로 구성된 아이콘 형태로, 목록을 연상시킵니다.상호 [10]작용 시 일반적으로 노출되거나 열리는 메뉴와 유사함을 의미합니다.넓은 버튼은 세 개의 수직으로 쌓인 점(트리콜론 또는 수직 줄임표 ),로 표시됨)으로 축소할 수 있습니다. 케밥 아이콘, 미트볼 아이콘 또는 팔라펠 아이콘이라고도 합니다.Microsoft Office 365 플랫폼에서는 3개의 정사각형 행으로 구성된 동일한 응용 프로그램 메뉴가 표시됩니다.[11]이 버튼을 누르거나 클릭하거나 활성화하면 메뉴가 표시되며,[12] 항상 표시되는 메뉴 또는 탭 표시줄과 구분됩니다.

접수처

외모

접힌 메뉴 버튼은 이제 흔한 일이지만, 처음 [13]접했을 때 그 기능이 반드시 즉시 드러나는 것은 아니며, 특히 현대 도상에 익숙하지 않은 나이 든 사용자라면 [14]혼란스러울 수 있다는 주장이 있다.

조작성

메뉴 버튼은 하단 바 메뉴에 비해 상호 작용 비용이 증가할 수 있으며, 모바일 [15]앱의 경우 화면의 공간 사용량이 적다는 장점이 있지만 동일한 정보를 검색하려면 추가 클릭이 필요합니다.또한 디자이너들이 이러한 아이콘에 [14]너무 많은 숨겨진 정보를 과부하시키는 경향이 있다는 주장도 제기되어 왔다.

「 」를 참조해 주세요.

레퍼런스

  1. ^ "How To Create a Menu Icon". www.w3schools.com. Archived from the original on 2018-09-05. Retrieved 2018-09-20.
  2. ^ "The origin of the hamburger icon". Archived from the original on 2015-11-07. Retrieved 2018-09-20.
  3. ^ a b Campbell-Dollaghan, Kelsey (March 31, 2014). "Who Designed the Hamburger Icon?". Gizmodo. Archived from the original on 2016-02-06. Retrieved February 2, 2016.
  4. ^ "A Brief History of the Hamburger Icon". placeit.net. 29 October 2014. Archived from the original on 2017-02-02. Retrieved 25 January 2017.
  5. ^ Ltd., Stuff & Nonsense. "We need a standard show navigation icon for responsive web design". Archived from the original on 2018-09-20. Retrieved 2018-09-20.
  6. ^ "A Brief History of the Hamburger Icon". Placeit Blog. 2014-10-29. Retrieved 2019-02-23.
  7. ^ Ali, Fahad (2015-05-13). "Microsoft First Used The Controversial Hamburger Menu In 1985". windowschimp.com. Retrieved 2019-06-12.
  8. ^ Doppelhammer, Jim. "Windows Elements". doublehammer.com. Retrieved 2019-06-12.
  9. ^ Shaikh, Rafia (2016-04-04). "Here's How the New Windows 10 Anniversary Start Menu Looks Like". wccftech.com. Retrieved 2019-06-12.
  10. ^ Lessin, Jessica (March 18, 2013). "What's a 'hamburger' button? A guide to app features". The Wall Street Journal. Dow Jones & Company. Archived from the original on 2015-04-16. Retrieved April 10, 2015.
  11. ^ Nguyen, Chuong (June 26, 2015). "Office 365 Store saves time with single sign-on to web apps". Tech Radar Pro. Archived from the original on 2018-02-09. Retrieved 2018-02-08.
  12. ^ Constine, Josh (May 24, 2014). "Kill the hamburger buttons". TechCrunch. Archived from the original on 2016-08-19. Retrieved April 10, 2015.
  13. ^ Stokel-Walker, Chris (16 May 2015). "Hamburger icon: How these three lines mystify most people". BBC. Archived from the original on 2018-02-20. Retrieved 11 October 2018.
  14. ^ a b "Loving & Hating the Hamburger Icon". Webdesigner Depot. 2018-09-17. Retrieved 2019-02-23.
  15. ^ Tsiodoulos, Dimitrios (2016). Comparison of hamburger and bottom bar menu on mobile devices for three level navigation (PDF) (Thesis). Archived (PDF) from the original on 2018-06-13. Retrieved 2018-06-13.