메뉴 및 정보 구조 설계 시, 사용자 경험(UX)를 고려한 적정 Depth(계층 구조)의 기준과 Depth가 깊어졌을 때 문제점과 해결 방안에 대해서 생각한 방법입니다. 특히 정보량이 많은 웹앱에 적합한 기준과 설계 방향에 대해서 생각했습니다.
Depth란 무엇인가?
Depth는 사용자가 특정 정보에 도달하기 위해 몇 단계(몇 번 이동을 해야하는지) 나타내는 개념입니다. 보통 페이지 이동 경로라 부르고, Depth가 깊을수록 탐색이 어려워집니다.
예시홈 > 지역 선택 > 음식점 카테고리 > 서울 강남 > 한식
➡ Depth를 뜻합니다.
Depth의 적정 기준
사용자가 주요 정보에 3~4단계 이내로 도달할 수 있도록 설계하는 것이 가장 좋습니다.
하지만 디자인, 콘텐츠 내용에 따라 해당 내용을 모두 지킬 수 없는 경우가 존재하지만 Depth를 4단계 이내로 담을 수 있게 만드는 게 UX의 핵심이 아닐까 싶습니다.
|
Depth 단계 |
사용자 인지 가능성 |
UX 평가 |
|---|---|---|
|
1~2단계 |
매우 우수 |
매우 편리함 |
|
3단계 |
적절함 |
표준 수준 |
|
4단계 이상 |
복잡하고 혼란 가능 |
개선 필요 |
Depth가 깊어졌을 문제점
-
이탈률 증가 및 탐색 실패 경험
-
원하는 정보를 찾는 시간 증가
-
URL이 길어지고 공유/저장이 어려움
-
검색엔진(SEO) 크롤링 효율 저하
개선을 위한 예시로 지역 + 카테고리가 있다면 `지역 > 카테고리`를 지역에서 카테고리 필터를 추가해서 보여주는 방법을 사용한다거나 상세 페이지에서 지역 태그 및 관련 콘텐츠를 제공하는 방법이 있습니다.
UX Depth는 3단계 이하, 최대 4단계까지로 제한하고 구조가 깊어지면 리팩토링과 탐색 보조 기능을 도입하는 것이 좋습니다. 정보량이 많은 사이트는 검색 기능 브레드스크럼, 추천 링크, 간결한 URL 구조를 제공하면 사용자 이탈을 최소화 할 수 있습니다.