중요할수록 왼쪽으로

KRDS CP-061 — 링크는 이용 빈도가 높고 중요한 콘텐츠로 연결된 링크일수록 좌측에 배치하여 접근과 사용이 쉽게 배치하고 있다.

0. 들어가며 — 순서에 우선순위를 담기

이번 181편은 메뉴 링크를 중요·빈번할수록 좌측에 배치하는 규칙입니다.

메뉴 항목들의 좌우 순서는 그냥 정하는 게 아닙니다. 사용자가 가장 자주, 가장 중요하게 찾는 메뉴를 왼쪽(시선이 먼저 닿는 곳)에 두어야 접근이 쉽죠. CP-061은 이용 빈도·중요도 순으로 좌측부터 배치하라고 규정합니다. 이번 편을 풀어냅니다.

1. 규칙 원문 — 중요할수록 좌측

CP-061 (컴포넌트 > 메인 메뉴) “링크는 이용 빈도가 높고 중요한 콘텐츠로 연결된 링크일수록 좌측에 배치하여 접근과 사용이 쉽게 배치하고 있다.”

자주 쓰고 중요한 메뉴일수록 왼쪽에 두어 접근하기 쉽게 하라는 뜻입니다.

정리: 이용 빈도·중요도가 높은 링크일수록 좌측에 배치하라. 이게 CP-061입니다.

2. 왜 중요할수록 좌측인가

가로형 메뉴에서 항목들의 좌우 위치는 접근성·발견성에 영향을 줍니다.

왼쪽 = 시선이 먼저, 접근이 쉬움. 한국어·영어는 왼쪽→오른쪽으로 읽으므로, 사용자의 시선은 메뉴의 왼쪽 부터 닿습니다. 또 로고가 왼쪽에 있어(CP-017), 시선이 자연스럽게 왼쪽에서 출발하죠. 그래서 왼쪽에 있는 메뉴 항목이 가장 먼저 눈에 띄고, 가장 쉽게 발견·접근됩니다.

이 원리에 따라, 가장 자주 쓰고 중요한 메뉴를 왼쪽에 두면 — 다수 사용자가 가장 원하는 메뉴를 가장 빠르게 찾고 누릅니다. 반대로 중요한 메뉴가 오른쪽 끝에 있으면, 사용자는 메뉴 전체를 훑은 뒤에야 그것을 발견하죠. 가장 중요한 것을 가장 접근하기 쉬운 위치에 두는 것 — 우선순위 배열의 기본입니다(피츠의 법칙·시선 흐름).

CP-061은 이를 메뉴에 적용합니다 — 이용 빈도(사용 데이터)와 중요도(콘텐츠 가치)를 기준으로, 높은 것부터 좌측에 순서대로 배치하라는 것이죠. 예를 들어 민원 서비스가 가장 빈번하면 왼쪽에, 기관 소개처럼 덜 빈번한 것은 오른쪽에 두는 식입니다.

이는 건너뛰기 링크의 ‘핵심 영역 첫 항목’(CP-048)과 같은 정신입니다 — 가장 중요·빈번한 것을 가장 접근하기 쉬운 위치(첫 항목/좌측)에. 사용자 데이터(클릭 통계)를 참고해 실제 사용 빈도를 반영하면 더 정확하죠. 디자이너 의 추측이 아니라 실제 사용 패턴에 근거해 순서를 정하는 것이 좋습니다.

단, ’중요도·빈도 순’이 절대적인 건 아닙니다 — 논리적 정보 구조상의 순서(CP-059)나 관습적 순서와 균형을 맞춰야 하죠. 예를 들어 정보 구조상 자연스러운 흐름이 있다면 그것도 고려합니다. 핵심은 ’가장 중요·빈번한 것을 접근 하기 어려운 구석에 두지 말라’는 것입니다.

3. 점검 / 개선

무엇을 점검하나

빈도·중요도 순 — 자주 쓰고 중요한 메뉴가 좌측에 있는가.

데이터 반영 — 실제 사용 빈도(클릭 통계)를 참고했는가.

구석 배치 없음 — 중요한 메뉴가 오른쪽 끝에 묻히지 않았는가.

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

역할	책임
기획/UX	이용 빈도·중요도 분석, 메뉴 순서 결정
디자이너	우선순위 반영 메뉴 배치

기관 유형	CP-061 적용
중앙행정기관(대표·운영) / 공공기관 / 지자체	✅ 필수

행정·공공기관 디지털 정부서비스 = 전부 해당.

5. 30초 자가진단 + FAQ

✅ 30초 자가진단

□ 자주 쓰고 중요한 메뉴가 좌측에 있나요?

□ 실제 사용 빈도(클릭 통계)를 참고했나요?

□ 중요한 메뉴가 오른쪽 끝에 묻히지 않았나요?

❓ FAQ

Q1. 빈도와 중요도가 다르면요? 둘을 종합해 판단합니다. 보통 둘 다 높은 메뉴를 가장 왼쪽에 둡니다. Q2. 정보 구조 순서와 충돌하면요? 논리적 구조(CP-059)와 균형을 맞추되, 중요한 메뉴를 구석에 묻지 않는 것이 핵심입니다. Q3. KRDS를 채택하면 자동인가요? 표준은 구조를 제공하지만, 순서는 사이트가 빈도·중요도로 정해야 합니다.

6. 마무리

CP-061의 메시지:

중요할수록 왼쪽으로 — 가장 자주 찾는 메뉴를 가장 접근하기 쉬운 곳에.

가로형 메뉴에서 왼쪽은 시선이 먼저 닿고 접근이 쉬운 위치라, 이용 빈도·중요도가 높은 링크를 좌측부터 배치 합니다. 사용 데이터를 반영하면 더 정확하죠. 가장 중요한 것을 가장 접근하기 쉬운 위치에 두는 우선순위 배열의 원리입니다.

다음 편은 드롭다운의 확장 방식을 다룹니다. CP-062 — “드롭다운은 클릭 또는 키보드 탐색으로 확장되게 구현 한다.”

다음 편 예고 ▶ 「182. (CP-062) 드롭다운은 클릭 또는 키보드 탐색을 통해 확장되게 구현되어 있다.」

ViewCheck는 중요·빈번한 링크가 좌측에 배치됐는지를 진단합니다.

📚 참고 출처

KRDS 컴포넌트 — 메인 메뉴(Main menu) 가이드 — https://www.krds.go.kr/html/site/component/component_06.html

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

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