[디없디 #2] 네비게이션 계층 구조

 

 

 

 

디자인을 할때 현재 위치 표시에 대해서 고민하던것들을 적어보려고 한다

1.헤더

- 브레드크럼
home표시와 현재 페이지 표시를 줄여라

 

2) 메뉴

네비게이션의 계층구조에 따라 어디에 표현될지가 편리한 UX로 이끈다.
메뉴의 구조를 잘 잡아야 사용자가 헷갈리지 않게 서비스를 사용할 수 있다.
메뉴명과 카테고리을 잘 나눠놔야 현재페이지에 대한 중복적인 표시를 막을 수 있다.

https://carbondesignsystem.com/

UX Collective 블로그에서 네비게이션에 대해서 분석한 내용

1. 메인 네비게이션은 왼쪽에 둘때 많은 장점이 있다.
- 사람들은 알파벳 F자의 형태로 웹페이지를 훑어보는 경향이 있어 네비게이션의 위치는 위쪽과 왼쪽에 두는것이 좋다.

 

2. 네비게이션을 위쪽에 두면 공간이 절약 된다.
- 네비게이션을 왼쪽에 두면 기본적인 화면구성만으로도 페이지의 25%까지 차지하게 된다.
- 네비게이션을 위쪽두면 공간에 대한 절약이 되지만 그만큼 보여줄수있는 메뉴의 갯수가 적고 왼쪽에 두었을시에는 더많은 메뉴를 보여줄수있고 서비스의 규모가 커지더라도 메뉴 추가하기가 편리하다.

3. 마우스 가져가면 활성화 되는 하위메뉴는 상단 네비게이션 방식에서 훨씬 효과적이다
- 네비게이션을 왼쪽에 두면 마우스를 대각선 방향으로 움직일대 다른 메뉴가 선택되는 문제가 발생 할 수 있다. 사이드 네이게이션을 사용 할 땐 수직방향으로 다른 화면이 나타나서 가리지 않도록 처리해야한다.

🎈 메뉴의 세 번 클릭 규칙

세 번 클릭 규칙은 웹 사이트 사용자가 세 번 이상 마우스를 클릭하지 않고도 모든 정보를 찾을 수 있어야 한다는 것을 의미한다. 이 규칙은 정보의 우선 순위를 지정하는 데 도움이 된다. 이상적으로 중요한 페이지는 홈페이지에서 2-3번의 클릭으로 떨어져 있어야 하고 4-5번의 클릭으로 떨어진 곳은 덜 중요해야 한다.

 

 

www.designlog.org

 

내비게이션(탐색) 메뉴를 위한 UX 디자인 원칙 7가지

https://yozm.wishket.com/magazine/detail/597/

상단 내비게이션 vs 사이드 내비게이션, 어느 것이 더 나을까? | 요즘IT