DOI QR코드

DOI QR Code

A study on hamburger button UI of smart phone

스마트 폰의 햄버거 버튼 UI 연구

  • 김회광 (강남대학교 미래인재개발대학 유니버설디자인전공) ;
  • 이영주 (청운대학교 멀티미디어학과)
  • Received : 2017.11.04
  • Accepted : 2017.11.15
  • Published : 2017.12.30

Abstract

The controversy about the burger button triggered in 2013 is that it is difficult to know what the hamburger button itself means and that it is difficult to predict what will happen when the button is clicked, Could. This controversy was found to be fundamentally out of touch, and it could be seen that it caused conflict with Apple's navigation structure with iOS. Therefore, in the case of Apple, it is often used in the form of a tab at the bottom instead of using the slide menu, but it is preferable to be used for the purpose of the hamburger button. I've looked through a variety of documents and found that the amount of content you want to offer on your app or the web is large, and there are five or more categories. And if a sub-category needs to exist in the main category like a large shopping mall, the hamburger button could provide the best UI. Apps and webs that can be curated, such as news and pinterest, are better used to enhance the search filter than to place a hamburger button, and for apps or the web that has a longer amount of content on a page Scrolling was available as an alternative to the burger button. In other words, depending on the amount of content to be provided, it is possible to decide whether to use the hamburger menu from the time of designing the information architecture.

Keywords

References

  1. https://www.cisco.com/c/ko_kr/index.html
  2. https://material.io/
  3. https://ko.wikipedia.org/wiki/HTML5
  4. http://www.coxhall.com/bio.html
  5. https://www.theatlantic.com/product/archive/2014/08/the-hamburger-menu-debate/379145/
  6. https://techcrunch.com/2014/05/24/before-thehamburger-button-kills-you/
  7. https://lmjabreu.com/post/why-and-how-to-avoid-hamburger-menus/
  8. https://www.nngroup.com/articles/hamburger-menus/
  9. https://www.justinmind.com/blog/hamburgermenu-alternatives-to-mobile-uis-most-controversial-pattern/
  10. http://www.coxhall.com/bio.html
  11. https://sitesforprofit.com/mobile-menu-abtest
  12. 이영주, UI/UX디자인 이론과 실습, 한빛아카데미, 2015, pp.113-115.
  13. https://material.io/guidelines/patterns/navig ation-drawer.html
  14. https://sitesforprofit.com/menu-eats-hamburger
  15. https://www.moovweb.com
  16. https://www.moovweb.com/hamburger-menu-handy-tool-or-useless-icon/