Ch.1 게슈탈트 원리

실제 앱에서 게슈탈트 찾기

실제 서비스 UI에서 게슈탈트 원칙 적용 사례를 식별할 수 있다게슈탈트 위반이 사용성 저하로 이어지는 과정을 설명할 수 있다

이론을 알았으니, 이제 실전에서 찾아봅시다

매일 쓰는 앱 속에 게슈탈트 원리가 숨어 있습니다. Spotify, Airbnb, 네이버 — 이들의 UI를 원리의 눈으로 분석해봅시다.

이론은 알겠는데, 실제 화면에서 어떻게 보이는 거지?

좋은 UI는 게슈탈트를 의식적으로 활용하고, 나쁜 UI는 무의식적으로 위반합니다.

lightbulb

핵심 개념

사용자의 행동·니즈·동기를 조사하는 것

실제 사용자 데이터를 기반으로 만든 가상 인물

article

좋은 UI는 게슈탈트를 의식적으로 활용합니다

Spotify 홈 화면: 플레이리스트 카드들이 같은 크기와 간격으로 배열(유사성 + 근접성). 카테고리 간 넓은 간격이 섹션을 구분(근접성).

Airbnb 검색 결과: 사진-제목-가격이 하나의 카드로 밀착 배치(근접성). 지도 위 핀과 목록이 동시에 하이라이트(공동 운명).

Apple 웹사이트: 넓은 여백으로 제품 이미지가 자연스럽게 전경이 됨(전경/배경). 스크롤 따라 이어지는 스토리(연속성).

같은 정보라도 게슈탈트를 지키느냐 안 지키느냐의 차이

네비게이션 메뉴 항목이 모두 같은 폰트 크기·색상으로 되어 있어 '한 그룹'으로 인식되는 것은?

key

🔍

사용자의 행동·니즈·동기를 조사하는 것

👤

실제 사용자 데이터를 기반으로 만든 가상 인물

compare_arrows

게슈탈트 준수 = '읽히는' UI / 위반 = '어지러운' UI

퀴즈와 인터랙션으로 더 깊이 학습하세요