그 목록 검색은 그 목록 근처에

KRDS SP-013 — 부분 검색 기능은 콘텐츠 목록의 수준과 맥락을 고려하여 사용자가 예측할 수 있는 영역에 배치한다.

0. 들어가며 — 게시판 검색이 엉뚱한 데 있으면

이번 687편은 부분 검색 기능은 콘텐츠 목록의 수준과 맥락을 고려하여 사용자가 예측할 수 있는 영역에 배치하라는 규칙입니다.

통합 검색(전체)과 별개로 — 특정 게시판·목록만 검색하는 ’부분 검색’이 있죠. 이게 — 그 목록과 동떨어진 데 있으면 사용자가 못 찾습니다. SP-013은 부분 검색을 그 목록 맥락에 맞게 배치하라고 규정합니다. 이번 편을 풀어냅니다.

1. 원문 — 부분 검색 맥락 배치

SP-013 (서비스 패턴 > 검색 > 검색 기능 찾기) “부분 검색 기능은 콘텐츠 목록의 수준과 맥락을 고려하여 사용자가 예측할 수 있는 영역에 배치한다.”

부분 검색을 콘텐츠 목록의 수준·맥락에 맞게 예측 가능한 영역에 배치하라는 뜻입니다.

정리: 부분 검색을 그 목록 맥락의 예측 가능한 영역에 배치하라. 이게 SP-013입니다.

2. 왜 부분 검색 맥락 배치인가

검색에는 두 종류가 있습니다: 통합 검색(사이트 전체, SP-010·011)과, 특정 게시판·목록만 검색하는 부분 검색 이죠. 부분 검색은 그 목록에 종속되므로, 위치도 그 목록 맥락에 맞아야 합니다. SP-013은 이를 요구합니다.

부분 검색이 맥락과 동떨어질 때의 문제:

못 찾음 특정 게시판을 검색하려는데, 그 검색이 게시판과 동떨어진 데(페이지 상단 통합 검색 옆 등)에 있으면, 사용자는 그 게시판 검색인 줄 모르거나 못 찾습니다.

통합/부분 혼동 통합 검색과 부분 검색이 구분 안 되면, 사용자가 전체를 검색하는지 그 목록만 검색하는지 헷갈리죠.

그래서 SP-013은 — 맥락 고려 예측 가능 배치를 요구합니다:

목록 근처 배치 부분 검색을 그 검색 대상인 콘텐츠 목록 가까이, 보통 목록 상단(필터·정렬 영역과 함께) 에 둡니다(필터 검색 BP-042 정신). 사용자가 ’이 검색은 이 목록을 검색하는구나’를 알게요(근접성).

수준·맥락 고려 콘텐츠 목록의 수준(깊이)과 맥락에 맞춰요. 게시판 검색은 그 게시판 안에, 카테고리 검색은 그 카테고리 영역에요. 검색 범위가 위치로 드러나게요.

예측 가능한 영역 사용자가 ’여기 검색이 있겠지’라고 예측하는 자리에요. 목록 상단·우상단(정렬 옆 SP-096 정신) 등 관습적 자리죠. 엉뚱한 데가 아니라요.

통합과 구분 통합 검색(헤더 우측)과 부분 검색(목록 근처)을, 위치로 구분합니다. 사용자가 무엇을 검색하는지 명확하게요. 부분 검색 레이블(‘이 게시판에서 검색’)로도 명시하면 좋죠.

부분 검색의 가치. 큰 목록(게시판·자료실)에서 그 안만 검색하고 싶을 때, 부분 검색이 효율적입니다. 통합 검색 으로 전체를 뒤지지 않고, 그 목록만 좁혀 찾죠. 단, 위치가 맥락에 맞아야 발견·활용됩니다.

예측 가능성(WCAG 3.2). 기능을 사용자가 예측하는 자리에 두는 건, 예측 가능성 원칙입니다. 부분 검색을 목록 맥락의 예측 가능한 영역에 두면, 사용자가 자연스럽게 찾고 씁니다.

이 규칙은 검색(SP)의 ’부분 검색 배치’를 담당합니다 — 부분 검색을 그 목록 맥락의 예측 가능한 영역에 배치해(013), 사용자가 그 목록 검색임을 알고 찾게 하죠. 통합 검색(SP-010·011)과 역할·위치가 구분됩니다.

정리하면 — 부분 검색이 그 목록과 동떨어지면 못 찾거나 통합 검색과 혼동되므로, 콘텐츠 목록의 수준·맥락을 고려해 목록 근처의 예측 가능한 영역에 배치하고 통합 검색과 구분해야 합니다.

3. 점검 / 개선

무엇을 점검하나

목록 근처 — 부분 검색이 검색 대상 목록 가까이(상단 등)에 있는가.

맥락 고려 — 검색 범위가 위치·레이블로 드러나는가.

통합과 구분 — 통합 검색(헤더)과 부분 검색(목록)이 위치로 구분되는가.

개선 방향

부분 검색을 대상 목록 상단(필터·정렬 영역)에 배치(근접성).

검색 범위 레이블(‘이 게시판에서 검색’). 통합 검색과 위치 구분.

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

역할	책임
기획/UX	부분 검색 위치·범위 설계
퍼블리셔/개발	맥락 배치 구현

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

게시판·목록별 검색을 쓰는 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 부분 검색이 검색 대상 목록 가까이(상단 등)에 있나요?

□ 검색 범위가 위치·레이블로 드러나나요?

□ 통합 검색(헤더)과 부분 검색(목록)이 위치로 구분되나요?

❓ FAQ

Q1. 부분 검색이 뭔가요? 통합 검색(사이트 전체)과 달리, 특정 게시판·목록만 검색하는 기능입니다. 큰 목록에서 그 안만 좁혀 찾을 때 효율적이죠. Q2. 어디에 두나요? 검색 대상 목록 가까이, 보통 목록 상단(필터·정렬 영역)에요. 근접성으로 ‘이 검색은 이 목록을 검색한다’를 알리죠. ’이 게시판에서 검색’ 레이블도 좋습니다. Q3. 통합 검색과 어떻게 구분하나요? 위치로요. 통합은 헤더 우측(SP-011), 부분은 목록 근처입니다. 사용자가 전체를 검색하는지 그 목록만 검색하는지 명확하게요.

6. 마무리

SP-013의 메시지:

그 목록 검색은 그 목록 근처에 — 부분 검색을 맥락의 예측 가능한 영역에 배치하라.

부분 검색이 목록과 동떨어지면 못 찾거나 통합 검색과 혼동됩니다. 목록 맥락의 예측 가능한 영역에 배치하고 통합 검색과 구분하는 게 핵심이죠. 다음 편은 검색 주변 요소 최소화입니다.

다음 편 예고 ▶ 「688. (SP-014) 검색 기능 주변에 불필요한 요소의 배치를 최소화 하고 있다.」

ViewCheck는 부분 검색이 목록 맥락의 예측 가능한 영역에 배치되는지를 진단합니다.

📚 참고 출처

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

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

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