List

정보구조(IA) 설계 실무: 뎁스는 몇 단계가 적당한가

#웹가이드

Web Guide정보구조IA 설계메뉴 뎁스
정보구조(IA) 설계 실무: 뎁스는 몇 단계가 적당한가
3단계를 넘어가면 그 페이지는 사실상 없는 것과 같습니다.
메뉴를 깊게 파면 정리된 것처럼 보이지만, 방문자는 두 번째 클릭에서 대부분 포기합니다.
정보구조(IA) 설계 실무: 뎁스는 몇 단계가 적당한가 관련 사진
01뎁스가 깊어지는 이유
콘텐츠가 늘어나면 분류하고 싶어집니다. 분류를 하다 보면 하위 분류가 생기고, 메뉴가 3단계 4단계로 깊어집니다. 정리는 됐는데 아무도 안 들어가는 페이지가 생깁니다.
대부분의 기업 홈페이지는 2단계로 충분합니다. 3단계가 필요하다면 정말 필요한지 다시 검토하세요.
1~2단계
대부분의 기업 홈페이지에 충분
3단계
제품이 많은 경우 검색·필터 병행
4단계 이상
재검토 필요 사실상 미노출
02깊이 대신 넓이를 쓴다
항목이 많으면 깊게 파는 대신 옆으로 펼치는 방법이 있습니다. 상위 메뉴를 하나 더 만들거나, 한 페이지 안에서 탭이나 앵커로 나누는 방식입니다.
특히 제품이 많은 경우에는 계층 메뉴보다 검색과 필터가 훨씬 효과적입니다.
깊이로 해결
제품 → 대분류 → 중분류 → 소분류 → 제품 상세 · 클릭 4번 · 중간 단계 페이지는 아무도 안 봄 · 모바일에서 특히 불편
넓이·검색으로 해결
제품 목록 한 화면 + 분류 필터 + 검색 · 클릭 1~2번 · 원하는 것을 바로 찾음 · 모바일에서도 동작
03메뉴 개수는 5~7개
상단 메뉴가 열 개를 넘으면 눈에 들어오지 않고, 모바일에서는 더 심합니다. 5~7개가 일반적으로 다루기 좋은 범위입니다.
줄이는 방법은 통합과 이동입니다. 비슷한 것끼리 묶고, 자주 안 보는 것은 푸터로 내립니다.
1
통합
'인사말'과 '회사개요'를 '회사소개'로 묶습니다.
2
하위로 이동
'오시는 길'을 '회사소개' 하위로 내립니다.
3
푸터로 이동
개인정보처리방침, 이용약관, 사이트맵은 푸터가 제자리입니다.
4
삭제
1년간 방문자가 거의 없었던 메뉴는 없애는 것을 검토합니다.
5
승격
가장 많이 보는 하위 페이지는 상단으로 올립니다.
04구조를 검증하는 간단한 방법
만든 메뉴 구조가 좋은지 확인하는 가장 쉬운 방법은 사람에게 물어보는 것입니다. 메뉴 이름만 적은 목록을 보여주고 '○○ 정보를 찾으려면 어디를 누르시겠어요'라고 물어보세요.
다섯 명 중 세 명이 다른 곳을 고르면 그 메뉴 이름이나 구조에 문제가 있는 것입니다.
STEP 01
메뉴 목록 준비
이름만
STEP 02
과제 제시
○○ 찾기
STEP 03
선택 관찰
어디를 누르나
STEP 04
구조 수정
헷갈리는 곳
CHECK POINT
□  메뉴 뎁스가 3단계를 넘지 않는가
□  상단 메뉴가 5~7개 범위인가
□  항목이 많은 곳은 검색·필터로 해결했는가
□  푸터로 내려도 되는 메뉴를 정리했는가
□  방문자가 거의 없는 메뉴를 확인했는가
□  사람에게 물어보는 방식으로 구조를 검증했는가
3단계를 넘어가는 페이지는 만들어도 아무도 보지 않습니다.
깊게 파는 대신 검색과 필터로 해결하세요.
#정보구조#IA 설계#메뉴 뎁스#사이트맵#내비게이션#검색 필터#사용성 테스트#홈페이지 기획#웹비스타#홈페이지 제작
목록보기