GNB(Global Navigation Bar) 241216

q1: GNB(Global Navigation Bar)

a1:

**GNB(Global Navigation Bar)**는 앱이나 웹사이트에서 상단에 위치한 전역 네비게이션 메뉴를 뜻합니다. 사용자가 앱의 주요 기능이나 섹션에 빠르게 접근할 수 있도록 도와주는 핵심적인 UI 요소입니다.

GNB의 주요 특징
1. 항상 고정된 위치
• 일반적으로 화면의 상단(또는 모바일에서는 하단)에 위치하며, 페이지나 화면이 바뀌더라도 유지되어 사용자가 언제든지 주요 메뉴에 접근할 수 있습니다.
2. 앱의 주요 메뉴 구성
• 예: 홈, 카테고리, 검색, 알림, 마이페이지 등의 버튼을 포함.
• 사용자의 주요 니즈를 충족시키는 핵심 기능들이 들어갑니다.
3. 반응형 디자인
• 모바일 환경에서는 메뉴 아이콘으로 축약되거나, 햄버거 메뉴(≡) 형태로 제공되는 경우가 많습니다.
• 사용자의 화면 크기에 따라 적응하도록 설계됩니다.
4. 일관성
• GNB는 앱 전체에서 동일하게 유지되어, 사용자가 길을 잃지 않도록 보조합니다.

예시
• 쇼핑 앱 GNB
• 홈 | 카테고리 | 검색 | 장바구니 | 마이페이지
• 금융 앱 GNB
• 홈 | 계좌조회 | 송금 | 자산관리 | 설정

GNB 메뉴를 설계할 때 고려해야 할 사항
1. 사용자 중심: 사용자가 가장 자주 사용하는 기능을 우선 배치.
2. 심플한 디자인: 과도한 메뉴는 혼란을 줄 수 있으므로 주요 메뉴만 포함.
3. 명확한 아이콘과 텍스트: 직관적인 접근성을 제공.
4. 상황별 메뉴 변경: 로그인 여부나 특정 조건에 따라 GNB 메뉴를 동적으로 변경.

요약

GNB는 앱의 “메인 내비게이션” 역할을 하며, 사용자 경험(UX)을 크게 좌우하는 중요한 요소입니다. 잘 설계된 GNB는 앱의 접근성과 사용성을 높여줍니다.