Mega menu, Mega footer, 2007 Jakob Nielsen 명명

한 줄로

호버하면 화면 절반을 채우며 펼쳐지는 큰 메뉴입니다. 2007년 닐슨 노먼 그룹이 명명했습니다.

Mega menu

전형적 드롭다운은 한 컬럼의 짧은 목록입니다. Mega menu는 다릅니다. 호버하면 화면 너비를 거의 다 차지하는 큰 패널이 펼쳐집니다. 여러 컬럼, 카테고리별 그룹, 일부는 이미지·아이콘도 포함합니다.

전형적 사용처: 큰 e커머스 (Amazon, Best Buy), 큰 콘텐츠 사이트 (NYT, BBC), 대기업 (Apple, Microsoft).

닐슨의 분석 (2009)

닐슨 노먼 그룹의 사용성 연구에서 mega menu가 전통적 드롭다운보다 사용성이 좋다는 결과가 나왔습니다.

• 전체 옵션 한 번에 표시: 사용자가 더 빨리 탐색.
• 시각적 그룹화: 카테고리가 명확.
• 호버만으로 발견: 클릭 안 해도 미리보기.

Mega footer

같은 발상의 푸터 버전입니다. 푸터에 사이트의 모든 페이지·카테고리를 펼쳐 표시합니다. 1~2화면을 차지합니다.

장점은 SEO(모든 페이지로의 링크)와 발견성입니다. 단점은 푸터가 너무 무거워 보이는 것입니다.

함정

• 모바일에서 처참: 큰 패널이 작은 화면에 맞지 않습니다. 모바일은 별도 메뉴 구조가 필요합니다.
• 호버 의존: 키보드·터치에서 작동 안 합니다. 접근성 보조가 필요합니다.

바이브 메이커가 챙길 한 가지

콘텐츠가 50개 이하면 mega menu는 불필요합니다. 1인 랩 규모는 보통 단순 메뉴로 충분합니다. Mega menu는 100개 이상의 큰 사이트에서 의미가 있습니다.

관련

Hamburger menu · Breadcrumbs · Information Architecture