정의
Law of Common Region은 동일한 경계 또는 배경 안에 위치한 요소들은 서로 연관된 그룹으로 인식된다는 시지각 법칙이다. 이는 정보 구조의 명확한 구분과 시각적 조직에 기여한다.
주요 포인트
- 그룹 인식 강화: 경계, 박스, 색상 배경 등으로 묶이면 사용자 인식상 하나의 덩어리로 처리됨
- 질서감 유도: 복잡한 정보도 시각적 구획을 통해 질서 있게 받아들여짐
- 관계 추론 지원: 기능적으로 연결된 항목이 시각적으로도 연결될 때 사용자는 관계를 쉽게 이해함
실무 적용
- 카드 기반 UI 설계: 관련 정보나 기능을 카드 형태로 묶어 정보 흐름을 명확히 구성
- 폼 레이아웃 구성: 입력 항목을 관련 영역별로 구분하여 사용자의 인지 흐름 지원
- 시각적 묶음 설계: 배경 음영, 테두리, 여백 등을 이용해 콘텐츠 그룹을 분리
참고 사례
- 대시보드 위젯: 유사한 지표를 동일 박스 내에 배치하여 그룹화 인식 유도
- 회원가입 페이지: 기본 정보, 주소 정보, 결제 정보를 시각적으로 구획해 단계별 흐름 제시
공간은 정보의 의미를 담는 컨테이너다. UX 설계에서 요소 간의 관계를 설명하려 하지 말고, 보여줘야 한다. 시각적 영역 구분은 설계의 언어다.