topic난이도

Hamburger ☰

Xerox Star(1981)에서 시작된 3줄 아이콘의 40년 역사.

#hamburger#메뉴#모바일

Hamburger 아이콘(☰)은 세 줄이 햄버거(빵-패티-빵)처럼 생겼다고 해서 붙은 별명이다. 원래는 1981년 Xerox Star 워크스테이션의 디자이너 Norm Cox가 '목록'을 의미하는 아이콘으로 만들었다. 2009년 이후 스마트폰 시대가 열리며 모바일 메뉴 버튼의 사실상 표준이 되었다.

실제 사물UI 패턴
햄버거의 빵-패티-빵 3층세 줄 아이콘 (☰)
햄버거를 열면 내용물이 보임클릭하면 메뉴 목록이 나타남
패스트푸드처럼 어디서나 보임거의 모든 모바일 사이트에 존재

사용 가이드라인: 모바일에서 네비게이션을 숨길 때 사용한다. 다만 메뉴가 숨겨져 있어 발견성(discoverability)이 낮다는 비판이 있다. 'Menu'라는 텍스트 라벨을 아이콘 옆에 추가하면 클릭률이 올라간다는 연구 결과가 있다. 데스크톱에서는 가급적 네비게이션을 펼쳐 놓고, 모바일에서만 ☰로 접는 것이 좋다.