Global, Local nav, Hub-and-spoke, Polyhierarchy

Global navigation

사이트의 모든 페이지에 일관되게 표시되는 메인 메뉴입니다. 보통 헤더에 위치합니다. "About / Products / Pricing / Blog / Contact" 같은 구조입니다.

기본 IA 패턴입니다. 한 자리에 두고 변경 안 하는 게 원칙입니다. 사용자가 학습합니다.

Local navigation

특정 섹션 안의 메뉴입니다. 사이드바, 탭, breadcrumbs로 표현합니다.

예시는 문서 사이트의 사이드바입니다.

• Global nav: 메인 카테고리.
• Local nav: 현재 카테고리의 세부 페이지.

Hub and spoke

중심(hub)과 방사형(spoke) 구조입니다. 메인 페이지가 hub, 각 기능 페이지가 spoke입니다. 사용자는 항상 hub로 돌아와서 다른 spoke로 갑니다.

모바일 앱의 일반적 구조입니다. 홈 화면이 hub, 각 기능이 spoke입니다.

Polyhierarchy

한 항목이 여러 카테고리에 동시에 속하는 구조입니다. 일반적 위계(tree)와 반대입니다. tree는 한 항목이 한 카테고리에 속합니다.

예시: 한 상품이 "신상품", "할인", "여성복", "가을 컬렉션" 4개 카테고리에 동시에 속합니다. 사용자가 어디서 들어와도 발견 가능합니다.

태그·패싯 시스템이 사실상 polyhierarchy입니다.

4가지의 사용

• 단순한 사이트: Global nav만.
• 콘텐츠 많음: + Local nav.
• 앱: Hub and spoke (홈 + 탭).
• e커머스: + Polyhierarchy (다양한 입구).

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

처음 사이트 구조는 단순하게 만듭니다. Global nav 5개 이하에 필요시 local nav 추가하는 정도입니다. 너무 일찍 polyhierarchy를 도입하면 관리가 어렵습니다.

관련

Sitemap, Navigation · Mega menu · Information Architecture