정렬·필터 순서는 늘 똑같이

KRDS SP-042 — 기본 검색에서 정렬, 필터 컨트롤은 일정한 순서로 제공되고 있다.

0. 들어가며 — 정렬·필터 순서가 화면마다 다르면

이번 716편은 기본 검색에서 정렬, 필터 컨트롤은 일정한 순서로 제공하라는 규칙입니다.

정렬·필터 컨트롤이 — 검색마다·화면마다 다른 순서로 나오면, 사용자는 매번 찾아야 하죠. SP-042는 일정한 순서로 제공 하라고 규정합니다. 일관성으로 예측 가능성을 주는 거죠. 이번 편을 풀어냅니다.

1. 원문 — 정렬·필터 컨트롤 일정한 순서

SP-042 (서비스 패턴 > 검색 > 상세 검색) “기본 검색에서 정렬, 필터 컨트롤은 일정한 순서로 제공되고 있다.”

정렬·필터 컨트롤을 일정한 순서로 제공하라는 뜻입니다.

정리: 정렬·필터 컨트롤을 일정한 순서로 제공하라. 이게 SP-042입니다.

2. 왜 일정한 순서인가

SP-041에서 정렬·필터 컨트롤을 제공했죠. SP-042는 그 컨트롤의 순서입니다. 정렬 옵션(관련도·최신·인기)과 필터 옵션(기간 등)이 검색·화면마다 다른 순서로 나오면, 사용자가 헷갈리죠. SP-042는 일정한 순서를 요구합니다.

순서가 들쭉날쭉할 때의 문제:

매번 찾기 정렬 옵션 순서가(‘관련도·최신·인기’ vs ‘최신·인기·관련도’), 화면마다 다르면, 사용자는 매번 원하는 옵션을 찾아야 합니다.

실수 순서가 바뀌면, 이전에 익힌 위치에 다른 옵션이 있어, 잘못 선택하기 쉽죠.

혼란 일관 없는 순서는, 사이트가 정돈 안 된 인상을 줍니다.

그래서 SP-042는 — 일정한 순서를 요구합니다:

정렬 옵션 일정 순서 정렬 옵션을, 일정한 순서로요. 보통 ‘정확도/관련도순(기본) → 최신순 → 인기순’ 순으로요. 모든 검색에서 같은 순서로, 사용자가 예측하게요.

필터 컨트롤 일정 순서 필터(기간 등)도, 일정한 순서·위치로요. 검색마다 같은 자리에 같은 순서로요.

사이트 전반 일관 검색 결과 화면이 여러 개여도(통합 검색·게시판 검색 등), 정렬·필터 순서를 통일합니다. 사용자가 한 번 익히면 어디서나 쓰죠.

일관성 = 예측 가능성. 일정한 순서는, 사용자에게 예측 가능성을 줍니다. 한 번 익힌 순서가, 다음에도 같으면 바로 찾죠. 들쭉날쭉하면 매번 새로 익혀야 합니다. 일관성은 UX 원칙입니다(WCAG 3.2.3·3.2.4, 버튼 일관 배치 BP-072 정신).

우선순위 순서. 정렬·필터 순서는, 우선순위(BP-094 정신)도 고려합니다. 가장 많이 쓰는·중요한 걸 앞에요. 기본 정렬(관련도순)을 맨 앞에 두는 것도 그 예죠. 일정하되 의미 있는 순서로요.

이 규칙은 검색(SP)의 ’컨트롤 순서 일관성’을 담당합니다 — 정렬·필터 컨트롤을 일정한 순서로 제공해(042), 사용자가 어느 검색에서든 예측하고 바로 쓰게 하죠. SP-041(컨트롤 제공)의 일관성 짝입니다.

정리하면 — 정렬·필터 컨트롤 순서가 화면마다 다르면 매번 찾아야 하고 실수가 생기므로, 정렬 옵션(관련도·최신·인기)·필터 컨트롤을 일정한(우선순위 반영) 순서로 사이트 전반에서 통일해 제공해야 합니다.

3. 점검 / 개선

무엇을 점검하나

정렬 순서 일정 — 정렬 옵션이 일정한 순서(‘관련도·최신·인기’)인가.

필터 순서 일정 — 필터 컨트롤이 일정한 순서·위치인가.

사이트 일관 — 여러 검색 화면에서 순서가 통일되는가.

개선 방향

정렬 ‘정확도/관련도→최신→인기’ 일정 순서, 필터 일정 순서·위치.

사이트 전반 통일(WCAG 3.2.3/3.2.4). 우선순위 반영 순서(BP-094).

4. 누가 담당하나 / 우리 사이트에 해당될까?

역할	책임
기획/UX	정렬·필터 순서 규칙
퍼블리셔	일정 순서 구현

기관 유형	SP-042 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 권장 (검색 제공 시)

검색 기능을 제공하는 모든 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 정렬 옵션이 일정한 순서(‘관련도·최신·인기’)인가요?

□ 필터 컨트롤이 일정한 순서·위치인가요?

□ 여러 검색 화면에서 순서가 통일되나요?

❓ FAQ

Q1. 순서가 왜 일정해야 하나요? 화면마다 정렬·필터 순서가 다르면 매번 찾아야 하고 잘못 선택하기 쉽습니다. 일정 하면 한 번 익힌 위치를 다음에도 써 예측 가능하죠. Q2. 어떤 순서가 좋나요? 정렬은 ’정확도/관련도순(기본)→최신→인기’처럼 우선순위 반영 순서요(BP-094). 일정하되 의미 있는 순서로요. Q3. SP-041과 뭐가 다른가요? SP-041은 정렬·필터 컨트롤을 제공(존재), SP-042는 그 컨트롤을 일정한 순서로(일관성) 입니다. 함께 정렬·필터 경험을 이루죠.

6. 마무리

SP-042의 메시지:

정렬·필터 순서는 늘 똑같이 — 컨트롤을 일정한 순서로 제공하라.

순서가 화면마다 다르면 매번 찾아야 하고 실수가 생깁니다. 정렬·필터 컨트롤을 일정한 순서로 통일해 예측 가능성을 주는 게 핵심이죠. 다음 편은 스코프 필터 범위 명시입니다.

다음 편 예고 ▶ 「717. (SP-043) 스코프 필터를 사용하는 경우 결과 페이지 상단에 설정된 범위를 명시적으로 표시하고 있다.」

ViewCheck는 정렬·필터 컨트롤이 일정한 순서로 제공되는지를 진단합니다.

📚 참고 출처

KRDS 서비스 패턴 — 검색 가이드 — https://www.krds.go.kr/html/site/service/service_02.html

WCAG 2.1 SC 3.2.3 Consistent Navigation — https://www.w3.org/WAI/WCAG21/Understanding/consistent-navigation.html

KRDS #ViewCheck #공공웹사이트 #전자정부 #디지털정부 #웹접근성 #디자인시스템 #UIUX #UI컴포넌트 #웹표준

KRDS,ViewCheck,공공웹사이트,전자정부,디지털정부,웹접근성,디자인시스템,UIUX,UI컴포넌트,웹표준