조디악 표시로 호환성을 찾으십시오
Eyetrack III: 독자의 눈으로 본 뉴스 웹사이트의 모습
보관소
뉴스 웹사이트는 약 10년 동안 우리와 함께 했으며 편집자와 디자이너는 여전히 많은 답이 없는 질문으로 고심하고 있습니다. 홈페이지 레이아웃이 효과적인가? ... 홈페이지의 광고 문구가 헤드라인에 비해 어떤 영향을 미치나요? … 멀티미디어는 언제 적절한가요? … 광고는 청중이 볼 수 있는 위치에 배치됩니까?
에서 발표한 Eyetrack III 연구 포인터 연구소 , 저널리즘 및 뉴미디어를 위한 Estlow 센터 , 그리고 아이툴 이러한 질문에 답하는 데 도움이 될 수 있습니다. 이와 같은 시선 추적 연구는 이러한 질문에 대한 답을 제공하지 않습니다. 그러나 뉴스 웹사이트 관리자가 이미 사용하고 있는 다른 사이트 메트릭(사용성 테스트, 포커스 그룹, 로그 분석)과 결합하여 Eyetrack III 결과는 뉴스 웹사이트를 개선하기 위한 방향을 제시할 수 있습니다.
Eyetrack III에서 우리는 한 시간 동안 수십 명의 사람들이 모의 뉴스 웹사이트와 실제 멀티미디어 콘텐츠를 따라가는 것을 관찰했습니다. 이 기사에서 우리는 우리가 관찰한 것에 대한 개요를 제공할 것입니다.
또한 이 연구가 무엇이고 무엇이 아닌지에 대한 간략한 설명: ~이다 샌프란시스코에서 46명을 대상으로 한 예비 연구입니다. 그것은 ~ 아니다 더 많은 인구로 추정할 수 있는 철저한 탐색입니다. 통제된 변수에 기반한 '결과'와 테스트가 엄격하게 통제되지 않은 '관찰'이 혼합되어 있습니다. 연구원들은 웹사이트 디자인 및 멀티미디어 요소의 측면에서 많은 근거를 '깊이'가 아니라 '넓게' 조사했습니다. Eyetrack III가 그 자체로 끝이 아니라 뉴스 산업에 도움이 될 대화의 시작으로 보았으면 합니다.
핵심: 홈페이지 레이아웃
여러 뉴스 홈페이지 디자인에서 참가자의 눈 움직임을 테스트하는 동안 Eyetrack III 연구원은 공통 패턴을 발견했습니다. 눈은 가장 자주 페이지의 왼쪽 상단에 먼저 고정된 다음 왼쪽에서 오른쪽으로 이동하기 전에 해당 영역에서 맴돌았습니다. 얼마 동안 페이지의 상단 부분을 정독한 후에야 그들의 눈은 페이지 아래로 더 자세히 탐색했습니다.
물론 페이지 레이아웃에 따라 이 패턴이 달라질 수 있습니다. 위의 이미지는 이 테스트를 위해 만든 것과 같은 여러 홈페이지 디자인에서 발견한 가장 일반적인 눈 움직임 패턴을 단순하게 표현한 것입니다.
이제 또 다른 Eyetrack 관찰을 고려하십시오. 지배적인 헤드라인은 페이지에 들어갈 때 가장 먼저 시선을 끄는 경우가 많습니다. 특히 왼쪽 상단에 있을 때 그리고 오른쪽 상단에 있을 때 가장 자주(항상 그런 것은 아님) 눈을 끕니다. 예상할 수 있는 것과 달리(그리고 인쇄 신문에 대한 1990년 Pointer 시선 추적 연구 결과와 달리) 사진은 일반적으로 홈페이지의 진입점이 아닙니다. PC 화면의 텍스트 규칙 - 본 순서와 보는 데 소요된 전체 시간 모두.
25개의 대형 뉴스 웹사이트에 대한 간략한 검토 — 여기 그 목록이 있습니다 — 그 중 20개는 지배적인 홈페이지 이미지를 왼쪽 상단에 배치함을 나타냅니다. (대부분의 뉴스 사이트는 매일 일관된 페이지 디자인을 가지고 있으며 인쇄 신문처럼 레이아웃을 변경하지 않는 경우가 많습니다.)
우리는 뉴스 홈페이지에서 독자의 본능이 먼저 왼쪽 상단의 깃발/로고와 상단 헤드라인을 보는 것임을 관찰했습니다. 아래 그래픽은 Eyetrack 데이터에서 공식화한 중요 영역을 보여줍니다. 각 사이트는 다르지만 자신의 웹사이트를 보고 어떤 콘텐츠가 어떤 영역에 있는지 확인할 수 있습니다.
[ Eyetrack III이 홈페이지 레이아웃에 대해 말하는 내용에 대해 자세히 알아보십시오. 여기 . ]
사람들이 스캔하지 않고 읽기를 원하십니까? 작은 유형을 고려하십시오
Eyetrack III 연구원들은 홈페이지에서 헤드라인과 활자 크기를 테스트할 때 중요한 사실을 발견했습니다. 작은 활자는 집중적인 보기 행동(즉, 단어 읽기)을 장려하고 큰 활자는 스캐닝을 촉진합니다. 일반적으로 테스트 결과 사람들은 큰 유형보다 작은 유형에 더 많은 시간을 보내는 것으로 나타났습니다. 글자가 클수록 사람들이 주의를 끄는 단어나 구문을 찾기 때문에 페이지를 더 많이 스캔하게 되었습니다.
특히 홈페이지의 헤드라인 크기를 볼 때 그랬습니다. 큰 헤드라인은 작은 헤드라인보다 더 많이 스캔하도록 권장했습니다.
(참고: 우리는 당신이 사용하는 글꼴 크기를 다 써버려서 크기를 줄이는 것을 옹호하는 것이 아닙니다. 사람들이 당신이 사용하는 글꼴 크기를 읽을 수 있는지 확인해야 합니다.)
특히 흥미로운 것은 홈페이지에 헤드라인과 광고 문구가 사용되었을 때 사람들의 행동이었습니다. Eyetrack III 테스트 참가자는 헤드라인이 굵게 표시되고 광고 문구 텍스트와 크기가 같으며 동일한 줄에서 광고 문구 바로 앞에 오면 헤드라인과 광고 문구를 모두 보는 경향이 있습니다.
광고 제목보다 크고 별도의 줄에 있는 헤드라인을 사용하면 사람들은 헤드라인을 보고 광고 문구를 건너뛰는 경향이 있습니다. 그들은 작은 헤드라인을 본 그룹보다 페이지 전체의 헤드라인을 더 많이 스캔했습니다.
연구원들은 이러한 행동을 설명하는 것은 서체 크기 자체뿐만 아니라 서체 크기의 대조라고 생각합니다. 헤드라인이 함께 제공되는 광고 문구보다 크면 헤드라인-광고 문구 블록의 더 중요한 요소로 인식될 수 있으므로 사람들은 헤드라인을 보는 것으로 충분하다고 판단하고 광고 문구를 건너뜁니다.
밑줄이 그어진 헤드라인은 테스터가 홈페이지에서 광고 문구를 보지 못하게 했습니다.
이것은 우리가 테스트 전체에서 주목한 현상과 관련이 있을 수 있습니다. 선이나 규칙과 같은 시각적 구분선은 사람들이 광고 문구와 같이 구분선 너머에 있는 항목을 보는 것을 방해합니다. (이는 광고에도 영향을 미치며 이에 대해서는 아래에서 설명합니다.)
뉴스 웹사이트를 살펴보면 대다수(25명 중 22명)가 홈페이지 헤드라인에 광고 문구를 사용한다는 것을 알 수 있습니다. 헤드라인만 사용하는 드문 경우: CNN.com , NYPost.com , 그리고 ProJo.com . 헤드라인 크기와 관련하여 우리는 헤드라인에 더 큰 유형 크기를 사용하거나 더 작은 유형을 사용하는 것 사이에서 고르게 분할되는 것을 관찰했습니다.
홈페이지에 광고 문구를 사용하는 뉴스 사이트 22개 중 12개가 헤드라인 아래에 규칙을 넣는 것으로 나타났습니다.
[ Eyetrack III의 유형 및 광고 문구에 대해 자세히 알아보기 여기 그리고 여기 . ]
헤드라인의 부분적 보기, 일반적으로 발견된 광고 문구
우리는 사람들이 뉴스 홈페이지 헤드라인 아래 광고 문구를 볼 때 광고 문구의 왼쪽 1/3만 보는 경우가 많다는 것을 발견했습니다. 다시 말해, 대부분의 사람들은 처음 몇 단어만 보고 그 단어에 관심이 있는 경우에만 계속 읽습니다.
여기 히트맵 이것을 보여주는 광고문구. (히트맵은 우리 테스트 피험자의 모든 시선을 집계한 것입니다. 아래에서 주황색 부분이 가장 많이 보였으며 파란색 부분이 가장 적게 보였습니다.)
홈페이지의 헤드라인 목록을 통해 시선 추적으로 사람들이 어디를 보았는지 알 수 있습니다. 그리고 다시 가장 자주 헤드라인의 왼쪽에 있습니다. 사람들은 일반적으로 헤드라인 목록을 스캔하고 전체 헤드라인을 보지 않는 경우가 많습니다. 첫 단어가 그들을 사로잡으면 계속 읽을 것 같습니다. 평균적으로 헤드라인은 사이트 방문자의 관심을 받는 데 1초도 채 걸리지 않습니다.
헤드라인, 특히 더 긴 헤드라인의 경우, 시선을 사로잡고 싶다면 처음 몇 단어가 주의를 끌 필요가 있는 것처럼 보일 것입니다.
광고문구도 마찬가지입니다. 아마도 더 그럴 것입니다. 광고 문구에 대한 우리의 연구 결과에 따르면 짧게 유지해야 할 뿐만 아니라 처음 몇 단어는 시청자의 관심을 사로잡아야 합니다.
우리가 검토한 25개의 뉴스 웹사이트에는 상당히 다양한 광고 문구가 있습니다. 평균 광고 길이는 약 10단어에서 최대 25단어까지 다양하며 대부분의 사이트는 약 17단어입니다.
[ Eyetrack III의 광고 문구에 대해 자세히 알아보기 여기 . ]
무엇이 '핫스팟'을 생성합니까?
Eyetrack III에서 우리는 사람들이 페이지에서 보는 위치를 관찰하면서 여러 홈페이지 디자인을 테스트했습니다. 예상대로 페이지의 아래쪽 부분, 특히 보기 위해 스크롤해야 하는 영역은 보통 수준으로 표시됩니다. 그러나 이것이 사람들이 스크롤 페이지에서 낮은 콘텐츠를 보게 할 수 없다는 것을 의미하지는 않습니다.
몇 개의 테스트 홈페이지에서 일부 스토리에 대한 '핫스팟'을 찾았습니다. 아마도 우리의 테스트가 샌프란시스코에서 이루어졌기 때문에 연구 주제는 사이트 'Craig's List'(1995년 설립 이후 인기 있는 지역 온라인 커뮤니티)에 대한 한 이야기에 끌렸습니다. 해당 기사의 헤드라인은 페이지의 첫 번째 보이는 화면 아래에 있음에도 불구하고 주변 콘텐츠에 비해 지나치게 많은 시선을 고정했습니다. 우리는 의류 제조업체 FCUK에 대한 헤드라인에서 유사하게 많은 수의 시선을 고정하는 것을 관찰했습니다.
이것은 초기 화면 보기를 훨씬 넘어 확장되는 홈페이지가 있는 웹 사이트에 좋은 소식이라고 생각합니다. Eyetrack III은 사람들이 일반적으로 첫 번째 화면 너머를 본다는 것을 발견했습니다. 그러나 눈은 일반적으로 주의를 끌 만한 것을 찾기 위해 페이지의 아래쪽 부분을 스캔합니다. 그들의 눈은 흥미로운 헤드라인이나 눈에 띄는 단어에 고정될 수 있지만 다른 콘텐츠에는 고정되지 않습니다. 다시 한 번, 이것은 날카로운 헤드라인 작성의 필요성을 지적합니다.
[ Eyetrack III이 홈페이지 디자인에 대해 말하는 내용에 대해 자세히 알아보십시오. 여기 그리고 여기 . ]
당신의 내비게이션은 어디에 있습니까?
여러 홈페이지 디자인을 테스트하는 동안 탐색 요소의 위치를 변경했습니다. 상단(플래그 또는 로고 아래), 왼쪽 열 및 오른쪽 열.
홈페이지 상단에 배치된 탐색이 가장 성능이 좋았습니다. 즉, 가장 높은 비율의 테스트 대상이 보았고 가장 오래 보았습니다. 25개의 인기 뉴스 사이트에 대한 설문 조사에서 최상위 위치 탐색을 사용하는 11개를 발견했습니다. 나머지 14개는 왼쪽 탐색을 사용했습니다. 25개 중 7개는 왼쪽 및 상단 탐색 요소를 사용했습니다. 우리가 조사한 25개 사이트 중 어느 것도 오른쪽 탐색을 사용하지 않았습니다. 드물지만 뉴스 웹 사이트 세계에서 올바른 탐색을 찾을 수 있습니다.
테스트에서 왼쪽보다 오른쪽 열 탐색이 더 나은 사용(더 많은 눈 고정 및 더 긴 시청 시간)을 관찰했다는 사실을 알고 놀라실 수도 있습니다. 이것이 참신한 요소였을 수 있지만 사람들은 오른쪽 탐색을 보는 데 익숙하지 않습니다. 이는 페이지의 오른쪽에 탐색을 배치하고 편집 콘텐츠에 왼쪽 열을 사용하지 않을 이유가 없음을 나타낼 수 있습니다. 광고.
[ Eyetrack III의 탐색 기능에 대해 자세히 알아보기 여기 . ]
기사 레이아웃, 작문 스타일은 어떻습니까?
Eyetrack III 결과는 기사 작성 및 레이아웃의 다양한 특성이 독자의 보기 행동에 영향을 미칠 수 있음을 시사합니다.
예를 들어, 평균 단락 길이를 가정해 보겠습니다. 대부분의 뉴스 사이트는 약 45-50단어 또는 두세 문장 정도의 중간 길이의 단락으로 기사를 게재합니다. 그러나 25개의 주요 뉴스 사이트를 대상으로 한 설문조사에서 우리는 단락을 줄이기 위해 일상적으로 기사를 편집하는 7개를 발견했습니다. 종종 단락당 한 문장뿐입니다.
Eyetrack III 연구에서는 짧은 단락이 긴 단락보다 더 잘 수행되었습니다. 우리의 데이터에 따르면 단락이 짧은 이야기는 단락이 긴 이야기보다 전반적인 시선이 2배 더 많이 집중되었습니다. 더 긴 단락 형식은 보기를 방해하는 것 같습니다.
대부분의 뉴스 웹사이트 기사 페이지는 단일 텍스트 열에 기사를 표시하지만 다음과 같은 소수의 사이트는 iht.com 그리고 헤럴드.co.uk — 신문 레이아웃을 모방하고 기사를 2~3개 나란히 표시합니다. 이것은 기존의 (웹용) 1열 기사 형식만큼 가독성이 좋습니까?
Eyetrack III 결과는 표준 1열 형식이 눈 고정 횟수, 즉 사람들이 더 많이 보는 면에서 더 나은 성능을 보였다는 것을 보여주었습니다. 그러나 습관이 이 결과에 영향을 미쳤을 수 있음을 명심하십시오. 대부분의 사람들은 1열 웹 기사에 익숙하기 때문에 3열 유형을 보고 놀라는 것이 그들의 눈 행동에 영향을 미쳤을 수 있습니다.
기사 페이지의 사진은 어떻습니까? 테스트 대상자들이 홈페이지에서와 같이 첨부된 사진을 보기 전에 일반적으로 텍스트 요소를 봤다는 사실에 놀랄 수 있습니다. 앞서 언급했듯이 이전 인쇄 시선 추적 연구에서 반대 동작(사진 먼저)이 관찰되었습니다.
마지막으로, 기사로 이어지는 요약 설명(단락 길이의 확장된 데크 헤드라인)을 사용합니다. 참가자들에게 인기가 많았습니다. 테스터가 굵은 글꼴로 된 소개 단락이 있는 이야기를 접했을 때 95%의 테스터가 전체 또는 일부를 보았습니다.
사람들이 소개 단락을 5초에서 10초 동안 볼 때(종종 그랬듯이) 나머지 기사의 평균 읽기 행동은 요약 단락이 없는 기사를 볼 때와 거의 같았습니다. 요약 단락은 이야기를 얼마나 소비했는지에 따라 차이가 없었습니다.
주요 뉴스 웹사이트의 20% 이상이 정기적으로 기사와 함께 요약 단락을 사용합니다.
[ Eyetrack III이 기사 레이아웃에 대해 말하는 내용에 대해 자세히 알아보십시오. 여기 . ]
광고하는
우리가 가장 먼저 알아차린 것은 사람들이 종종 광고를 무시하지만 게재위치가 중요하다는 것입니다. 그들이 광고를 볼 때, 그것은 보통 0.5~1.5초 동안입니다. 좋은 배치와 올바른 형식은 이러한 수치를 향상시킬 수 있습니다.
홈페이지의 상단과 왼쪽 부분에 있는 광고가 가장 많은 시선을 사로잡는 것으로 나타났습니다. 오른쪽 광고는 잘 하지 못했고 페이지 하단의 광고는 일반적으로 소수의 사람들에게만 보였습니다.
인기 있는 에디토리얼 콘텐츠와 가까이 있는 것이 광고가 노출되는 데 큰 도움이 되었습니다. 우리는 광고가 공백이나 규칙에 의해 편집 문제와 분리되었을 때 그러한 장벽이 없을 때보다 광고가 더 적은 고정을 받는다는 것을 알아차렸습니다. 페이지 상단 헤드라인에 가까운 광고가 좋은 성과를 거두었습니다. 홈페이지 깃발 위의 배너 광고는 깃발 아래 및 에디토리얼 콘텐츠 위에 있는 광고만큼 많은 관심을 끌지 못했습니다.
테스트한 모든 유형 중에서 텍스트 광고가 가장 집중적으로 조회되었습니다. 테스트 페이지에서 텍스트 광고의 평균 눈 지속 시간은 거의 7초였습니다. 최고의 디스플레이 유형 광고는 평균 1.6초 밖에 걸리지 않았습니다.
크기가 중요합니다. 더 큰 광고는 더 잘 볼 수 있었습니다. 홈페이지 오른쪽에 있는 작은 광고는 일반적으로 테스터의 1/3만 보았습니다. 나머지는 한 번도 눈을 떼지 않았습니다. 기사 페이지에서 '하프 페이지' 광고는 테스트 대상이 가장 많이 본 광고였습니다. 그러나 그들은 38%의 시간 동안만 목격되었습니다. 대부분의 사람들은 그들을 쳐다보지도 않았습니다. 가장 많이 본 기사 광고는 기사 텍스트에 삽입된 광고였습니다. '스카이스크래퍼' 광고(왼쪽 또는 오른쪽 열에 있는 얇은 수직 광고)가 3위를 차지했습니다.
25개의 주요 뉴스 웹사이트를 검토한 결과, 홈페이지에 작은 배너 광고가 우세하다는 것을 발견했습니다. 그리고 뉴스 홈페이지의 오른쪽 열에서 광고를 찾는 것은 매우 일반적입니다. 절반 정도 우리가 검토한 25개 사이트 기사 텍스트에 광고를 삽입합니다.
[ Eyetrack III에서 광고에 대해 자세히 알아보기 여기 . ]
큰 온라인 이미지는 작은 이미지보다 눈을 더 오래 유지합니다.
뉴스 홈페이지는 일반적으로 기본 이미지에 미리 정해진 크기를 사용하는 템플릿을 사용합니다. 템플릿 기반 디자인을 사용하는 것의 가치는 논쟁의 여지가 있지만(그리고 그래야만), Eyetrack III에서 사진 크기에 대해 배운 내용은 이미지를 남겨둘 공간이 얼마나 큰지 궁금해하는 사람들에게 도움이 될 수 있습니다.
우리는 대부분의 테스트 참가자가 이미지를 먼저 보지 않는다는 것을 배웠지만 이미지가 상당한 수의 눈 고정을 받았다는 것도 관찰했습니다. 우리는 또한 이미지가 클수록 사람들이 그것을 보는 데 더 많은 시간이 걸린다는 것을 배웠습니다.
테스트 페이지 중 하나에는 참가자의 10%가 본 우표 크기의 머그 샷이 있었습니다. 약 70%에서 시선을 끌었던 평균 크기의 사진(너비 및 깊이 약 230픽셀)과 비교하십시오.
테스터의 절반 이상이 크기가 최소 210 x 230픽셀인 이미지를 본 것으로 나타났습니다. 우리의 연구에 따르면 이미지의 깨끗하고 깨끗한 얼굴은 홈페이지에서 더 많은 시선을 끌어들입니다.
기사 수준 페이지가 이를 따르는 것 같습니다. 다시 우리는 이미지가 클수록 더 많은 사용자가 이미지에 끌린다는 것을 발견했습니다.
25개의 뉴스 웹사이트를 검토한 결과 약 20%가 홈페이지에 작은 이미지를 일상적으로 사용한다는 사실을 발견했습니다. 5개 사이트 중 4개 사이트는 일상적으로 홈페이지 메인 사진을 왼쪽 상단에 배치합니다.
그리고 흥미로운 연구 정보가 있습니다. 테스트 페이지에서는 사진을 찾을 수 없었음에도 불구하고 사람들이 종종 사진을 클릭한다는 사실을 알게 되었습니다. 실제로 많은 실제 뉴스 사이트에서는 사진을 클릭해도 아무 소용이 없습니다.
[ Eyetrack III에서 이미지에 대해 말하는 내용에 대해 자세히 알아보기 여기 . ]
사실을 위한 텍스트; 생소한 개념을 위한 멀티미디어 그래픽
전반적으로, 우리는 참가자들이 텍스트 형식으로 해당 정보를 제시했을 때 사실, 이름 및 장소를 더 정확하게 기억할 가능성이 더 높다는 것을 관찰했습니다. 그러나 새롭고 익숙하지 않은 개념 정보는 참가자가 멀티미디어 그래픽 형식으로 수신했을 때 더 정확하게 회상되었습니다.
그래서 이것은 무엇을 의미합니까? 전반적으로 통계적으로 유의하지는 않지만 약간의 텍스트 스토리 정보 회상 증가를 보았지만 대부분의 회상 질문은 사실, 이름 및 장소에 관한 것이었습니다. 과정이나 절차에 대한 스토리 정보는 애니메이션과 텍스트를 사용하여 제시할 때 잘 이해되는 것 같았습니다. 우리가 테스트한 단계별 애니메이션이 이 아이디어를 뒷받침했습니다.
우리는 또한 대부분의 참가자가 한 번에 두 가지 형태의 미디어에만 참석하는 것을 관찰했습니다. 예를 들어, 테스트 상황 중 하나에서 사용자에게 오디오, 정지 이미지 및 서면 캡션이 제공되었습니다. 우리는 그들이 오디오와 이미지에 주의를 기울이는 것을 관찰했습니다. 사진 캡션의 중요한 정보는 많은 사람들이 읽지 않았습니다.
결론은 멀티미디어 환경에서 일하는 최고의 저널리스트는 기사 정보를 전달할 때 좋은 선택을 하는 방법을 알고 있다는 것입니다. 이 연구에서 입증된 바와 같이, 일부 정보는 훌륭하고 설명적인 글을 사용하여 가장 잘 전달됩니다. 기타 정보는 그래픽으로 더 잘 설명됩니다.
[ 멀티미디어 이해에 대한 Eyetrack III의 설명에 대해 자세히 알아보기 여기 , 그리고 읽기 여기에 추가 일반 멀티미디어 관찰 . ]
이 기사에서 주요 내용 중 일부를 다루었지만 더 많은 내용이 있으므로 시간을 할애하십시오. 여기 탐험 이상.
Elizabeth Carr는 이 기사에 대한 연구 지원을 제공했습니다.