Navigation
Header vs Sidebar: A Simple Guide to Better Navigation Design | Zee Palm
Rule
대부분의 경우 기본적으로는 헤더만 사용하는 것으로 충분(심플, 직관적인 이동 가능)
사이드바 사용을 고려하는 경우
- (헤더없이 사이드바만 사용) 컨텐츠와 카테고리가 방대하여 헤더로 표현 불가능한 경우
- (헤더 + 사이드바 사용) 3 depth 이상의 페이지 구성 + depth3 페이지에서 바로 depth3 페이지로 이동을 원하는 경우
헤더
- 헤더는 일반적으로 사용자가 사이트를 방문했을 때 가장 먼저 눈에 띄는 부분
- 이트의 로고와 이름을 표시하는 것 외에도 주요 탐색 링크가 포함
- 가장 중요한 위치에 있기 때문에 접근성이 용이
단점은 컨텐츠와 카테고리가 방대한 사이트의 경우 공간에 제약이 있어 헤더로만 표현하기 한계가 존재
사이드바
- 탐색 링크를 표시하는 대체 또는 추가 방법을 제공
- 보조 탐색, 위젯, 홍보 배너 등 다양한 콘텐츠 제공 가능
장점은 많은 컨텐츠 및 카테고리 표현이 가능하다는 점
단점은 모바일 환경에서 UX가 떨어지는 경우가 있음