'Above the fold'는 마우스 스크롤 없이 볼 수 있는 화면 영역이다.
"above"는 "~ 위에", "fold"는 "주름"이라는 의미로 "above the fold"는 직역하면 "주름 위에"라는 뜻이다.
신문의 주름 윗쪽 반은 사람들의 관심을 끄는 헤드 라인 뉴스나 사진을 제공한다. 구매 의욕을 돋우기 때문이다.
아래 그림은 Google 검색 결과다.
굵은 빨간선 윗 공간을 스크롤하지 않아도 볼 수 있는 영역. 굵은 빨간 선 아래 영역을 스크롤하지 않으면 볼 수 없는 영역이라고 한다면 위쪽의 공간이 바로 "Above the fold"이다.
구글 페이지 시선처리 (붉은쪽이 가장 많이 본 영역이며 파란색으로 갈수록 가독성이 떨어진다.) 이 "Above the fold" 영역은 쇼핑몰에서 매우 중요한 부분을 차지한다. 즉, 방문자들에게 제공해야 할 컨텐츠를 "Above the fold" 안쪽에서 거의 모두 담당하기 때문이다.
누가 정했는지 모르겠지만 방문자는 현재 방문한 페이지가 자신에게 필요한것인지 불필요한것인지 "3초 만에 결정"한다고 한다. 즉,
한명의 방문자라도 놓치지 않기 위해선 "Above the fold"에 무엇을 배치하는가가 대단히 중요하다.
Above the fold 중에서도 특히 핵심적인 부분은 "Golden Triangle(골든 트라이앵글) "라고하는 영역이다. 위 그림에선 노란색 역삼각형 공간이 Golden Triangle를 나타낸다.
1024x768 화면에서 볼때 빨간색 점선 윗쪽이 Above the fold 영역이다.
인간의 시선은 왼쪽을 기점으로 움직이기 시작한다.
그리고 Golden Triangle 안쪽을 중심으로 이동한다. 그림에서도 알수 있듯이 골든 트라이앵글쪽 영역은 사람들이 가장 많이 주목하고 있다.
그렇기 때문에 이부분은 쇼핑몰에서 판매하고 있는 관련 내용이나 중요한 이미지를 배치하는 것이 고객들의 의식을 파악하는데 많은
도움이된다. 또한 쇼핑몰에서 방문객들의 "반송률"을 최대한 억제시키기 위해선 "Above the fold"와 "Golden
Triangle"을 현명하게 이용하는 것이 중요한 사항이다.
--
"이 글은
웹 2.0 쇼핑몰 숄류션 X2soft 팀블로그에 동시에 연재된 글입니다. -by mepay"
