광고컬럼

 

출처 사이트 04. 심리학으로 보는 사이트의 이해
원문 http://saedu.naver.com/adinfo/column/read.nhn?seq=200&catg=


1. 인지 심리학과 인터페이스 디자인


보편화된 사이트 인터페이스가 왜 그렇게 만들어져야 했는지 그 근거를 생각해 본 적이 있으신가요? 사이트를  기획하려면 먼저 '왜 그렇게 행동하는가'를 해석하기 위해 '왜 그렇게 생각하는지'에 대한 이해가 필요합니다. 피상적인 부분(UI, Visual Design )만 초점을 맞출 경우, 사용자 경험의 품질 차이가 발생합니다.


인지 심리학은 사람을 깊이 있게 이해하기 위해 필요한 지식 중 하나로 ‘사람의 마음이 어떻게 작용하는가’를 연구하는 학문입니다. 이번 챕터에서는 사이트 이용과정에서 겪는 행동의 원인을 쉽고 재미있게 알아보고 인지 심리학의 과학적 근거를 토대로 효과적인 사이트 인터페이스 및 디자인에 대해 살펴보도록 하겠습니다.


 

2. 사람들은 가까운 것끼리 하나로 묶어서 본다


인지 심리학 중에서도 게슈탈트 심리학은 인간이 심리적으로 형태를 어떻게 인지하는지에 대한 기초 원리입니다. 그 중 근접성의 원리는 사람이 형태를 지각할 때 가까운 것끼리 묶어서 지각한다는 것입니다.

 

 

   [그림 1] 게슈탈트 원칙 – 근접성의 원리


사이트 활용 포인트

[그림 2]는 강의정보와 관련된 요소와 게시판 및 상담요소가 혼재되어 메뉴의 성격을 파악하기가 쉽지 않습니다. 유사 콘텐츠는 가까이에 배치하고, 성격이 다른 콘텐츠는 단락과 단락 사이에 충분한 여백을 두어 그룹핑을 해보시기 바랍니다. 사용자는 자신이 원하는 내용을 더욱 쉽게 찾을 수 있을 것입니다.




    [그림 2 모바일웹 메인 페이지 버튼 배치 비교]

 

 

3. 사람들은 비슷한 것끼리 하나로 묶어서 본다

게슈탈트 법칙 - 유사성의 원리는 사용자가 형태를 시각적으로 유사한 것끼리 집단화하여 지각한다는 것입니다. 사각형은 사각형끼리, 원은 원끼리 묶어서 지각하게 되는 것입니다.



   [그림 3] 게슈탈트 원칙 – 유사성의 원리

 


사이트 활용 포인트

[그림4]에서 ‘버튼’은 한정된 박스에 ‘텍스트’와 ‘화살표’를 제공하고 있습니다. 페이지가 변화되더라도 이와 같이 적용된 디자인을 동일하게 버튼으로 인식 할 수 있습니다.


 

 

   [그림 4] 콘텐츠를 대표하는 제목 및 버튼

 

 

 

 

본 칼럼은 네이버 검색광고 공식 대행사 엔서치마케팅(주) 에서 제작한 것으로, ''Web Site Edit 2015 - 사이트 컨설팅 칼럼북''을 네이버 검색광고 정보센터에서 연재식으로 게재 합니다.

 

 칼럼 전문은 아래 PDF 문서로 확인해보시기 바랍니다.

 ☞ '웹사이트 운영 필수전략- 사이트 컨설팅 칼럼북' 다운로드 받기

원문 출처 : NAVER 검색광고 정보센터