원하는 걸 빨리 찾게

KRDS BP-042 — 목록 탐색을 위해 필터링 또는 검색 기능을 제공하고 있다.

0. 들어가며 — 원하는 항목을 어떻게 찾을까

이번 608편은 목록 탐색을 위해 필터링 또는 검색 기능을 제공하라는 규칙입니다.

목록이 길면 — 원하는 항목을 일일이 스크롤해 찾기 어렵죠. 필터(조건으로 좁히기)나 검색(키워드로 찾기)이 있으면 — 빠르게 찾습니다. BP-042는 필터·검색 제공을 규정합니다. 긴 목록 탐색의 핵심 도구죠. 이번 편을 풀어냅니다.

1. 원문 — 필터링·검색 제공

BP-042 (기본 패턴 > 목록 탐색) “목록 탐색을 위해 필터링 또는 검색 기능을 제공하고 있다.”

목록에서 원하는 항목을 빠르게 찾도록 필터링이나 검색 기능을 제공하라는 뜻입니다.

정리: 목록에 필터나 검색 기능을 제공하라. 이게 BP-042입니다.

2. 왜 필터·검색인가

목록이 항목이 많을 때(BP-040의 긴 목록), 사용자가 원하는 항목을 찾는 게 어렵습니다. 페이지를 넘기며 일일이 훑거나(BP-041), 끝없이 스크롤해야 하죠. 이를 빠르게 찾게 하는 도구가 필터·검색입니다. BP-042는 이를 요구 합니다.

필터·검색이 없을 때의 문제:

일일이 찾기 긴 목록에서 원하는 항목을 찾으려면, 사용자가 페이지를 넘기며 일일이 봐야 합니다. 항목이 수백 개면 매우 번거롭고 시간이 걸리죠.

포기·이탈 원하는 걸 못 찾으면 사용자가 포기하거나 떠납니다. 정보가 있어도 못 찾으면 없는 거나 마찬 가지죠.

그래서 BP-042는 — 필터링 또는 검색을 제공하라고 합니다:

필터링(Filtering) 사용자가 조건으로 목록을 좁힙니다. 카테고리·기간·상태·유형 등으로요. 예: 게시판 에서 ‘공지만’, 신청 내역에서 ‘진행 중만’, 기간 ‘최근 1개월’. 조건에 맞는 항목만 보이게 목록을 줄이죠.

검색(Search) — 사용자가 — 키워드로 원하는 항목을 찾습니다. 제목·내용에 키워드가 든 항목을 찾아주죠. 정확히 아는 항목을 빠르게 찾는 데 좋습니다.

둘 다(권장) 필터와 검색을 함께 제공하면 더 좋죠. 검색으로 키워드로 찾고, 필터로 조건을 더 좁히게요. 목록 성격·규모에 맞게 적어도 하나는 제공합니다.

목록 규모에 따라. 항목이 정말 많은 목록(수백·수천)은 필터·검색이 거의 필수죠. 항목이 적으면(10~20개) 필터·검색 없이 한눈에 봐도 되고요. BP-042는 탐색이 필요한 규모의 목록에 필터·검색을 제공하라는 것입니다.

필터·검색의 효과:

빠른 탐색 — 원하는 항목을 — 일일이 찾지 않고 빠르게요.

정보 접근성 — 많은 정보 속에서 — 필요한 것에 도달하죠. 공공 정보(공고·민원·자료)를 못 찾으면 정보 격차가 생기는데, 필터·검색이 이를 해소합니다.

필터링·정렬 패턴(별도 그룹). 필터·정렬은 — BP의 별도 그룹(‘필터링·정렬’, basicPatterns[88:104])에서 더 상세히 다룹니다. BP-042는 — 목록 탐색에 필터·검색이 있어야 한다는 기본 요구죠. 상세 구현은 필터링·정렬 그룹에서요.

접근성. 필터·검색 UI도 — 키보드·스크린 리더로 접근 가능해야 하죠(폼 컨트롤 접근성). 모두가 탐색하게요.

이 규칙은 목록 탐색의 ’탐색 도구’를 담당합니다 — 필터·검색을 제공해(042), 사용자가 긴 목록에서 원하는 항목을 빠르게 찾게 하죠. 긴 목록 분할(BP-040)과 함께 — 효율적 목록 탐색을 완성합니다.

정리하면 — 긴 목록에서 원하는 항목을 일일이 찾기 어려우므로, 필터링(조건으로 좁히기)이나 검색(키워드로 찾기)을 제공해 빠르게 찾게 해야 합니다.

3. 점검 / 개선

무엇을 점검하나

필터·검색 제공 — 탐색이 필요한 규모의 목록에 필터나 검색이 있는가.

적절한 도구 — 목록 성격에 맞는 필터(조건)·검색(키워드)을 제공하는가.

접근성 — 필터·검색 UI가 키보드·스크린 리더로 접근 가능한가.

개선 방향

긴 목록에 필터(카테고리·기간·상태)·검색(키워드) 제공. 둘 다면 더 좋음.

목록 규모·성격에 맞게. 접근성 확보. 상세는 필터링·정렬 그룹 참조.

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

역할	책임
기획/UX	필터·검색 설계
퍼블리셔/개발	필터·검색 구현

기관 유형	BP-042 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 필수 (긴 목록 사용 시)

탐색이 필요한 긴 목록을 쓰는 사이트에 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 탐색이 필요한 규모의 목록에 필터나 검색이 있나요?

□ 목록 성격에 맞는 필터(조건)·검색(키워드)을 제공하나요?

□ 필터·검색 UI가 키보드·스크린 리더로 접근 가능한가요?

❓ FAQ

Q1. 필터와 검색 중 뭘 제공하나요? 적어도 하나는요. 둘 다면 더 좋습니다. 조건으로 좁히는 필터, 키워드로 찾는 검색 — 목록 성격에 맞게요. Q2. 항목이 적은 목록도 필요한가요? 항목이 적으면(10~20개) 한눈에 봐도 됩니다. 탐색이 필요한 규모(수백·수천)에 제공하죠. Q3. 필터링·정렬 그룹과 뭐가 다른가요? BP-042는 ’필터·검색이 있어야 한다’는 기본 요구입니다. 상세 구현은 별도 필터링·정렬 그룹에서 다루죠.

6. 마무리

BP-042의 메시지:

원하는 걸 빨리 찾게 — 목록 탐색에 필터링 또는 검색 기능을 제공하라.

긴 목록에서 원하는 항목을 일일이 찾기 어렵습니다. 필터(조건)나 검색(키워드)을 제공해 빠르게 찾게 하는 게 핵심이죠. 다음 편은 아이콘 대체 텍스트입니다.

다음 편 예고 ▶ 「609. (BP-043) 정보 전달을 위해 아이콘 및 첨부파일 아이콘 이미지를 사용하는 경우 대체 텍스트를 제공하고 있다.」

ViewCheck는 목록에 필터·검색 기능이 제공되는지를 진단합니다.

📚 참고 출처

KRDS 기본 패턴 — 목록 탐색 가이드 — https://www.krds.go.kr/html/site/pattern/pattern_04.html

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

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