어떤 조건이 걸렸는지 보이게

KRDS SP-045 — 조건이 적용되었음을 확인할 수 있는 명확한 시각적 단서를 제공하고 있다.

0. 들어가며 — 정렬·필터를 걸었는데 뭘 걸었는지 모르면

이번 719편은 조건이 적용되었음을 확인할 수 있는 명확한 시각적 단서를 제공하라는 규칙입니다.

검색 결과에 — 정렬·필터 조건을 걸었는데, 지금 무슨 조건이 적용 중인지 안 보이면 혼란스럽죠. SP-045는 적용된 조건의 시각 단서를 규정합니다. BP-091(조건 적용 단서)의 검색 적용이죠. 이번 편을 풀어냅니다.

1. 원문 — 조건 적용 시각 단서

SP-045 (서비스 패턴 > 검색 > 상세 검색) “조건이 적용되었음을 확인할 수 있는 명확한 시각적 단서를 제공하고 있다.”

검색 결과에 적용된 정렬·필터 조건의 시각 단서를 제공하라는 뜻입니다.

정리: 적용된 검색 조건의 시각 단서를 제공하라. 이게 SP-045입니다.

2. 왜 조건 적용 단서인가

사용자가 검색 결과에 정렬·필터(SP-041·044)를 적용하면, 결과가 그 조건으로 바뀝니다. 그런데 지금 어떤 조건 이 적용 중인지 안 보이면 혼란스럽죠. SP-045는 적용 단서를 요구합니다. BP-091(필터링·정렬 조건 적용 단서)의 검색 버전입니다.

조건 단서가 없을 때의 문제:

현재 조건 모름 정렬을 ‘최신순’, 필터를 ’1개월’로 걸었는데, 그게 안 보이면, 사용자는 지금 무슨 조건 으로 보는지 모릅니다. 결과가 왜 이런지 혼란스럽죠.

조건 해제 어려움 적용된 조건이 안 보이면, 그걸 어떻게 푸는지(SP-057 일괄 해제)도 모릅니다.

빈 결과 오해 조건이 너무 좁아 0건인데, 조건이 안 보이면 ‘없네’ 오해하죠(SP-040 연계).

그래서 SP-045는 — 명확한 시각 단서를 요구합니다:

적용 조건 표시(칩 등) 적용된 정렬·필터를, 결과 위·옆에 표시합니다. ‘최신순 ✕’, ‘1개월 ✕’, ‘공지사항 ✕’ 같은 칩(태그)으로요(BP-091). 사용자가 지금 무슨 조건이 걸렸는지 한눈에 보죠. 각 칩 ✕로 개별 해제도요.

결과 수 연계 조건 적용 결과 수(SP-035·046)와 함께요. 조건이 결과에 미친 영향을 알게요.

컨트롤 활성 표시 — 정렬·필터 — 컨트롤에, 적용 중임을 표시(활성 색, 선택된 옵션 강조 BP-090)합니다.

스코프 범위 명시(SP-043) 검색 범위(스코프)도 함께 명시하면, 모든 적용 조건이 한눈에 보이죠.

검색 조건 가시성의 효과:

맥락 이해 — 사용자가 — 결과가 왜 이런지(어떤 조건 때문) 이해하죠.

조건 관리 — 적용 조건이 보이니 — 개별·일괄 해제(SP-057)가 쉽습니다.

빈 결과 대응 0건일 때 조건이 보이면, 조건을 완화하자 판단하죠.

BP-091의 검색 적용. BP-091(조건 적용 시각 단서)을, 검색 결과 화면에 적용한 게 SP-045입니다. 검색의 정렬· 필터·스코프 조건을 명시해, 사용자가 현재 상태를 알게 하죠. SP-043(스코프 명시)·SP-057(조건 해제)과 함께 갑니다.

이 규칙은 검색(SP)의 ’검색 조건 가시성’을 담당합니다 — 적용된 조건의 시각 단서를 제공해(045), 사용자가 결과의 맥락을 이해하고 조건을 관리하게 하죠.

정리하면 — 적용된 정렬·필터 조건이 안 보이면 결과 맥락을 모르고 조건 관리가 어려우므로, 적용 조건을 칩 등으로 명시하고 결과 수·컨트롤 활성과 연계한 명확한 시각 단서를 제공해야 합니다.

3. 점검 / 개선

무엇을 점검하나

적용 조건 표시 — 적용된 정렬·필터가 칩 등으로 결과에 표시되는가.

컨트롤 활성 — 정렬·필터 컨트롤에 적용 중 표시가 있는가(BP-090).

연계 — 결과 수(SP-046)·스코프(SP-043)와 함께 보이는가.

개선 방향

적용 조건을 칩(✕ 개별 해제)으로 명시(BP-091). 컨트롤 활성 표시.

결과 수·스코프 범위 연계. 조건 일괄 해제(SP-057)와 함께.

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

역할	책임
기획/UX	조건 단서 설계
퍼블리셔/개발	칩·활성 표시 구현

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

검색 정렬·필터를 제공하는 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 적용된 정렬·필터가 칩 등으로 결과에 표시되나요?

□ 정렬·필터 컨트롤에 적용 중 표시가 있나요(BP-090)?

□ 결과 수(SP-046)·스코프(SP-043)와 함께 보이나요?

❓ FAQ

Q1. 적용 조건을 어떻게 보여주나요? 보통 칩(태그)으로요: ‘최신순 ✕’, ‘1개월 ✕’, ‘공지사항 ✕’. 각 칩 ✕로 개별 해제도 되죠(BP-091). Q2. 조건이 안 보이면 뭐가 문제인가요? 지금 무슨 조건으로 보는지 모르고 결과가 왜 이런지 혼란스럽습니다. 조건 해제 도 어렵고, 0건일 때 ‘없네’ 오해하죠(SP-040). Q3. BP-091과 같나요? BP-091(필터링·정렬 조건 적용 단서)을 검색 결과에 적용한 것입니다. 검색의 정렬·필터·스코프 조건을 명시해 현재 상태를 알게 하죠.

6. 마무리

SP-045의 메시지:

어떤 조건이 걸렸는지 보이게 — 적용된 검색 조건의 명확한 시각적 단서를 제공하라.

적용 조건이 안 보이면 결과 맥락을 모르고 조건 관리가 어렵습니다. 칩·컨트롤 활성·결과 수로 적용 상태를 명시하는 게 핵심이죠. 다음 편은 결과 수 live-region입니다.

다음 편 예고 ▶ 「720. (SP-046) 전체 검색 결과 수 안내 텍스트에 live-region을 적용하고 aria-live=“polite”로 스크린 리더에 전달해야 한다.」

ViewCheck는 적용된 검색 조건의 시각적 단서가 제공되는지를 진단합니다.

📚 참고 출처

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

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

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