nav bar1

네비게이션바의 중요성


배경 이미지 위에 네비게이션 링크들이 놓인 경우



배경 이미지 위에 네비게이션 링크들이 놓인 경우


가끔 몇몇 사이트를 보면 네비게이션 링크들이 Full-width 이미지 바로 위에 놓여있는 경우를 보게 됩니다. 이런 경우 미적인 부분에서는 아름다울지 몰라도 이미지 위의 텍스트 가독성이 많이 떨어지기 때문에 네비게이션 경험이 좋지 못합니다. 사용자들은 자신이 필요한 목적 달성을 위해 한눈에 전체적인 사이트 페이지 구성을 봐야 하는데, 네비게이션의 가독성 이슈는 전체적인 사용자 경험을 안 좋게 만듭니다.






네비게이션바의 중요성




네비게이션바의 중요성


앞서 말한것처럼 이미지 위에 네비게이션 링크를 배치하는것보다 솔리드한 배경색 위에 네비게이션 링크들을 배치되는 것이 가독성 측면에서 중요합니다. 하지만 그럼에도 불구하고 만약 네비게이션 바가 없다면 다른 텍스트나 모듈과 섞여 사용자의 관점에서 헷갈릴 수 있습니다.

그러기에 네비게이션 링크 아래에 반드시 바를 두어서 다른 엘리먼트과 섞이지 않게 구분해주는 것이 중요합니다. 바를 사용하는 것보다 더 명확하게 네비게이션을 다른 엘리먼트들과 구분할 방법은 없습니다. 그렇기에 네비게이션 바의 사용은 마치 지도를 보는것처럼 사이트에서 길을 잃은 사용자를 안내해주는 도구와같은 역할을 합니다.

SNS 공유하기

Share on facebook
Share on twitter
Share on linkedin

매주 주말마다 새로운 디자인 뉴스레터를 받아보세요 📪

Scroll to Top