1. 사전적 의미
- 네비게이션: 지도 안내를 통해 길 찾기를 도와주는 장치 혹은 프로그램
2. 기능 정의
- 하이퍼링크를 따라 웹 공간의 정보를 요청하고 받아오는 웹 브라우징 행위
- 웹 사이트를 탐색하기 위한 도구
- 유저에게 제품 또는 웹 사이트에서의 이동을 안내하는 역할
- 앱의 경우, iOS 탭 바 or 안드로이드 햄버거 메뉴 등이 해당됨
3. 용어
Word | Description |
GNB(Global Navigation Bar) | - 웹 사이트의 어떤 페이지를 접속해도 공통적으로 사용 가능한 메뉴들을 모아둔 영역 - 일반적으로 각 웹 사이트의 핵심적이고 대표적인 메뉴로 구성 - 회사에 따라 SNB(Service Navigation Bar)로 불리기도 함 - 게임포털 사이트의 경우 각각의 게임 상단에 얇은 형태로 존재 - 최상위 메뉴로 구성되어 있으며 보통 페이지 내 최상단에 위치 |
LNB(Local Navigation Bar) | - GNB 선택 시 출력되는 영역 ex. 쇼핑몰에서 여성의류 클릭 시 티셔츠, 원피트, 코트, 니트, 가디건 등의 메뉴가 LNB에 해당 - 사이트의 특정 메뉴로 이동하기 위해 만들어둔 서브 메뉴 - 하위 메뉴 구조를 의미하지만, 일부 왼쪽이나 우측 따라다니는 바의 의미로도 사용 |
SNB(Side Navigation Bar) | - 사이드에 위치하는 메뉴 - 일반적으로 왼쪽에 위치하는 경우가 많음 |
FNB(Foot Navigation Bar) | - 하단 메뉴, 하단 로고, 주소, 카피라이팅 등으로 구성 - 페이지 내 최하단에 위치 |
4. 예시
*쿠팡, 오늘의 집 홈페이지 발췌
728x90
반응형
LIST
'기획' 카테고리의 다른 글
페인포인트(Pain point) (0) | 2023.06.07 |
---|---|
캐러셀(Carousel) (0) | 2023.06.02 |
브레드크럼(Breadcrumb) (0) | 2023.06.01 |
라디오버튼(radio button), 체크박스(check box) (0) | 2023.05.31 |
페이지 구성 요소(Page section / Header, Content, Footer) (0) | 2023.05.30 |
댓글