찾기 쉽게, 편향 없게

KRDS CP-290 — 옵션은 가나다순으로 정렬하여 사용하고 있다.

0. 들어가며 — 옵션을 어떤 순서로

이번 410편은 체크박스 옵션을 가나다순으로 정렬하라는 규칙입니다.

체크박스 옵션이 여러 개일 때 — 무작위 순서로 나열되면, 사용자는 원하는 옵션을 찾느라 목록 전체를 훑어야 하죠. 또 특정 옵션을 위에 두면 그 옵션이 더 선택되는 편향이 생깁니다. CP-290은 옵션을 가나다순으로 정렬해 찾기 쉽고 중립적이게 하라고 규정합니다. 라디오 버튼 CP-280과 평행한 규칙이죠. 이번 편을 풀어냅니다.

1. 원문 — 옵션 가나다순 정렬

CP-290 (컴포넌트 > 체크박스) “옵션은 가나다순으로 정렬하여 사용하고 있다.”

체크박스 옵션 목록을 가나다순(사전순)으로 정렬해, 사용자가 원하는 옵션을 예측 가능하게 찾고 순서가 중립적이게 하라는 뜻입니다.

정리: 체크박스 옵션을 가나다순으로 정렬하라. 이게 CP-290입니다.

2. 왜 가나다순 정렬인가

체크박스는 옵션이 여러 개인 경우가 많습니다(관심 분야 10개, 지역 17개 등). 이 옵션들의 순서가 — 사용성과 공정성에 영향을 주죠. CP-290은 가나다순 정렬을 요구합니다.

① 찾기 쉬움(예측 가능성). 옵션이 가나다순이면 — 사용자는 자기가 찾는 옵션이 목록 어디쯤 있을지 예측합 니다. ‘대구’를 찾으면 ’ㄷ’ 근처를 보면 되죠. 무작위 순서면 — 목록 전체를 처음부터 끝까지 훑어야 합니다. 옵션이 많을수록 가나다순의 탐색 효율이 커지죠. 이는 한국어 사용자에게 익숙한 정렬이라(전화번호부·사전), 직관적입니다.

② 중립성(편향 배제). 옵션 순서는 선택에 영향을 줍니다 사람들은 위쪽·앞쪽 옵션을 더 많이 선택하는 경향 (순서 편향, order bias)이 있죠. 만약 설계자가 임의로 특정 옵션을 맨 위에 두면 그 옵션이 부당하게 더 선택됩니다. 가나다순은 기계적·객관적 정렬이라 특정 옵션을 의도적으로 밀어주지 않죠. 공공 서비스는 중립적이어야 하므로 (라디오 CP-280, 기본 선택 없음 CP-281의 중립성 정신), 가나다순 같은 객관적 정렬이 적합합니다.

예외 — 논리적 순서가 더 자연스러운 경우. 가나다순이 원칙이지만 — 항목에 본래의 논리적 순서가 있으면 그게 더 낫습니다(라디오 CP-280과 동일):

시간·수량 순서 — 연령대(‘10대/20대/30대’), 금액 구간, 요일·월은 — 그 자연 순서가 가나다순보다 직관적이죠.

빈도·중요도 — 자주 쓰는 옵션을 위에 두는 게 효율적일 때도(단, 편향 주의).

핵심은 — 무작위·자의적 순서를 피하고, 사용자가 예측 가능한 객관적 순서(가나다순 또는 논리적 순서)를 쓰는 것입니다. 특별한 논리 순서가 없으면 가나다순이 기본이죠.

체크박스 특유 — 전체 선택과의 관계. 체크박스는 ‘전체 선택’(CP-292) 옵션을 두기도 하는데 — 이 ’전체 선택’은 보통 목록 맨 위에 둡니다(개별 옵션들의 가나다순과 별개로, 기능적 위치). 즉 ’전체 선택’은 정렬 대상이 아니라 컨트롤이라, 맨 위 고정이 자연스럽죠. 개별 옵션들끼리 가나다순으로 정렬합니다.

이 규칙은 체크박스의 ’탐색성·공정성’을 담당합니다 — 옵션을 객관적 순서로 정렬해 찾기 쉽고(효율), 특정 옵션 유도가 없게(중립) 하죠. 다중 선택(CP-289)이라 옵션이 많을수록 정렬의 가치가 큽니다.

정리하면 — 체크박스 옵션을 무작위로 나열하면 찾기 어렵고 순서 편향이 생기므로, 가나다순(또는 명확한 논리 순서) 으로 정렬해 예측 가능한 탐색과 중립성을 확보해야 합니다.

3. 점검 / 개선

무엇을 점검하나

정렬 여부 — 체크박스 옵션이 가나다순(또는 논리 순서)으로 정렬됐는가.

무작위 배제 — 자의적·무작위 순서가 아닌가.

전체 선택 위치 — ’전체 선택’은 맨 위, 개별 옵션은 가나다순인가.

개선 방향

옵션을 가나다순 정렬. 자연 순서(연령·시간) 있으면 그 순서.

‘전체 선택’ 맨 위 고정 + 개별 옵션 가나다순.

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

역할	책임
기획/UX	옵션 정렬 기준 수립
퍼블리셔/개발	정렬 순서 구현

기관 유형	CP-290 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 필수 (체크박스 사용 시)

체크박스를 쓰는 모든 사이트가 해당됩니다.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 체크박스 옵션이 가나다순(또는 논리 순서)으로 정렬됐나요?

□ 자의적·무작위 순서가 아닌가요?

□ ’전체 선택’은 맨 위, 개별 옵션은 가나다순인가요?

❓ FAQ

Q1. 무조건 가나다순인가요? 자연 순서(연령대·금액·요일)가 있으면 그게 더 직관적입니다. 특별한 순서가 없으면 가나다순이 기본이죠. Q2. 순서가 선택에 영향을 주나요? 네. 위쪽 옵션이 더 선택되는 순서 편향이 있어, 객관적 정렬로 중립성을 지킵니다. Q3. ’전체 선택’도 가나다순에 섞나요? 아닙니다. ’전체 선택’은 기능 컨트롤이라 맨 위에 고정하고, 개별 옵션끼리 가나다순으로 둡니다.

6. 마무리

CP-290의 메시지:

찾기 쉽게, 편향 없게 — 체크박스 옵션을 가나다순으로 정렬하라.

가나다순 정렬은 사용자가 옵션을 예측 가능하게 찾게 하고, 특정 옵션 유도를 막아 중립성을 지킵니다. 자연 순서가 있으면 그걸 쓰되 무작위는 피하죠. 다음 편은 옵션 레이블과 간격입니다.

다음 편 예고 ▶ 「411. (CP-291) 옵션의 레이블을 분명하고 정확하게 제공하고, 옵션 간 간격을 충분히 제공하고 있다.」

ViewCheck는 체크박스 옵션이 가나다순으로 정렬됐는지를 진단합니다.

📚 참고 출처

KRDS 컴포넌트 — 체크박스(Checkbox) 가이드 — https://www.krds.go.kr/html/site/component/component_27.html

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

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