카테고리를 2단으로 나눴다: 쇼핑 > 명품

이전 글: A-1 브랜드가 200개 가까이 늘자, 한 줄 카테고리 필터가 막히기 시작했다 · A-2 한 줄 칩을 접고, '전체 카테고리' 패널을 열고 닫게 바꿨다

문제

지난 글에서 전체 카테고리 패널을 붙여 모든 분류를 한 번에 볼 수 있게 했다. 하지만 위쪽 탭 줄은 여전히 소프트웨어, 금융·인증, 서비스, 티켓 같은 세부 분류가 평평하게 늘어선 상태였다. 패널 안에는 이미 쇼핑 / 여행·이동 / 디지털·서비스라는 큰 묶음이 있었는데, 정작 탭은 그 묶음을 쓰지 않고 있었다.

그래서 탭을 두 단으로 나누기로 했다. 1차 탭에는 큰 묶음 몇 개만 두고, 2차 줄에는 고른 묶음 안의 세부 분류만 보여 주자는 생각이었다. 한 번에 눈에 들어오는 선택지를 줄이는 게 의도였다.

바꾼 화면

쇼핑 > 명품 화면

1차 탭은 전체 / 쇼핑 / 여행·이동 / 디지털·서비스 / 알파캣 다섯 개다. 쇼핑을 고르면 아래 줄에 전체 · 종합몰 · 패션·잡화 · 명품 · 뷰티 · 식품 · 건강이 나온다. 아래는 쇼핑 > 명품을 고른 개발 화면이다. 적립 정보 부분은 가렸다.

해외직구는 탭이 아니라 위쪽의 체크 필터로 두었다. 같은 브랜드를 분류와 해외직구 탭 양쪽에 나누는 대신, 해외직구 여부를 별도 조건으로 고르게 했다. 그러면서 "브랜드 하나는 카테고리 하나에만 속한다"는 원칙도 정했다.

배운 점과 남은 한계

• 2단으로 나누자 분류 규칙 자체를 먼저 정해야 했다. 브랜드 하나 = 카테고리 하나가 그 출발점이다.
• 해외직구 같은 속성은 분류보다 필터에 가깝다. 탭으로 두면 구조가 꼬이기 쉽다.
• 모바일에서 어떻게 보이는지는 이번 글에 담지 않았다.

카테고리 시리즈는 여기서 일단 마무리한다.