검색창은 하나만

KRDS SP-033 — 검색 결과 화면에 여러 개의 검색어 입력 필드를 사용하고 있지 않다.

0. 들어가며 — 검색창이 여러 개면

이번 707편은 검색 결과 화면에 여러 개의 검색어 입력 필드를 사용하지 않게 하라는 규칙입니다.

검색 결과 화면에 — 검색창이 여러 개 있으면, 사용자는 어디에 입력해야 할지 헷갈리죠. SP-033은 검색어 입력 필드를 하나만 두라고 규정합니다. SP-032(검색창 유지)와 짝을 이루는 규칙이죠. 이번 편을 풀어냅니다.

1. 원문 — 여러 검색어 입력 필드 금지

SP-033 (서비스 패턴 > 검색 > 검색 결과 확인) “검색 결과 화면에 여러 개의 검색어 입력 필드를 사용하고 있지 않다.”

검색 결과 화면에 검색어 입력 필드를 여러 개 두지 말라는 뜻입니다.

정리: 검색 결과 화면의 검색어 입력 필드는 하나만 두라. 이게 SP-033입니다.

2. 왜 단일 입력 필드인가

SP-032에서 검색 결과 화면에 검색어 입력 필드를 유지하라고 했죠. 그런데 그 필드가 여러 개 있으면 또 문제가 생깁니다. SP-033은 하나만 두라고 합니다. SP-032(유지) + SP-033(하나만)이 짝이죠.

검색창이 여러 개일 때의 문제:

어디 입력할지 혼란 검색 결과 화면에, 검색창이 여러 개(헤더 통합 검색 + 결과 영역 검색 + 부분 검색 등) 있으면, 사용자는 어디에 검색어를 입력해야 할지 헷갈립니다.

검색 범위 혼동 검색창이 여러 개면, 각각의 검색 범위(전체? 이 결과 내? 이 게시판?)가 다를 수 있어, 사용자 는 어느 게 무슨 검색인지 모르죠.

중복·산만 여러 검색창은, 화면을 복잡하게 하고 산만하죠(검색 주변 최소화 SP-014 정신).

그래서 SP-033은 — 하나만 두라고 합니다:

단일 검색어 입력 검색 결과 화면에, 검색어 입력 필드를 하나만요. 사용자가 명확히 그 하나에 입력하죠. 헷갈 릴 여지가 없게요.

명확한 검색 동선 검색이 하나면, 검색 동선이 명확합니다. ’여기 검색어를 넣고 재검색한다’가 분명하죠.

결과 내 좁히기는 필터로 검색 결과를 더 좁히고 싶으면, 또 다른 검색창이 아니라 필터·정렬(BP 필터링·정렬)로 하게 합니다. ’검색 + 필터’의 역할 분담이죠. 검색창을 더 만들지 않습니다.

SP-032·033의 균형. SP-032는 ‘검색창을 유지하라’(있어야 함), SP-033은 ‘여러 개 두지 마라’(하나만)입니다. 함께 ’결과 화면에 검색창 하나’를 정하죠. 없어도 안 되고(재검색 불편), 여러 개여도 안 됩니다(혼란).

통합 검색의 단일성. 통합 검색(SP-010·011)은 헤더에 하나입니다. 검색 결과 페이지가 그 헤더 검색을 쓰면, 자연히 하나죠. 결과 페이지에 별도 검색창을 또 만들면 중복이 됩니다. 헤더 검색 하나로 통일하면 깔끔하죠.

예외 상세/고급 검색. 단, ‘고급 검색’(여러 조건을 각 필드에 나눠 입력)은 다른 맥락입니다. 그건 하나의 검색 폼 안의 여러 입력 필드(제목·작성자·기간 등)이지, ‘여러 개의 검색어 입력 필드’(같은 통합 검색창이 중복)가 아니죠. SP-033이 막는 건 중복된 통합 검색창입니다.

이 규칙은 검색(SP)의 ’검색창 단일성’을 담당합니다 — 결과 화면 검색어 입력 필드를 하나만 둬(033), 사용자가 헷갈리지 않고 명확한 검색 동선을 갖게 하죠. SP-032(유지)와 함께 결과 화면 검색을 정리합니다.

정리하면 — 검색 결과 화면에 검색창이 여러 개면 어디 입력할지·무슨 범위인지 헷갈리므로, 검색어 입력 필드를 하나만 두고 결과 좁히기는 필터로 분담해야 합니다(고급 검색의 여러 조건 필드는 예외).

3. 점검 / 개선

무엇을 점검하나

단일 필드 — 결과 화면에 검색어 입력 필드가 하나만 있는가.

중복 없음 — 헤더 검색 + 결과 영역 검색 등 중복 검색창이 없는가.

필터 분담 — 결과 좁히기는 별도 검색창이 아닌 필터로 하는가.

개선 방향

결과 화면 검색어 입력 필드 하나만(헤더 통합 검색으로 통일).

결과 좁히기는 필터·정렬로 분담. 중복 검색창 제거(SP-032와 균형).

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

역할	책임
기획/UX	검색 동선·검색창 단일화
퍼블리셔/개발	단일 검색 필드 구현

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

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

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 결과 화면에 검색어 입력 필드가 하나만 있나요?

□ 헤더 검색 + 결과 영역 검색 등 중복 검색창이 없나요?

□ 결과 좁히기는 별도 검색창이 아닌 필터로 하나요?

❓ FAQ

Q1. 검색창이 여러 개면 왜 문제인가요? 어디에 입력할지, 각각 무슨 범위인지 헷갈립니다. 화면도 복잡하고 산만하죠. 하나만 둬 검색 동선을 명확히 합니다. Q2. SP-032(검색창 유지)와 모순 아닌가요? 아닙니다. SP-032는 ‘있어야 함’, SP-033은 ’하나만’입니다. 함께 ’결과 화면에 검색창 하나’를 정하죠. 없어도(재검색 불편), 여러 개여도(혼란) 안 됩니다. Q3. 고급 검색의 여러 입력 필드는요? 그건 하나의 검색 폼 안의 여러 조건 필드(제목·작성자·기간)지, 중복된 통합 검색창이 아닙니다. SP-033이 막는 건 같은 통합 검색창의 중복이죠.

6. 마무리

SP-033의 메시지:

검색창은 하나만 — 검색 결과 화면에 여러 검색어 입력 필드를 두지 마라.

검색창이 여러 개면 어디 입력할지·무슨 범위인지 헷갈립니다. 하나만 둬 명확한 검색 동선을 주고 결과 좁히기는 필터로 분담하는 게 핵심이죠. 검색 전반부(SP-010~033)가 끝났습니다. 다음 편부터는 검색 후반부(SP-034~)입니다.

다음 편 예고 ▶ 「708. (SP-034) 검색 결과 확인 — 검색 후반부 시작」

ViewCheck는 검색 결과 화면의 검색어 입력 필드가 하나인지를 진단합니다.

📚 참고 출처

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

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

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