Design Kits Blog

네비게이션이란?

네비게이션(Navigation)은 웹 사이트나 애플리케이션에서 사용자가 원하는 페이지로 이동하고 사이트 구조를 탐색하는 데 사용되는 인터페이스 요소입니다. 네비게이션은 사용자에게 웹 사이트의 구조를 시각적으로 보여주고, 다양한 섹션 및 페이지 간의 관계를 이해하며, 콘텐츠에 빠르게 접근할 수 있는 방법을 제공합니다.

일반적으로 네비게이션은 웹 사이트 상단이나 사이드바에 위치하며, 메뉴로 구성됩니다. 메뉴는 주로 목록 형태로 표현되며, 사용자는 메뉴 항목을 클릭하거나 터치하여 원하는 페이지로 이동할 수 있습니다. 메뉴는 주요 섹션이나 카테고리를 대표하며, 하위 메뉴를 포함할 수도 있습니다.

네비게이션은 웹 사이트의 정보 구조를 나타내는 역할을 합니다. 메뉴 항목의 순서와 계층 구조는 사용자에게 웹 사이트 내의 콘텐츠 구조를 전달하고, 사용자가 원하는 정보를 쉽게 찾을 수 있도록 도와줍니다. 따라서 네비게이션은 웹 사이트의 사용자 경험에 직접적인 영향을 미치며, 적절한 구조와 디자인이 필요합니다.

네비게이션은 반응형 디자인을 고려하여 다양한 화면 크기에 대응할 수 있도록 설계되어야 합니다. 모바일 기기에서도 효과적인 네비게이션 경험을 제공하기 위해 햄버거 메뉴, 드롭다운 메뉴, 탭 등의 패턴이 사용될 수 있습니다.

또한, 웹 사이트의 시맨틱 마크업과 검색 엔진 최적화를 고려하여 네비게이션 요소를 정의해야 합니다. 적절한 HTML 태그와 속성을 사용하여 네비게이션을 구현하면 검색 엔진이 웹 사이트를 이해하고 인덱싱하는 데 도움을 줄 수 있습니다.

네비게이션 활용

1.메뉴 구성: 네비게이션은 웹 사이트의 메뉴 구성에 사용됩니다. 메인 메뉴와 하위 메뉴를 포함하여 웹 사이트의 다양한 섹션과 페이지를 구성하는 데 활용됩니다. 메뉴 항목은 사용자가 특정 카테고리, 서비스, 기능에 접근할 수 있는 링크 역할을 합니다.

2.사이트맵 제공: 네비게이션은 웹 사이트의 사이트맵을 제공하는 데 사용될 수 있습니다. 사이트맵은 웹 사이트의 전체 구조를 시각적으로 보여주는 링크 모음이며, 사용자가 원하는 페이지로 직접 이동할 수 있습니다. 이는 사용자가 긴 계층 구조를 효율적으로 탐색하고, 원하는 정보를 빠르게 찾을 수 있도록 돕습니다.

3.관련 콘텐츠 제공: 네비게이션은 관련 콘텐츠를 제공하는 데 활용될 수 있습니다. 예를 들어, 사용자가 특정 페이지를 방문하면 관련 상품, 서비스, 기사 등과 같은 관련 콘텐츠를 네비게이션을 통해 제공할 수 있습니다. 이는 사용자가 더 많은 정보를 탐색하고, 웹 사이트에서 원하는 콘텐츠를 발견할 수 있도록 돕습니다.

4.검색 기능 제공: 네비게이션은 검색 기능을 제공하는 데 활용될 수 있습니다. 검색 아이콘 또는 검색 창을 네비게이션에 통합하여 사용자가 웹 사이트 내의 특정 콘텐츠를 검색할 수 있도록 돕습니다. 이는 사용자가 더욱 정확하고 빠르게 원하는 정보를 찾을 수 있도록 돕습니다.

5.사용자 경로 추적: 네비게이션은 사용자의 경로 추적에 활용될 수 있습니다. 사용자가 웹 사이트에서 어떤 페이지를 방문했는지 추적하여 사용자의 동선과 행동 패턴을 파악할 수 있습니다. 이를 통해 웹 사이트의 개선점을 찾거나 개인화된 사용자 경험을 제공하는 데 활용할 수 있습니다.

6.시각적 효과 및 인터랙션: 네비게이션은 시각적인 효과와 인터랙션을 통해 사용자 경험을 향상시킬 수 있습니다. 마우스 호버 효과, 클릭 애니메이션, 드롭다운 메뉴, 메가 메뉴 등 다양한 시각적 요소와 인터랙션을 활용하여 사용자의 주목을 끌고 웹 사이트의 탐색을 즐겁고 편리하게 만들 수 있습니다. 이는 사용자들이 웹 사이트에서 자연스럽고 직관적인 인터페이스를 경험할 수 있도록 돕습니다.

7.사용자 인증 및 계정 관리: 네비게이션은 사용자 인증과 계정 관리 기능을 포함할 수도 있습니다. 사용자가 로그인하거나 회원 가입을 할 수 있는 링크 또는 버튼을 제공하여 사용자가 개인화된 기능에 접근할 수 있도록 돕습니다. 이를 통해 사용자는 자신의 계정 정보를 관리하고, 주문 내역, 설정, 프로필 등을 확인하고 수정할 수 있습니다.

8.다국어 및 로케일 지원: 네비게이션은 다국어 지원과 로케일 설정에 활용될 수 있습니다. 다양한 언어로 제공되는 메뉴 항목이나 언어 선택 기능을 통해 사용자는 원하는 언어로 웹 사이트를 탐색할 수 있습니다. 또한, 로케일 설정을 통해 사용자에게 지역에 맞는 콘텐츠와 기능을 제공할 수 있습니다.

9.접근성 고려: 네비게이션은 접근성을 고려하여 설계되어야 합니다. 웹 접근성 지침을 준수하여 시각 장애인이나 저시력자, 운동 장애인 등 다양한 사용자 그룹이 웹 사이트를 탐색하고 사용할 수 있도록 돕습니다. 키보드 탐색 가능성, 스크린 리더 호환성, 대체 텍스트 제공 등 접근성 요구 사항을 충족하는 네비게이션을 구현해야 합니다.

네비게이션 예시

1.상단 메뉴: 웹 사이트 상단에 고정된 메뉴 바를 배치하여 주요 섹션 또는 카테고리에 대한 링크를 제공하는 것이 일반적입니다. 예를 들어, "홈", "제품", "서비스", "블로그", "고객 지원"과 같은 메뉴 항목이 있을 수 있습니다.

2.햄버거 메뉴: 모바일 장치에서 사용되는 네비게이션 패턴 중 하나인 햄버거 메뉴는 세로로 쌓인 세로 막대기 형태의 아이콘으로 표현됩니다. 햄버거 메뉴를 터치하면 드롭다운 메뉴 또는 측면에서 확장되는 메뉴가 표시되어 추가적인 링크에 액세스할 수 있습니다.

3.드롭다운 메뉴: 메인 메뉴 항목을 마우스 호버 또는 터치하면 하위 메뉴가 나타나는 형태의 네비게이션입니다. 메인 메뉴 항목에 해당하는 하위 메뉴 항목을 그룹화하여 사용자가 세부 카테고리나 기능으로 빠르게 이동할 수 있도록 합니다.

4.탭 네비게이션: 주요 섹션이나 카테고리를 탭 형태로 표시하는 네비게이션입니다. 사용자는 각 탭을 클릭하여 해당 섹션으로 즉시 이동할 수 있습니다. 예를 들어, "소개", "기능", "가격" 등의 탭을 클릭하면 해당 내용이 표시되는 것입니다.

5.사이드바 네비게이션: 웹 사이트의 사이드바 영역에 위치하는 네비게이션으로, 주요 섹션이나 카테고리에 대한 링크를 제공합니다. 사용자는 사이드바를 펼치거나 축소하여 원하는 섹션으로 이동할 수 있습니다.

6.스크롤 내비게이션: 웹 페이지의 스크롤을 이용하여 네비게이션을 제공하는 방식입니다. 사용자가 스크롤을 내리면 페이지 내의 다양한 섹션으로 자연스럽게 이동하고, 네비게이션 링크는 현재 보이는 섹션을 강조하여 사용자에게 위치를 시각적으로 안내합니다.

7.메가 메뉴: 메인 메뉴 항목에 마우스 호버하면 확장되어 세부 카테고리 또는 하위 메뉴를 보여주는 형태의 네비게이션입니다. 메가 메뉴는 대규모 웹 사이트나 전문적인 콘텐츠를 가진 사이트에서 주로 사용됩니다. 예를 들어, 전자상거래 사이트의 메인 메뉴 항목이 "의류", "신발", "악세사리"인 경우, 의류에 마우스를 올리면 의류 카테고리의 하위 메뉴인 "남성 의류", "여성 의류", "아동 의류" 등이 나타날 수 있습니다.

8.스크롤 스파이: 긴 웹 페이지에서 사용자의 스크롤 위치에 따라 네비게이션 항목이 자동으로 강조되는 방식입니다. 사용자가 스크롤을 내리면 네비게이션 항목이 현재 보이는 섹션과 연관되도록 변경되어 사용자가 페이지의 위치를 시각적으로 파악할 수 있습니다.

9.로그인 및 사용자 관리: 네비게이션은 로그인 또는 사용자 계정 관리와 관련된 기능을 포함할 수 있습니다. 예를 들어, "로그인", "회원 가입", "마이 페이지", "로그아웃"과 같은 링크를 제공하여 사용자가 로그인 상태를 확인하고 개인 정보를 관리하거나 로그아웃할 수 있도록 돕습니다.

10.Breadcrumb 네비게이션: Breadcrumb은 사용자가 현재 위치한 페이지의 경로를 시각적으로 나타내는 네비게이션입니다. 일반적으로 "홈 > 카테고리 > 서브카테고리 > 현재 페이지"와 같은 형태로 표시됩니다. Breadcrumb은 사용자에게 웹 사이트의 계층 구조를 이해시키고, 이전 페이지로 쉽게 돌아갈 수 있는 경로를 제공합니다.

11.카테고리 필터: 상품 목록이나 검색 결과와 같이 다량의 콘텐츠를 필터링할 수 있는 기능을 제공하는 네비게이션입니다. 사용자는 카테고리, 가격, 색상, 브랜드 등 다양한 필터 옵션을 선택하여 원하는 콘텐츠를 좀 더 구체적으로 찾을 수 있습니다.

네비게이션 장점

1.쉬운 탐색: 네비게이션은 사용자가 웹 사이트에서 원하는 콘텐츠나 기능으로 쉽게 이동할 수 있도록 돕습니다. 메뉴 항목이나 링크를 통해 사용자는 목적지로 바로 이동하거나 필요한 정보를 찾을 수 있습니다. 이로 인해 사용자들은 웹 사이트를 효율적으로 탐색하고 원하는 내용을 빠르게 찾을 수 있습니다.

2.사용자 경험 향상: 잘 설계된 네비게이션은 사용자 경험을 향상시킵니다. 직관적인 인터페이스, 시각적 효과, 인터랙션 등을 통해 사용자들은 웹 사이트에서의 탐색을 즐겁게 할 수 있습니다. 사용자가 웹 사이트를 편리하게 이용할 수록 만족도와 유창성이 향상될 수 있습니다.

3.정보 구조화: 네비게이션은 웹 사이트의 정보를 구조화하고 조직화하는 데 도움을 줍니다. 메뉴 항목이나 하위 메뉴를 사용하여 콘텐츠를 카테고리별로 분류하거나 계층 구조로 표현할 수 있습니다. 이를 통해 사용자들은 웹 사이트의 구조를 이해하고 필요한 정보를 쉽게 찾을 수 있습니다.

4.일관성 유지: 네비게이션은 웹 사이트 전체에서 일관성을 유지하는 데 도움을 줍니다. 동일한 네비게이션 패턴이 모든 페이지에 적용되면 사용자들은 웹 사이트를 탐색하는 데 일관된 경험을 얻을 수 있습니다. 이는 사용자들이 웹 사이트를 이해하고 사용하는 데 도움을 줄 뿐 아니라 브랜드의 일관성을 유지하는 데도 도움이 됩니다.

5.반응성 지원: 모바일 장치의 사용 증가로 인해 네비게이션은 반응형 디자인과 함께 모바일 환경에 대한 지원이 중요해졌습니다. 햄버거 메뉴, 드롭다운 메뉴, 스크롤 내비게이션 등 모바일에 적합한 네비게이션 패턴을 사용하여 사용자가 모바일 장치에서도 웹 사이트를 쉽게 탐색할 수 있도록 돕습니다. 또한, 모바일에서의 터치 인터페이스를 고려하여 네비게이션 요소의 크기와 간격을 조정하여 사용자가 정확하고 편안하게 메뉴를 선택할 수 있도록 합니다.

6.검색 엔진 최적화(SEO): 잘 설계된 네비게이션은 검색 엔진 최적화에도 중요한 역할을 합니다. 검색 엔진은 웹 사이트의 구조와 링크 구조를 이해하고 색인화하는 데 네비게이션을 활용합니다. 명확하고 일관된 네비게이션은 검색 엔진이 웹 사이트를 크롤링하고 검색 결과에 노출시킬 때 중요한 요소가 됩니다. 또한, 네비게이션을 통해 사용자들이 다양한 페이지로 이동하고 시간을 더 많이 보낼 수 있기 때문에 검색 엔진에서는 사용자 경험을 고려하여 웹 사이트의 랭킹을 결정하는 데에도 영향을 줄 수 있습니다.

7.확장성: 잘 설계된 네비게이션은 웹 사이트가 성장하고 확장될 때 유연하게 대처할 수 있습니다. 새로운 카테고리 또는 섹션을 추가하거나 기존 항목을 수정하거나 제거하는 등의 변경을 쉽게 수행할 수 있습니다. 네비게이션은 웹 사이트의 구조적인 변화에 유연하게 대응하여 사용자들이 변경 사항을 쉽게 인식하고 이용할 수 있도록 합니다.

네비게이션 단점

1.과도한 복잡성: 일부 웹 사이트에서는 다양한 항목과 하위 메뉴가 포함된 복잡한 네비게이션을 사용할 수 있습니다. 이 경우 네비게이션은 혼란을 야기하고 사용자의 이용 경험을 저하시킬 수 있습니다. 너무 많은 항목이나 메뉴가 있는 경우 사용자가 원하는 정보를 찾기 어려울 수 있으며, 잘못된 구조나 일관성이 없는 네비게이션은 사용자들을 혼란스럽게 할 수 있습니다.

2.제한된 공간: 모바일 장치와 같이 화면 크기가 작은 환경에서는 네비게이션 항목을 배치하기 어려울 수 있습니다. 제한된 공간으로 인해 메뉴가 길어지거나 너무 많은 메뉴 항목이 표시되지 못할 수 있습니다. 이로 인해 사용자는 필요한 메뉴 항목을 찾기 어려워질 수 있으며, 네비게이션이 사용자 경험을 저하시키는 요소가 될 수 있습니다.

3.시각적 제한: 일부 사용자는 시각적인 장애를 가지고 있을 수 있습니다. 이러한 사용자들은 시각적인 네비게이션 요소에 의존하기 어려울 수 있습니다. 텍스트 기반의 네비게이션 항목이 적절히 제공되지 않거나 이미지 또는 아이콘만으로 구성된 경우 시각적으로 제한된 사용자들은 네비게이션을 인식하기 어려울 수 있습니다. 따라서, 웹 사이트는 시각적 제한을 고려하여 대체 텍스트, 키보드 탐색 등의 보조 기술을 활용하여 접근성을 개선해야 합니다.

4.일관성 부족: 일관성은 네비게이션에서 매우 중요한 요소입니다. 사용자가 다른 페이지를 탐색하거나 다른 기기에서 웹 사이트를 이용할 때 일관된 네비게이션 패턴을 유지하는 것이 중요합니다. 일관성이 부족한 네비게이션은 사용자들에게 혼란을 주고 탐색의 일관성을 해치게 할 수 있습니다.

5.콘텐츠 제한: 네비게이션은 주로 제한된 공간에 많은 항목을 표시하기 위해 사용될 수 있습니다. 이로 인해 네비게이션 바 또는 메뉴에 표시되는 항목 수가 제한될 수 있습니다. 따라서, 웹 사이트가 다양한 콘텐츠를 가지고 있는 경우 모든 항목을 네비게이션에 표시하는 것이 어려울 수 있습니다. 이는 사용자들이 특정 콘텐츠나 기능을 놓치거나 발견하기 어려워질 수 있다는 의미입니다. 따라서, 웹 사이트 운영자는 중요한 항목을 우선적으로 표시하고 필요한 경우 하위 메뉴, 드롭다운 메뉴 또는 검색 기능과 같은 대안적인 탐색 방법을 제공하여 이러한 제한을 극복해야 합니다.

6.언어와 문화적 제약: 네비게이션에서는 주로 텍스트 기반의 링크 또는 아이콘을 사용합니다. 그러나 이러한 텍스트나 아이콘은 언어와 문화에 따라 이해되지 않을 수 있습니다. 다른 언어를 사용하는 사용자나 다른 문화권에서의 사용자는 네비게이션 항목의 의미를 이해하기 어려울 수 있습니다. 따라서, 다국어 지원과 문화적인 측면을 고려하여 네비게이션을 설계하는 것이 중요합니다.

7.유지 보수 및 업데이트: 웹 사이트의 구조나 콘텐츠가 변경되거나 추가될 때, 네비게이션도 업데이트되어야 합니다. 네비게이션의 유지 보수는 시간과 노력이 필요한 작업일 수 있습니다. 또한, 네비게이션을 업데이트하는 동안 사용자들이 이용하는 동안 불편을 겪을 수 있습니다. 따라서, 네비게이션을 설계할 때 유지 보수와 업데이트 과정을 고려하여 신중하게 구조화하는 것이 중요합니다.

네비게이션 필요성

1.사용자 경험 향상: 네비게이션은 사용자가 웹 사이트 내에서 콘텐츠나 기능을 찾고 탐색하는 데 도움을 줍니다. 사용자가 웹 사이트에서 필요한 정보를 쉽게 찾을 수 있도록 구조화된 메뉴와 링크를 제공함으로써 사용자 경험을 향상시킵니다. 직관적이고 사용하기 쉬운 네비게이션은 사용자들이 웹 사이트를 즐겁게 이용할 수 있도록 돕습니다.

2.정보 구조화: 네비게이션은 웹 사이트의 정보 구조를 정리하고 체계화하는 데 도움을 줍니다. 웹 사이트가 다양한 섹션, 카테고리, 페이지 등으로 구성되어 있다면, 네비게이션은 이러한 구조를 시각적으로 표현하여 사용자들이 웹 사이트의 구성과 콘텐츠를 이해할 수 있도록 합니다.

3.탐색 용이성: 웹 사이트가 커지고 복잡해질수록 사용자는 원하는 정보를 찾기 어려워질 수 있습니다. 네비게이션은 사용자들이 웹 사이트를 탐색하고 원하는 페이지로 이동하는 데 도움을 주는 핵심적인 도구입니다. 적절한 메뉴 구조와 링크를 제공함으로써 사용자들이 원하는 콘텐츠를 빠르게 찾을 수 있습니다.

4.일관성 유지: 네비게이션은 웹 사이트 내에서 일관성을 유지하는 데 도움을 줍니다. 웹 사이트의 모든 페이지에서 동일한 네비게이션 메뉴를 사용함으로써 사용자들은 항상 익숙한 구조와 탐색 방식을 경험할 수 있습니다. 이는 사용자들의 혼동을 방지하고 일관된 사용자 경험을 제공하는 데 도움이 됩니다.

5.마케팅 및 전략적 목표 달성: 네비게이션은 웹 사이트의 마케팅 목표와 전략적 목표를 달성하는 데 중요한 역할을 합니다. 효과적인 네비게이션을 통해 특정 제품, 서비스, 또는 캠페인을 강조하거나 주요 콘텐츠를 노출시킬 수 있습니다. 예를 들어, 웹 사이트의 메인 네비게이션 바에 특정 제품 카테고리를 포함시켜 해당 제품을 강조할 수 있습니다. 또는 특정 이벤트 또는 프로모션을 위해 네비게이션에 주요 링크를 추가할 수도 있습니다.

6.모바일 최적화: 네비게이션은 모바일 장치에서 웹 사이트를 사용할 때 특히 중요합니다. 작은 화면 공간과 제한된 입력 방법으로 인해 사용자가 콘텐츠를 탐색하고 이동하는 것이 어려울 수 있습니다. 모바일에 최적화된 네비게이션은 사용자들이 웹 사이트를 쉽게 탐색할 수 있도록 돕고, 터치 기반의 인터페이스에 적합한 디자인과 구조를 제공합니다.

7.네비게이션은 웹 사이트의 사용성, 접근성, 효율성, 그리고 마케팅적인 목표를 달성하기 위해 필수적인 요소입니다. 적절한 네비게이션 설계는 사용자들이 웹 사이트를 즐겁게 이용하고 목표를 달성할 수 있도록 돕는데 큰 영향을 미칩니다. 따라서, 웹 사이트를 개발하거나 리디자인할 때 네비게이션에 충분한 고려를 기울이는 것이 중요합니다.

네비게이션 목적

1.사용자 경험 향상: 네비게이션은 사용자들이 웹 사이트를 즐겁고 효율적으로 이용할 수 있도록 돕는 주요한 요소입니다. 효과적인 네비게이션은 사용자들이 원하는 콘텐츠를 빠르게 찾을 수 있게 하며, 직관적인 디자인과 일관된 구조를 제공하여 사용자 경험을 향상시킵니다.

2.정보 구조화: 네비게이션은 웹 사이트의 정보 구조를 체계적으로 정리하고 구성하는 데 도움을 줍니다. 웹 사이트가 다양한 섹션, 카테고리, 페이지 등으로 구성되어 있다면, 네비게이션은 이러한 구조를 시각적으로 표현하여 사용자들이 웹 사이트의 구성과 콘텐츠를 이해할 수 있도록 합니다.

3.웹 사이트 탐색 용이성: 네비게이션은 사용자들이 웹 사이트 내에서 원하는 콘텐츠로 이동하고 탐색할 수 있는 방법을 제공합니다. 적절한 메뉴 구조와 링크를 제공함으로써 사용자들은 웹 사이트를 효율적으로 탐색하고 필요한 정보에 접근할 수 있습니다.

4.핵심 콘텐츠 강조: 네비게이션을 통해 웹 사이트의 핵심 콘텐츠를 강조할 수 있습니다. 메인 네비게이션 바에 특정 제품 카테고리나 서비스를 포함시켜 해당 항목을 더욱 눈에 띄게 할 수 있습니다. 이는 마케팅적인 목적을 달성하고 사용자들이 원하는 콘텐츠에 집중할 수 있도록 돕습니다.

5.사용자 유도 및 목표 달성: 네비게이션은 사용자들을 특정 목표로 유도하고 웹 사이트의 원하는 동작을 수행하도록 돕는 역할을 합니다. 예를 들어, 웹 사이트의 중요한 기능이나 액션을 네비게이션에 포함시켜 사용자들이 해당 기능을 쉽게 찾을 수 있습니다. 사용자들을 웹 사이트의 주요 서비스, 제품, 뉴스 등으로 유도하여 목표 달성을 돕고, 사용자들이 원하는 정보를 쉽게 찾을 수 있도록 지원합니다.

6.시각적 유인과 유용한 정보 제공: 네비게이션은 웹 사이트의 시각적인 요소로서 사용자들에게 시선을 유인할 수 있습니다. 디자인과 색상을 활용하여 사용자의 주목을 끌거나 특정 콘텐츠를 강조할 수 있습니다. 또한, 네비게이션에는 유용한 정보를 제공하는 링크나 드롭다운 메뉴 등을 포함시켜 사용자들이 더 많은 콘텐츠를 탐색하거나 원하는 정보에 빠르게 접근할 수 있도록 돕습니다.

7.웹 사이트 구조화 및 콘텐츠 발견성: 네비게이션은 웹 사이트의 구조화와 콘텐츠 발견성을 개선하는 데에 중요한 역할을 합니다. 웹 사이트가 복잡한 구조를 가지고 있거나 다양한 카테고리와 페이지로 구성되어 있다면, 네비게이션을 통해 이러한 구조를 시각적으로 표현하고 사용자들이 원하는 콘텐츠를 빠르게 찾을 수 있도록 돕습니다. 또한, 효과적인 네비게이션 설계는 SEO(Search Engine Optimization) 측면에서도 중요하며, 검색 엔진에서 웹 사이트의 콘텐츠를 쉽게 인덱싱하고 검색 결과에 노출시킬 수 있도록 돕습니다.

네비게이션 관련키워드

1.메뉴 (Menu)

2.탐색 (Navigation)

3.메인 네비게이션 (Main Navigation)

4.서브 네비게이션 (Sub Navigation)

5.드롭다운 메뉴 (Dropdown Menu)

6.햄버거 메뉴 (Hamburger Menu)

7.사이트맵 (Sitemap)

8.링크 (Link)

9.버튼 (Button)

10.탭 (Tab)

11.슬라이더 (Slider)

12.스크롤링 (Scrolling)

13.스크롤 스파이 (Scroll Spy)

14.페더레이션 (Federation)

15.스티키 네비게이션 (Sticky Navigation)

16.모바일 네비게이션 (Mobile Navigation)

17.카테고리 (Category)

18.태그 (Tag)

19.푸터 네비게이션 (Footer Navigation)

20.내비게이션 디자인 (Navigation Design)