필터와 정렬 UI 만들기

우리가 분류하기 편한 기준이 아니라, 방문자가 고를 때 쓰는 기준으로 만들어야 합니다. 내부 코드나 조직 기준으로 나누면 아무도 쓰지 않습니다.

고객이 문의할 때 어떤 조건을 말하는지 들어보면 필터 항목이 나옵니다.

현재 어떤 조건이 걸려 있는지 눈에 보이게 합니다.

개별 해제와 전체 해제 모두 제공합니다.

필터를 걸 때마다 몇 건인지 보여줍니다.

결과가 없는 선택지는 비활성화하거나 건수를 표시합니다.

선택하면 바로 결과가 바뀌게 합니다. '적용' 버튼은 부담입니다.

필터 상태가 주소에 담기면 공유하고 뒤로가기가 됩니다.

대부분의 방문자는 정렬을 바꾸지 않습니다. 그래서 기본값을 무엇으로 하느냐가 실질적으로 노출 순서를 결정합니다.

'등록순'이 기본이면 오래된 것이 앞에 나옵니다. 대개는 최신순이나 인기순이 낫습니다.

□  필터 항목이 방문자의 선택 기준으로 되어 있는가

□  적용된 필터가 눈에 보이는가

□  개별 해제와 전체 해제가 가능한가

□  필터마다 결과 건수를 보여주는가

□  선택 즉시 결과가 반영되는가

□  필터 상태가 주소에 반영되는가

□  정렬 기본값이 적절한가

□  모바일에서 필터가 화면을 가리지 않는가