의미 있게 묶고 논리적으로 줄 세우기

KRDS BP-037 — 항목을 의미 있는 단위로 구분하고 논리적인 순서에 따라 정렬하고 있다.

0. 들어가며 — 목록 탐색 패턴의 시작

이번 603편부터 BP 넷째 그룹 목록 탐색(List) 패턴입니다(8개). 게시판·검색 결과·신청 내역 등 — 공공 서비스의 대부분이 목록으로 정보를 보여주죠. 첫 규칙은 항목을 의미 있는 단위로 구분하고 논리적 순서로 정렬하라는 규칙입니다.

목록 항목이 — 아무 기준 없이 뒤죽박죽이면, 사용자가 원하는 걸 못 찾죠. BP-037은 의미 있는 구분과 논리적 정렬을 규정합니다. 목록의 기본 질서이죠. 이번 편을 풀어냅니다.

1. 원문 — 의미 있는 단위 구분 + 논리적 정렬

BP-037 (기본 패턴 > 목록 탐색) “항목을 의미 있는 단위로 구분하고 논리적인 순서에 따라 정렬하고 있다.”

목록 항목을 의미 있는 단위로 구분하고, 논리적 순서(시간·중요도·가나다 등)로 정렬하라는 뜻입니다.

정리: 목록 항목을 의미 있게 구분하고 논리적으로 정렬하라. 이게 BP-037입니다.

2. 왜 의미 있는 구분·논리적 정렬인가

목록은 — 여러 항목(게시글, 검색 결과, 신청 내역)을 나열해 보여줍니다. 사용자가 — 원하는 항목을 빠르게 찾고 이해하려면, 항목들이 ①의미 있게 구분되고 ②논리적으로 정렬돼야 하죠. BP-037은 이 둘을 요구합니다.

① 의미 있는 단위 구분. 목록 항목을 — 의미 있는 단위로 구분합니다.

구분 없으면 — 항목들이 — 아무 구분 없이 줄줄이 붙어 있으면, 어디서 한 항목이 끝나고 다음이 시작되는지, 서로 어떤 관계인지 헷갈리죠.

의미 단위 각 항목을 의미 있는 단위(하나의 게시글, 하나의 신청 건)로 명확히 구분합니다. 필요하면 카테고리·날짜·유형별로 그룹핑하죠(‘오늘’, ‘어제’, ‘지난주’ 같은 시간 그룹, ‘진행 중’/‘완료’ 상태 그룹). 사용자가 항목 단위와 그룹을 명확히 인지하게요.

② 논리적 순서 정렬. 항목들을 — 논리적 순서로 정렬합니다.

무작위 정렬의 문제 — 항목이 — 아무 기준 없이 뒤죽박죽이면, 사용자가 원하는 걸 찾으려고 전체를 훑어야 하죠. 예측이 안 됩니다.

논리적 순서 — 목록의 성격에 맞는 순서로 정렬합니다:

시간순 — 게시글·알림은 최신순(또는 등록순)으로. 사용자가 — 새 것/오래된 것을 예측하죠.

중요도순 — 공지·중요 항목을 위에.

가나다순 — 이름·제목 기반 목록은 가나다순(셀렉트·라디오 정렬 CP-280·290 정신).

상태·진행순 — 신청 내역은 진행 상태·날짜순으로. 핵심은 — 그 목록에 자연스럽고 예측 가능한 순서를 쓰는 것이죠.

왜 질서가 중요한가. 잘 구분·정렬된 목록은 사용자가 원하는 항목을 빠르게 찾고, 전체 구조를 이해하게 합니다. 공공 서비스는 게시판·신청 내역·검색 결과 등 목록이 핵심인데, 질서 없는 목록은 정보 접근을 어렵게 하죠.

정렬 옵션 제공도. 기본 논리 정렬에 더해 — 사용자가 정렬 기준을 바꿀 수 있게(최신순/인기순/가나다순 등) 하면 더 좋습니다(필터링·정렬 패턴, BP-042·필터링 그룹). 다만 — 이 규칙의 핵심은 기본적으로 의미 있는 구분과 논리적 정렬입니다.

이 규칙은 목록 탐색의 ’기본 질서’를 담당합니다 — 항목을 의미 있게 구분하고 논리적으로 정렬해(037), 사용자가 원하는 항목을 빠르게 찾고 이해하게 하죠. 이후 목록 규칙들(간격·강조 절제·분할·기본 개수·필터·대체 텍스트·마크업)이 이 위에 쌓입니다.

정리하면 — 목록 항목이 구분·정렬 없이 뒤죽박죽이면 원하는 걸 못 찾으므로, 항목을 의미 있는 단위로 구분하고 시간· 중요도·가나다 등 논리적 순서로 정렬해야 합니다.

3. 점검 / 개선

무엇을 점검하나

의미 있는 구분 — 항목이 의미 단위로 명확히 구분되는가(필요시 그룹핑).

논리적 정렬 — 항목이 시간·중요도·가나다 등 논리적 순서인가(무작위 아님).

예측 가능 — 정렬이 사용자가 예측 가능한 자연스러운 순서인가.

개선 방향

항목을 의미 단위로 구분, 필요시 카테고리·시간·상태 그룹핑.

목록 성격에 맞는 논리 정렬(최신순·중요도순·가나다순 등). 정렬 옵션 제공 고려.

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

역할	책임
기획/UX	목록 구분·정렬 기준 설계
퍼블리셔/개발	정렬·그룹핑 구현

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

게시판·검색 결과·내역 등 목록을 쓰는 모든 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 항목이 의미 단위로 명확히 구분되나요(필요시 그룹핑)?

□ 항목이 시간·중요도·가나다 등 논리적 순서인가요(무작위 아님)?

□ 정렬이 사용자가 예측 가능한 자연스러운 순서인가요?

❓ FAQ

Q1. 어떤 순서로 정렬하나요? 목록 성격에 맞게요. 게시글은 최신순, 이름은 가나다순, 신청 내역은 진행·날짜순 등 자연스럽고 예측 가능한 순서죠. Q2. 그룹핑이 뭔가요? 항목을 카테고리·시간(‘오늘’/‘어제’)·상태(‘진행 중’/‘완료’)로 묶는 것입니다. 의미 단위 구분을 돕죠. Q3. 사용자가 정렬을 바꾸게 하나요? 기본 논리 정렬에 더해 정렬 옵션(최신순/인기순)을 주면 좋습니다(필터링·정렬 그룹).

6. 마무리

BP-037의 메시지:

의미 있게 묶고 논리적으로 줄 세우기 — 항목을 의미 있는 단위로 구분하고 논리적으로 정렬하라.

목록 항목이 구분·정렬 없이 뒤죽박죽이면 원하는 걸 못 찾습니다. 의미 있는 단위로 구분하고 논리적 순서로 정렬해 빠르게 찾고 이해하게 하는 게 핵심이죠. 다음 편은 목록 항목 간격입니다.

다음 편 예고 ▶ 「604. (BP-038) 목록을 구성하고 있는 항목들이 서로 명확하게 구분될 수 있도록 충분한 간격을 제공하고 있다.」

ViewCheck는 목록 항목의 의미 있는 구분과 논리적 정렬을 진단합니다.

📚 참고 출처

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

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

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