게슈탈트 심리학
1. 게슈탈트 심리학과 인터페이스 디자인
게슈탈트란 원래 ‘형, 형태’를 뜻하는 독일어. 게슈탈트 심리학은 인간이 심리적으로 형태를
어떻게 인지하는지에 대한 기초 원리.
게슈탈트 심리학은 근접한 것끼리, 유사한 것끼리, 닫힌 모양을 이루는 것끼리, 좋은 연속을
하고 있는 것끼리, 좋은 모양을 만드는 것끼리 한데 모으면 보기가 좋아진다는 사실에 근거를
두고 있다.
- 사용자가 형태를 지각하는 원리
근접성: 근접성은 가까운 것끼리 묶어서 지각하려는 원리. 사용자가 형태를 지각할 때 가까운
것끼리 묶어서 지각하려는 원리
예) 로그인 버튼과 관련된 입력 필드, 회원 정보와 관련된 기능 등을 묶어놓는 것
회사 소개, 사용 약관, 개인 정보 보호 약관, FAQ 메뉴
구매하기, 상품보기, 장바구니에 담기
게시판의 쓰기, 삭제, 목록 버튼
유사성: 사용자가 형태를 시각적으로 집단화하여 지각하려는 원리. 많은 양의 데이터는 비슷한
내용으로 분리하여 작업하는 것이 효율적이다.
예) 대분류, 중분류, 소분류 등의 위치 변화에 따른 그룹핑 효과
같은 메뉴의 컬러는 유사한 색상을 사용하여 나타내는 방법
연속성: 시각적 요소들이 연속적 직선이나 곡선을 형성하기 위해 집단화 하는 경향
사용자가 유사한 배열을 하나의 묶음으로 지각한다는 원리
폐쇄성: 닫힌 것을 하나의 형태로 보고 시각적 그룹핑을 전달하기 위해 사용하는 가장
보편적인 기법. 그룹 요소 주변에 외곽선을 그리는 방법
애매한 부분의 내용을 형이나 선으로 묶어 하나의 개체로 인식하게 한다.
형과 배경: 물체와 모양으로 보여지는 부분을 ‘형’ 또는 ‘그림’으로 보고, 그 이외의 배경 부분을
‘바탕’으로 보려고 하는 것.
대상이 일정한 환경에서 긴밀하게 짜여 있고, 충실히 내용을 나타내며, 비교적 강한
인상을 줄 때 이를 ‘형태’ 또는 ‘도형’이라고 한다. 이에 비해 짜여 있지 않고,
공허하며, 비교적 약한 인상을 줄 때 이것을 ‘배경’이라고 한다.
어떤 대상의 윤곽선에 의해 자극이 두 영역으로 나누어지면, 두 영역의 형이 동시에
관찰될 수 없다.
예) 루빈의 컵
2. 시각적 원리를 적용한 웹 페이지 구조화 작업
웹 페이지에는 무수한 정보가 들어 있다. 사용자는 많은 정보를 하나하나 읽는 것이 아니라
훑어보고, 관심이 가거나 시선을 끄는 부분을 보충하여 읽게 된다.
제작자는 자신이 중요하게 생각하는 내용을 사용자에게 정확하게 전달해야 하며, 사용자는
자신이 원하는 내용을 쉽게 찾을 수 있어야 한다.
- 시각적 원리를 적용한 웹 페이지 구조화
근접성의 원리를 이용한다. (자주 단락을 나누어 유저의 시각적인 부담을 줄여준다.)
단락과 단락 사이에 충분한 여백을 둔다.
정보를 쉽고 명확하게 그룹핑 해준다.
중요한 내용이 강조될 수 있도록 한다.
- 효과적인 웹 페이지에서 글쓰기
효과적인 헤드라인을 사용한다.
중간 제목을 잘 활용하여 글의 이해를 돕는다.
숫자나 통계 등 구체적인 내용을 사용한다.
글의 핵심을 쉽게 파악할 수 있도록 한다. (중요한 내용과 결론을 먼저 보여주거나 앞부분에
별도의 요약문을 제공한다.)