상세 검색은 늘 펼쳐 두기

KRDS SP-055 — 화면 너비로 인해 상세 검색을 모달로 제공하지 않는 한 상세 검색 컨트롤은 항상 표시하고 있다.

0. 들어가며 — 재검색 서브섹션의 시작

이번 729편부터 검색의 ‘재검색’ 서브섹션(SP-055~057)입니다. 검색 결과를 다시 좁혀 검색하는 흐름의 규칙들이죠. 첫 편 SP-055는 — 화면 너비로 인해 상세 검색을 모달로 제공하지 않는 한 상세 검색 컨트롤을 항상 표시하라는 규칙입니다.

상세 검색(정렬·필터) 컨트롤을 — 버튼 뒤에 숨겨두면, 사용자가 한 번 더 눌러야 쓰죠. 넓은 화면에선 항상 펼쳐 두는 게 좋습니다. SP-055는 이를 규정합니다. BP-089(주요 필터 항상 노출)의 검색 적용이죠. 이번 편을 풀어냅니다.

1. 원문 — 상세 검색 컨트롤 항상 표시

SP-055 (서비스 패턴 > 검색 > 재검색) “화면 너비로 인해 상세 검색을 모달로 제공하지 않는 한 상세 검색 컨트롤은 항상 표시하고 있다.”

좁은 화면(모달) 외에는 상세 검색 컨트롤을 항상 표시하라는 뜻입니다.

정리: 넓은 화면에선 상세 검색 컨트롤을 항상 표시하라. 이게 SP-055입니다.

2. 왜 항상 표시인가

상세 검색 컨트롤(정렬·필터 SP-041)은, 검색 결과를 좁히고 재검색하는 수단입니다. 이걸 ‘상세 검색’ 버튼 뒤에 숨겨두면, 사용자가 한 번 더 눌러야 쓰죠. SP-055는 넓은 화면에선 항상 표시하라고 합니다. BP-089(주요 필터 항상 노출)의 검색 버전입니다.

상세 검색을 숨길 때의 문제:

발견·활용 저하 상세 검색을 버튼 뒤에 숨기면, 사용자는 그게 있는 줄 모르거나, 쓰려면 한 번 더 눌러야 합니다. 재검색·좁히기를 덜 쓰게 되죠.

추가 클릭 부담 자주 쓰는 정렬·필터를, 매번 열고 닫으면 번거롭습니다.

그래서 SP-055는 — 항상 표시를 요구합니다:

넓은 화면 항상 표시 화면 너비가 충분하면(데스크톱), 상세 검색 컨트롤(정렬·필터)을 항상 펼쳐 표시합니다. 결과 상단·옆에요. 사용자가 바로 보고 쓰죠(발견성).

좁은 화면은 모달 예외 화면이 좁으면(모바일), 공간이 부족해 상세 검색을 모달(바텀시트·전체화면)로 제공할 수 있습니다. 그게 이 규칙의 예외죠. 모바일은 축약 버튼 → 모달로요(BP-102 정신).

반응형 분기 ’화면 너비’를 기준으로, 넓으면 항상 표시, 좁으면 모달로 분기합니다.

BP-089·SP-055의 공통 원리. BP-089(넓은 화면 주요 필터 항상 노출) + BP-102(좁은 화면 축약)의 검색 버전입니다. SP-055는 그 원리를, ’상세 검색 컨트롤’에 적용하죠. 넓으면 노출(발견성), 좁으면 모달(공간 절약)입니다.

상세 검색의 가치. 상세 검색(정렬·필터)은, 검색 결과가 많을 때 좁히는 핵심 수단(SP-039)입니다. 이게 잘 보여 야 사용자가 활용하죠. 항상 표시하면, 사용자가 ’아, 이렇게 좁힐 수 있구나’를 알고 씁니다.

이 규칙은 검색(SP)의 ’상세 검색 가시성’을 담당합니다 — 넓은 화면에서 상세 검색 컨트롤을 항상 표시해(055), 사용자가 재검색·좁히기 수단을 바로 보고 쓰게 하죠. 재검색 서브섹션의 출발점입니다.

정리하면 — 상세 검색 컨트롤을 숨기면 발견·활용이 떨어지므로, 넓은 화면에선 항상 표시하고 좁은 화면에서만 모달로 제공 (반응형 분기)해야 합니다.

3. 점검 / 개선

무엇을 점검하나

넓은 화면 표시 — 데스크톱에서 상세 검색 컨트롤이 항상 표시되는가.

좁은 화면 모달 — 모바일은 모달(축약)로 제공되는가(예외).

반응형 분기 — 화면 너비 기준으로 표시/모달이 분기되는가.

개선 방향

넓은 화면에서 상세 검색 컨트롤 항상 표시(발견성, BP-089).

좁은 화면은 모달(BP-102). 화면 너비 기준 반응형 분기.

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

역할	책임
기획/UX	상세 검색 표시·반응형 설계
퍼블리셔/개발	항상 표시·모달 구현

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

상세 검색(정렬·필터)을 제공하는 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 데스크톱에서 상세 검색 컨트롤이 항상 표시되나요?

□ 모바일은 모달(축약)로 제공되나요(예외)?

□ 화면 너비 기준으로 표시/모달이 분기되나요?

❓ FAQ

Q1. 상세 검색을 버튼 뒤에 숨기면 안 되나요? 넓은 화면에선 안 됩니다. 숨기면 사용자가 있는 줄 모르거나 한 번 더 눌러야 해 덜 쓰죠. 항상 표시해 발견성을 높입니다(BP-089). Q2. 모바일에서도 항상 표시하나요? 모바일은 공간이 부족해 모달(바텀시트·전체화면)로 제공할 수 있습니다(예외). ‘화면 너비’ 기준으로 넓으면 표시, 좁으면 모달로 분기하죠(BP-102). Q3. BP-089와 같나요? BP-089(넓은 화면 주요 필터 항상 노출)·BP-102(좁은 화면 축약)를 상세 검색에 적용한 것입니다. 넓으면 노출(발견성), 좁으면 모달(공간 절약)이죠.

6. 마무리

SP-055의 메시지:

상세 검색은 늘 펼쳐 두기 — 넓은 화면에선 상세 검색 컨트롤을 항상 표시하라.

상세 검색을 숨기면 발견·활용이 떨어집니다. 넓은 화면에선 항상 표시하고 좁은 화면만 모달로 제공하는 게 핵심이죠. 다음 편은 상세 검색 조건 유지입니다.

다음 편 예고 ▶ 「730. (SP-056) 사용자가 설정한 상세 검색 조건을 유지하고 있다.」

ViewCheck는 넓은 화면에서 상세 검색 컨트롤이 항상 표시되는지를 진단합니다.

📚 참고 출처

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

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

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