근접성원리 (Principle of Proximity)
쉽게 풀면
가까이 붙어 있는 것들은 서로 관련 있다고 사람이 자동으로 생각한다는 원리이다.
왜 중요한가
근접성의 원리는 게슈탈트 심리학에서 유래한 지각 법칙으로, 서로 가까이 있는 요소들을 하나의 그룹으로 인식하는 인간의 시각적 경향을 설명하며 UI와 인쇄물의 레이아웃에서 관련 정보를 시각적으로 묶는 근거로 널리 활용된다. 폼 디자인에서 라벨과 입력창의 간격을 좁게 배치해 관계를 암시하는 것이 대표적 적용 사례다. 근접성은 시각 요소뿐 아니라 시간적으로 가까이 발생하는 사건(연속된 알림, 애니메이션)에도 적용될 수 있어, 짧은 시간 안에 연달아 나타나는 요소들 역시 하나의 사건으로 묶여 인식되는 경향이 있다. 폼 디자인에서는 관련 없는 두 입력 필드 사이의 간격을 의도적으로 넓혀 서로 다른 정보 그룹임을 구분하는 데도 이 원리가 반대 방향으로 활용된다.
논문에서는 이렇게 쓰입니다
요소 간 거리 조정이 사용자의 그룹 인식과 실제 오류율에 미치는 영향을 실험한 사례이다.
폼 입력 필드의 오류율 감소가 아니라 오히려 근접성 때문에 생기는 오인식 사례를 다룬 것으로, 이 원리가 과도하게 적용되면 오히려 혼란을 줄 수 있음을 보여 주는 문장입니다.
조금 더 깊게 보면
근접성만으로 그룹을 나누면 유사성이나 공통 영역 같은 다른 게슈탈트 원리와 충돌해 오히려 혼란을 줄 수 있어 여러 원리를 함께 고려해야 한다. 유사성의 원리가 형태나 색의 공통점으로 그룹을 인식시키는 것이라면 근접성의 원리는 순수하게 물리적 거리만으로 그룹을 인식시킨다는 점에서 구분된다. 근접성은 절대 거리 값이 아니라 다른 요소들과 비교했을 때의 상대적 간격 차이로 작동하므로, 전체 화면의 요소 간격이 촘촘하면 몇 픽셀의 차이만으로도 그룹이 나뉘어 보인다.
주의할 점
근접성원리는 절대적 거리보다 다른 요소와의 상대적 거리 차이에 의해 그룹 인지가 결정된다. 터치 인터페이스에서는 인접한 두 버튼의 간격이 근접성 원리로 그룹처럼 보이더라도, 실제 터치 영역이 겹치면 오조작으로 이어질 수 있어 간격과 터치 영역을 별도로 검토해야 한다.