Common region, Spotted pattern, Layer cake 추가

Common region (1992 Stephen Palmer)

게슈탈트 6번째 원리입니다. 같은 영역(박스, 카드) 안에 있는 것끼리 같은 그룹으로 인식됩니다.

1992년 미국 심리학자 Stephen Palmer가 기존 5가지 게슈탈트 원리에 추가했습니다. 박스와 테두리, 배경색이 시각적 그룹화의 강력한 도구입니다.

UI 적용은 다음과 같습니다.

카드 디자인: 박스 하나가 한 정보 단위.
폼 섹션: 관련 필드를 배경색으로 묶음.
메뉴 그룹: 구분선 또는 배경.

Spotted pattern

이미 다룬 F-pattern, Layer cake pattern과 함께 닐슨 노먼 그룹이 정리한 시선 패턴 중 하나입니다.

특징은 사용자 시선이 여러 곳에 분산된다는 점입니다. 일관된 흐름이 없고 마치 점들이 흩어진 듯한 패턴입니다.

언제 나타나는지 살펴보면 다음과 같습니다.

시각적으로 너무 화려한 페이지. 위계가 명확하지 않은 디자인. 광고가 많은 페이지.

이 패턴은 나쁜 신호입니다. 사용자가 무엇이 중요한지 모르고 헤맨다는 뜻입니다.

시선 패턴 정리

F-pattern: 글이 많은 페이지.
Z-pattern: 시각적 페이지의 대각선 흐름.
Layer cake: 가로 띠로 쌓인 레이아웃.
Spotted: 분산된 시선 (나쁜 신호).

바이브 메이커가 챙길 한 가지

본인 페이지에서 사용자 시선이 spotted pattern을 보이면 디자인을 재검토합니다. 보통 너무 많은 시각적 강조 요소 때문이며, 강조는 1~2개만 둡니다.

관련

Gestalt laws · F-pattern · Visual hierarchy