[📓아티클] 효과적인 웹사이트 네비게이션(GNB) 설계 방법

 

오늘의 아티클 :

https://brunch.co.kr/@830bfa34e0894d6/97

효과적인 웹사이트 네비게이션(GNB) 설계 방법

---

1. 아티클 내용 요약

 

1. 네비게이션의 중요성

• 사용자 경험 향상
• 높은 이용률
• 검색 엔진 최적화(SEO)

 

2. 효과적인 네비게이션 설계 방법

• 단순성과 일관성 : 푸터와도 동일한 구조 가지기
• 명확한 라벨링 : 간결하고 요약된, 그리고 명확하게 작성
• 하위 메뉴 구조
• 시각적 표시 : 메뉴 아이콘, 활성 상태 표시, 하이라이트 효과, 드롭다운 메뉴, 아이콘 설명
• 모바일 친화적 : 햄버거 메뉴, 간결한 메뉴 항목, 대목 분리, 검색 기능, 스크롤 가능한 메뉴, 탭 바 또는 바텀 네비게이션, 사용자 피드백

 

 

2. 인사이트 도출

 

우선 검색 엔진에 대해 더 알아보고싶어 짧은 시간이지만 부가적인 글을 더 찾아봤다. SEO는 웹사이트가 검색 결과에 더 잘 보이도록 최적화 하는 과정이다. 이게 네비게이션 구조와 연관이 있다는 사실은 처음 알았다. 또한 SEO는 마케팅 기술의 가장 기본적으로 신경써야 할 요소이기 때문에 지금으로선 생소하지만 조금 더 공부를 해둬야 할 것 같다.

 

이제는 한 서비스에서 웹사이트와 앱을 동시에 운영하는게 당연한 시대이다 보니, 웹사이트와 앱 둘 다 공부 중이긴 하지만 웹과 앱에서 각각의 콘텐츠를 어떻게 더 효과적으로 잘 보여줄 수 있을지에 대해 고민을 하던 중이었다. 모바일 친화적이게 효과적으로 네비게이션을 구성하는 방법을 참고하고 실습을 해보며 익히는 게 도움이 많이 될 것 같다.

 

물론 글로도 충분히 설명이 잘 되지만 설명에 대한 예시 이미지가 더 많았으면 더 쉽게 이해가 잘 되었을 것 같다.