topic★★★★★난이도
Hamburger ☰
Xerox Star(1981)에서 시작된 3줄 아이콘의 40년 역사.
#hamburger#메뉴#모바일
Hamburger 아이콘(☰)은 세 줄이 햄버거(빵-패티-빵)처럼 생겼다고 해서 붙은 별명이다. 원래는 1981년 Xerox Star 워크스테이션의 디자이너 Norm Cox가 '목록'을 의미하는 아이콘으로 만들었다. 2009년 이후 스마트폰 시대가 열리며 모바일 메뉴 버튼의 사실상 표준이 되었다.
| 실제 사물 | UI 패턴 |
|---|---|
| 햄버거의 빵-패티-빵 3층 | 세 줄 아이콘 (☰) |
| 햄버거를 열면 내용물이 보임 | 클릭하면 메뉴 목록이 나타남 |
| 패스트푸드처럼 어디서나 보임 | 거의 모든 모바일 사이트에 존재 |
사용 가이드라인: 모바일에서 네비게이션을 숨길 때 사용한다. 다만 메뉴가 숨겨져 있어 발견성(discoverability)이 낮다는 비판이 있다. 'Menu'라는 텍스트 라벨을 아이콘 옆에 추가하면 클릭률이 올라간다는 연구 결과가 있다. 데스크톱에서는 가급적 네비게이션을 펼쳐 놓고, 모바일에서만 ☰로 접는 것이 좋다.