웹 페이지에 대한 사용자의 관심의 수직적 분포는 상대적으로 간단합니다. 사람들의 시야의 아래쪽 부분보다 위쪽 부분에 더 많은 정보가 숨겨져 있습니다. 이제 웹 페이지의 수평 방향에서 사용자의 관심 분포를 살펴보겠습니다. 이전에 수집한 데이터베이스를 사용하면 사용자가 웹 페이지를 탐색할 때 왼쪽에서 오른쪽으로 관심 분포의 가중치가 다음과 같다는 것을 쉽게 알 수 있습니다.
이 차트에서 각 기사의 가로 좌표는 100픽셀을 나타내고 세로 좌표의 100%는 사용자가 맨 왼쪽에서 탐색을 시작한 때부터 페이지를 종료할 때까지의 시간을 나타냅니다.
사람들은 오른쪽보다 왼쪽에서 두 배 이상의 시간을 보내며 다음과 같은 분명한 선택을 합니다.
왼쪽 절반은 69%의 시간을, 오른쪽 절반은 30%의 시간을 소비했습니다.
탐색 시간의 나머지 1%는 탐색할 수 있는 처음 1024픽셀에서 소비됩니다. 일부 정보는 가로 스크롤 후에만 볼 수 있습니다. 이 정보는 가로 스크롤을 방지하려면 가로 막대를 수정해야 함을 나타냅니다.
여기 "하단 열"에서 우리가 이야기하고 있는 정보는 실제로는 문자 그대로 "아래"가 아닌 화면 오른쪽에 있는 화면 너머 부분입니다. 반면, 수평 브라우징과 수직 브라우징을 비교해 보면, 수직 방향의 사용자는 약 20%의 정보를 건너뛰는 반면, 수평 방향의 사용자는 약 1%의 정보만 무시합니다. (수평 스크롤 휠은 사용자를 짜증나게 하고 관심을 덜 끌기 때문에 끔찍하다고 실제로 20번 이상 말한 것 같습니다.)
우리 연구에서는 1,024×768 모니터를 사용했습니다. 더 큰 디스플레이를 사용하면 스크롤을 덜 하면서 오른쪽에 더 많은 콘텐츠를 볼 수 있기를 바라며 일반 모드에서도 마찬가지입니다.
가장 왼쪽 섹션에는 일반적으로 탐색 모음이 포함되어 있으므로 200픽셀 이후에 관심이 커지는 것은 놀라운 일이 아니며 가장 많은 관심을 받는 300~500픽셀을 더한 부분입니다. 사람들은 처음부터 첫 번째 줄의 주요 콘텐츠 영역에 집중하는 경향이 있습니다.
언어 왼쪽에서 오른쪽 읽기 방향
왼쪽에서 왼쪽으로 읽는 습관이 있는 영역을 대상으로 실시한 사용성 연구에 따르면 사람들은 줄의 시작 부분에 더 많은 주의를 기울이는 것으로 나타났습니다. 분명히 이러한 언어에서는 텍스트가 오른쪽에서 시작됩니다. 그럼에도 불구하고 해당 Eyetracking 구현을 반드시 찾을 수는 없습니다. 예를 들어 아랍어와 히브리어에도 위의 차트가 있습니다. (대략적으로는 국가나 지역의 독서 습관이 오른쪽에서 왼쪽인 경우 주의 시간 분포 그래프가 위 그래프의 거울 이미지를 형성한다는 의미입니다. 즉, 가로좌표는 오른쪽에서 왼쪽으로 쓰여집니다.)
그 이유는 오른쪽에서 왼쪽으로 읽는 언어로 된 웹사이트가 항상 왼쪽에서 오른쪽으로 읽는 레이아웃 디자인을 갖고 있는 것은 아니기 때문입니다. 두바이 신문 Emarat Al Youm과 이스라엘 신문 Haaretz 웹사이트의 레이아웃은 다음과 같습니다.
Emarat Al Youm은 진정한 우익 웹사이트입니다. 이와 달리 Haaretz는 텍스트가 오른쪽 정렬되어 있지만 여전히 왼쪽 탐색 모음이 있는 사이트입니다. 따라서 이 시선 추적(Eyetracking, 지금은 이렇게 번역하겠습니다) 연구는 일반적인 영어 웹 사이트보다 더 복잡할 수 있습니다.
일반 레이아웃 우선순위
우리가 일반적으로 왼쪽에서 오른쪽으로 읽는 언어(예: 중국어, 영어, 러시아어, 심지어 일본어)로 돌아가서 우리가 발견한 내용은 무엇을 의미합니까?
간단히 말해서, 사람들이 웹을 탐색하는 방식에 완벽하게 들어맞는 전통적인 웹사이트 레이아웃을 고수하세요.
사람들이 목록에서 찾을 것으로 기대하는 왼쪽의 탐색 기능을 일관되게 유지하세요.
주요 내용을 왼쪽에서 오른쪽으로 배열하는 데 더 주의를 기울이세요.
가장 중요한 콘텐츠는 전체 페이지 너비의 1/3 또는 절반을 차지해야 합니다. 사용자가 가장 집중하는 부분이 바로 여기에 있습니다.
보조 콘텐츠를 오른쪽에 유지하세요. 많은 관심을 끌지는 못하지만 충분합니다. 모든 콘텐츠가 최고의 자리를 차지할 수는 없으며 덜 중요한 콘텐츠를 위한 공간이 필요합니다.
흥미롭게도 이 큰 이미지에 표시된 웹사이트의 레이아웃은 주류 인트라넷의 레이아웃과 매우 유사합니다. 하지만 이것은 단지 웹사이트일 뿐입니다.
지배적인 탐색 패턴과 웹 페이지 레이아웃은 분명히 종속 관계로 발전했습니다.
사람들은 일반적으로 가장 중요한 정보가 특정 장소에 배포되기 때문에 특정 장소에 주의를 기울이도록 훈련받습니다.
현재 회사에서 웹사이트 레이아웃을 만들 때 사람들이 페이지 전체에 관심을 분산시키는 방식에 따라 정보가 정렬됩니다.
기존 레이아웃에서 벗어나면 일부 사용자는 웹사이트를 탐색할 때 주의 집중 습관이 바뀔 것입니다. 중요한 항목을 오른쪽에 배치하면 해당 영역에 있는 (적은) 사용자가 일반적인 사용자 도메인보다 이 정보를 검색하는 데 더 많은 시간을 소비하게 될 수 있습니다.
사용자가 미리 결정한 것과는 다릅니다. "내 시간의 2.5%만 왼쪽에서 오른쪽으로 보면서 이 세그먼트의 1000픽셀과 1100픽셀을 살펴보겠습니다."
그럼에도 불구하고 전통적인 디자인에서 벗어나기 위해 지불하는 대가는 사용자가 페이지를 처음 탐색할 때 필요한 것을 찾는 데 많은 시간을 소비한다는 것입니다.
웹 페이지 레이아웃이 비전통적인 위치에 배치되지 않고 사용자의 탐색 요구 사항을 충족하는 경우 사용자는 자신도 모르게 정보를 쉽게 찾고 원하는 것을 달성할 수 있습니다.
그리고 귀하의 웹사이트가 사용자에게 당연한 것으로 여겨지면 귀하의 비즈니스는 더욱 원활하게 운영될 것입니다.