필수 용어 사전 001 ] GNB

디자이너들이 모인 채팅방에서 GNB라는 걸 봤는데, 이게 대체 뭐냐... 해서 찾아본 GNB

 

GNB (Global Navigtion Bar)

COFFEE MENU STORE과 같이 사이트에서 지속적으로 보여지는 공통 네비게이션
웹 사이트 내의 현재위치와 이동한 경로를 모아 놓은 영역

웹 사이트에서 사용자가 얻는 경험과 가장 밀접하며, 내부에는 타이틀, 드롭다운 방식, 버튼, 검색바, 링크등이 포함이 된다. 사용자가 방문 할 다른 장소들을 한 눈에 보여준다. 사용자 인터페이스 아키텍처에서 가장 상위에 위치하고 있어 현재 위치와 관계 없이 응용 프로그램이나 웹사이트의 어느곳으로든 일관된 이동수단을 제공해 다른 모든 페이지에서 동일하게 나타난다. 

또한 대부분의 사용자가 최상위 탐색 모음을 보고 상호작용도 문제없이 가능할 수 있도록 한다.
GNB 제작시 고려해야할 정은 라벨링의 모호함을 최소화해야 사용자가 원하는 정보를 쉽게 찾을 수 있도록 도와준다.

잘 배치 된 글로벌 네비게이션 바는 웹 사이트 사용자를 장애물 없이 원하는 섹션으로 체계적으로 안내하고 전환을 유도하는데 중요한 역할을한다.

 

LNB (Local Navigation Bar)

 

그 외 SNB(Side Navigation Bar),FNB(Foot Navigation Bar)가 있지만 
실무에서 사용시 뚜렷하게 정의해서 사용하기 보단 GNB말고는 언급을 잘 안 한다. 

 

 

찾아본 자료 중 가장 자세하고 좋은 정보가 많았던 곳.

Implement Global Navigation to Improve Website Usability