정의

Law of Proximity는 시각적으로 가까운 요소들은 사용자가 서로 연관된 그룹으로 인식한다는 게슈탈트 원칙이다. 배치 간격만으로도 정보 구조와 관계를 명확히 전달할 수 있다.

주요 포인트

  • 공간 기반 그룹화: 콘텐츠 간 거리가 가까우면 관련된 항목으로 인식됨
  • 명시적 연결 없이도 관계 전달: 선, 박스 없이도 거리만으로 연관성 표현 가능
  • 정보 탐색 속도 향상: 관련 정보가 인접해 있을수록 사용자의 인지 및 탐색이 빨라짐

실무 적용

  • 리스트 구성: 카테고리별 아이템 간격을 넓혀 시각적 그룹화 유도
  • 폼 설계: 필드 간 거리 조절을 통해 논리적 묶음 구성
  • 내비게이션 메뉴: 메뉴 항목들을 기능별로 간격 조절해 시각적 구분 제공

참고 사례

  • 게시판 UI: 게시글 제목, 내용, 작성일 등이 서로 가까이 배치되면 한 단위 정보로 인식
  • 설정 페이지: 항목 간 간격 차이를 통해 그룹 경계를 직관적으로 표현

위계나 관계를 설명하기 위한 선이나 박스보다 효과적인 방법은 ‘거리’다. UX 설계는 배치 간격을 통해 사용자 사고 흐름을 자연스럽게 유도해야 한다.