Карта сайта

Eyetrack III (Айтрек III) - слежение за взглядом

Что мы увидели, когда взглянули на все их глазами!
Потребитель смотрит на сайт
Вот уже около 10 лет существуют веб сайты для размещения информации и новостей, но редакторы и дизайнеры все еще пытаются найти ответы на многочисленные вопросы:

  • Является ли компоновочный план домашней страницы эффективным?
  • Какова эффективность  аннотаций по сравнению с эффективностью заголовков?
  • Когда использование мультимедийных средств  является результативным?
  • Действительно ли объявления размещаются там, где их легче всего заметить?

Результаты исследований проведенных Eyetrack III и опубликованные Поинтерским Институтом (Poynter Institute),  Истловским центром Журналистики и Медиа средств(Estlow Center for Journalism & New Media, and Eyetools), могли бы помочь найти ответы на эти и многие другие вопросы.

Само по себе исследование направленности взгляда не является достаточным для того, чтобы ответить на все вышеперечисленные вопросы, но при комбинировании с прочими анализами параметров сайта, которые уже были использованы создателями веб сайтов новостей, такими как тест на удобство использования для фокус-групп и  анализ лог-файлов, данные, полученные в Eyetrack III, могут подсказать правильное направление на пути усовершенствования веб-сайтов для размещения новостей.

В эксперименте, проводимом в Eyetrack III, приняли участие 46 человек, и в течение часа специалисты наблюдали за их глазами при просмотре как фальшивых сайтов новостей, так и при просмотре реального мультимедийного контента. Данная статья содержит результаты наших наблюдений. Вы также можете более детально ознакомиться с результатами исследований, проводимых в Eyetrack III на страницах этого сайта - используйте для этого навигацию в верхнем левом углу страницы.

Теперь пора перейти непосредственно к ключевым моментам вышеупомянутого эксперимента, но прежде позвольте небольшой комментарий относительно того, чем является и чем не является данное исследование. Это предварительное тестирование нескольких дюжин человек, проведенное в Сан-Франциско. Это не исчерпывающее исследование, результаты которого мы могли бы экстраполировать на всех людей.  Это своеобразное объединение  различных данных, которые базируются на контролируемых переменных и результатах наблюдений, где контроль над тестированием был не очень жестким. Можно сказать, что это было скорее обширное, нежели глубинное исследование, касающееся многих моментов в плане дизайна веб-сайтов и мультимедийных факторов. Мы надеемся, что результаты, полученные в Eyetrack III, являются не конечным, а, если можно так выразиться, отправным пунктом для многих последующих экспериментов в области изучения направленности взгляда, которые будут способствовать  развитию индустрии новостей. Что же,  давайте начнем.

В центре: Компоновочный план домашней страницы

Во время наблюдения за движением глаз испытуемых по домашним страницам сайтов новостей, специалисты Eyetrack III выявили следующую закономерность: Чаще всего взгляд сначала останавливался в верхнем левом углу страницы и лишь через несколько мгновений начинал перемещаться слева направо.  Только после внимательного изучения верхней части страницы взгляд начинал скользить вниз по странице.

Трасса взгляда

В зависимости от компоновочного плана страницы данная модель может изменяться. Данная диаграмма является лишь отображением  наиболее частотных движений взгляда, которые мы наблюдали при просмотре испытуемыми многочисленных дизайнов домашних страниц сайтов. (другими словами, не стоит воспринимать диаграмму слишком серьезно).

А сейчас примите, пожалуйста, к сведению еще одну закономерность, отмеченную специалистами Eyetrack III: главные заголовки чаще всего мгновенно привлекают взгляд при  открытии страницы - особенно если они находятся в верхнем левом углу,  а также часто ( но не всегда) в верхнем правом углу страницы.  При этом вопреки всеобщему мнению (и вопреки данным, представленным в 1990 году специалистами Поинтерского Института в области анализа особенностей печатной прессы), фотографии не являются обычно центром домашней страницы. Текстовая информация доминирует на экране компьютера, как в плане последовательности просмотра, так в плане времени, затрачиваемом на ее изучение.

Быстрый просмотр  25 крупных сайтов новостей показывает, что на 20 из них главная картинка домашней страницы находится в верхнем левом углу. ( Большинство сайтов новостей имеют постоянный дизайн домашней страницы; они нечасто меняют компоновочный план, в отличие от печатных изданий).

 

Острота внимания областей страницы

Мы заметили, что когда речь идет о сайтах новостей, люди, прежде всего, обращают внимание на логотип и главные заголовки в верхнем левом углу страницы. Вышерасположенный чертеж отображает наиболее важные зоны, которые мы выделили в процессе эксперимента. Так как все сайты оформлены по-разному, вы можете взглянуть на ваш собственный сайт и определить, какая информация расположена у вас в соответствующих зонах.

Вы хотите, чтобы люди читали, а не просто просматривали? Делайте шрифт меньше!

Исследования, проведенные Eyetrack III обнаружили кое-что важное, изучая  заголовок и размер шрифта на домашних страницах: мелкий шрифт способствует  сосредоточенному визуальному отображению при просмотре (то есть, чтению слов), в то время как крупный шрифт провоцирует более беглый просмотр. В общем, наше тестирование показало, что испытуемые, провели больше времени, сосредоточив внимание на  мелком шрифте, а не на крупном шрифте. Люди искали слова или фразы, которые привлекали их внимание и тем самым тщательно просматривали информацию, изложенную мелким шрифтом, в то время как использование крупного шрифта приводило лишь к беглому просмотру страниц.

Данная тенденция была особенно очевидной, когда мы посмотрели на размер заголовка на домашних страницах. Крупные заголовки провоцировали беглый просмотр в значительно большей степени, нежели их меньшие аналоги.

(Примечание:  мы не пропагандируем идею немедленного уменьшения размера шрифта на каждой странице вашего сайта, однако вы должны удостовериться, что люди смогут прочитать размер шрифта, который вы выбираете, чтобы достигнуть соответствующего баланса.)

Особенно интересным было поведение людей, когда они видели заголовки и аннотации, на домашних страницах сайтов. Участники тестирования в Eyetrack III  имели склонность рассмотреть и  заголовок, и аннотацию, когда заголовок был выделен жирным шрифтом и имел такой же размер, как и текст аннотации, а затем   возвращали взгляд к аннотации расположенной  на том же самом уровне.

Когда же шрифт заголовка был больше, чем шрифт аннотации, и они находились на разных уровнях, люди рассматривали заголовки и не обращали внимания на аннотацию; они просмотрели больше заголовков по всей странице, чем группа людей, которая смотрела на заголовки с более мелким шрифтом.

Исследователи полагают, что причиной этому является как контраст в размере шрифта, так  и размер шрифта сам по себе.  Когда заголовок больше, чем сопровождающий его текст рекламы, это воспринимается как важный элемент блока аннотация-заголовок - таким образом люди решают, что рассмотрение заголовка является достаточным, и они пропускают аннотацию.

Подчеркнутые заголовки отвлекли внимание испытуемых от рекламы на домашней странице

Это может быть связано с явлением, которое мы отметили во время исследований: визуальные пробелы - такие, как линия или правило, отвлекали внимание  людей  от информации, следующей за этими пробелами. (Это касается и объявлений, к которым мы обратимся ниже).

Если мы рассмотрим веб-сайты новостей, мы увидим, что подавляющее большинство (22 из 25) использует аннотации  для сопровождения заголовков на домашних страницах. Лишь немногие используют только заголовки, среди них: CNN.com, NYPost.com, и ProJo.com. Относительно размера заголовка,  то реакция на заголовки большего размеры была такой же, как и на заголовки, выполненные более мелким шрифтом.

Мы обнаружили, что 12 из 22 сайтов новостей, которые используют аннотации на своей домашней странице, размещают правила под  заголовком.

Распространенным является лишь частичный просмотр заголовков и аннотаций.

Мы обнаружили, что когда люди смотрят на аннотации, расположенные под заголовками на сайтах новостей, они в большинстве случаем замечают лишь третью часть аннотации с левой стороны. Другими словами, большинство людей обращают внимание лишь на первые пару слов и читают весь текст, только если первые несколько слов их заинтересовали.

Здесь вы можете видеть своеобразную тепловую карту, которая наглядно это демонстрирует. ( Тепловая карта - это отображение совокупной направленности взгляда всех испытуемых. Оранжевым цветом выделена область, которую просматривали больше всего и соответственно голубым цветом выделены участки, привлекшие меньше всего внимания.)

Частичное прочтение заголовков

Благодаря анализу направленности взгляда, мы выяснили, что даже если на  домашней странице расположен список заголовков, люди по-прежнему выделяют лишь левую их часть. Чаще всего люди лишь просматривают список заголовков в целом и не читают их полностью. Если первые несколько слов заинтересовывают их, то тогда они склонны прочесть заголовок полностью. В среднем на заголовок посетители сайта тратят меньше секунды своего времени.

Следовательно, можно сделать вывод, что в заголовках особенно в длинных, первые несколько слов должны быть очень цепляющими, если вы хотите привлечь к ним взгляд посетителей.

То же самое относится и к аннотациям. Результаты наших экспериментов показывают, что аннотации должны не только быть емкими, но и первые несколько слов должны привлекать внимание посетителей сайта.

Следует отметить что, на 25 просмотренных нами сайтах новостей мы обнаружили большое разнообразие аннотаций. В среднем длина аннотаций колеблется от  10 до 25 слов, и на большинстве сайтов она составила около 17 слов.

Что создает «горячие точки»?

При проведении исследований в Eyetrack III мы протестировали несколько дизайнов домашних страниц сайтов, чтобы проследить, куда имен чаще всего смотрят люди. Как и можно было ожидать, нижняя часть страницы, особенно область, для просмотра которой надо было воспользоваться скроллингом, пользовалась меньшим вниманием. Однако это вовсе не значит, что вы не можете заставить людей  читать контент внизу страницы.

На нескольких тестируемых нами страницах мы выделили так называемые «горячие точки». Например, так как наше тестирование проходило в  Сан–Франциско, внимание испытуемых было привлечено одной историей о сайте под названием « Список Крейга» (это местное сообщество функционирующее в режиме онлайн начиная с 1995 года). По количеству привлеченных взглядов, заголовок этой истории значительно выигрывал у окружающего содержания, даже несмотря на то, что он был расположен  ниже первого видимого экрана на странице. Мы наблюдали такой же высокий уровень концентрации взгляда на заголовке, посвященном производителю одежды FCUK, который был расположен внизу страницы, содержащей много заголовков и аннотаций.

Мы думаем, что эта информация является обнадеживающей для тех веб-сайтов, домашние страницы которых значительно расширены за пределы первичного восприятия при взгляде на экран. Специалисты  Eyetrack III обнаружили, что в большинстве своем  люди  просматривают информацию за пределами первого экрана. Другими словами их взгляд постепенно сканирует содержимое нижних частей страницы в поисках того, что привлекло бы внимание.  При этом взгляд может зацепиться за интересный заголовок или яркое слово, а не за весь контент. Таким образом, мы опять получаем подтверждение тезиса, что заголовок должен быть написан в sharp-стиле.

Где ваша навигация?

Во время тестирования нескольких вариантов дизайна домашних страниц мы располагали навигационный элемент в различных частях страницы: вверху (под логотипом), с левой стороны и с правой стороны.

Навигация,  расположенная  в верхней части страницы, была наиболее популярна. Мы выяснили, что 11 из 25 наиболее популярных сайтов новостей использовали навигацию, расположенную в верху страницы. Остальные 14 отдали предпочтение навигации расположенной слева.  При этом 7 из 25 сайтов использовали как верхнее, так и левостороннее расположение навигации. Ни на одном из вышеупомянутых сайтов мы не обнаружили  правостороннюю навигацию. Это большая редкость, но все же правосторонняя навигация иногда встречается на сайтах новостей.

Удивительно то, что во время нашего тестирования мы обнаружили, что лучше использовать правостороннюю навигацию, чем левостороннюю (привлекает больше внимания и гарантирует более длительный и тщательный просмотр материала). Подобная тактика все еще новинка для пользователей – людям непривычно видеть правостороннюю навигацию – тем не менее, это не значит, что не следует располагать навигацию справа на странице, а левый столбец использовать для редакторского содержания и рекламы

Как насчет компоновочного плана и стиля написания статей?

Специалисты  Eyetrack III сделали вывод, что различные характеристики написания статьи и ее компоновочный план могут влиять на поведение людей, которые читают данный текст.

Например, давайте рассмотрим параграф средней длины. Большинство сайтов новостей используют статьи с параграфами средней длины, состоящими из 2-3х предложений или 45-50 слов.  Однако при анализе 25 ведущих сайтов новостей  мы заметили, что 7 из них использовали параграфы даже меньшего размера при составлении статей - всего 1 предложение на параграф. 

По нашему мнению, более короткие работают лучше, чем их более длинные аналоги. Наши данные позволяют утверждать, что короткие по размеру параграфы привлекли вдвое больше внимания испытуемых по сравнению  с  более длинными параграфами.  Создается впечатление, что параграфы более длинного формата снижают интерес людей к прочтению. 

Большинство статей, размещенных на сайтах новостей, представлены в формате одного столбца, но некоторые сайты, такие как IHT.com и TheHerald.co.uk используют мимический компоновочный план и разбивают статьи на 2-3 столбца. Настолько ли удобно читать такой вариант текста по сравнению с традиционными статьями, оформленными в один столбец?

Исследования, проведенные в Eyetrack III что стандартный формат текста в один столбец выигрывает по количеству привлеченных взглядов испытуемых. Однако стоит помнить что подобный эффект может быть вызван обыкновенной привычкой. Просто большинство людей привыкли к веб-статьям в один столбец, и удивление при виде текста, разбитого на 3 столбца, отразилось на траектории их взгляда.

А как насчет фотографий на страницах со статьей? Возможно, вы удивитесь, но наши испытуемые сначала фокусировали свой взгляд на текстовом элементе и лишь потом перемещали взгляд на сопровождающую текст фотографию. Как было замечено ранее, обратный порядок вещей ( сначала просмотр фотографии) наблюдался иногда во время проведения предыдущих исследований в области  направленности взгляда.

Наконец, в интернет-статьях часто используются обобщающие описания (расширенные заголовки и более длинные абзацы). Они пользовались повышенной популярностью среди участников эксперимента. Когда люди встречали статью с вводным параграфом, набранным жирным шрифтом, 95 процентов из них частично или полностью просматривали эту информацию.

Когда люди просматривали вводный параграф на протяжении 5-10 секунд, их характерное восприятие оставшейся части статьи ничем не отличалось от особенностей прочтения статей без вводного параграфа. Наличие вводного параграфа не влияло на объем прочитанного текста.

Только лишь немногим более 20% лидирующих сайтов новостей регулярно используют резюмирующие параграфы вместе  со статьями.

Реклама

Eyetrack III протестировал целый ряд форматов объявлений и особенностей их расположения на различных домашних страницах и страницах со статьями.

Первое, что мы заметили, это то, что люди часто не обращают внимания на объявления, но человеческая реакция часто зависит от месторасположения объявления. Посетители сайтов обычно уделяют конкретному объявлению от 0, 5  до 1, 5 секунд. Правильное месторасположение и выбор формата рекламного текста может значительно увеличить интерес, проявленный к нему посетителями.

Мы выяснили, что в первую очередь люди замечают объявления, расположенные в верхней и левой части домашней страницы. Рекламный текст, находящийся справа, пользовался меньшей популярностью, а расположенный в самом низу страницы был прочитан лишь незначительным количеством посетителей сайта.

Если объявление размещено в непосредственной близости от популярного информационного содержимого страницы, то его читают значительно чаще. Мы заметили, что когда рекламный текст был отделен от популярного информационного блока пробелом или линейной чертой, ему уделяли меньше внимания, чем тогда, когда между ними не было пространства. Объявления, расположенные рядом с заголовками в верхней части страницы тоже часто просматривались. Баннерное объявление над  шапкой домашней станицы  не привлекало столько внимания, сколько объявление, размещенное под шапкой и над редакторским содержанием.

Текстовые объявления просматривают наиболее пристально. На нашей экспериментальной Интернет-странице текстовые объявления удерживали внимание посетителей на протяжении почти 7-ми секунд, в то время как  визуальные объявления – в среднем не более 1, 6 секунд.

Размер объявления имеет значение. Более крупные по размеру объявления имеют больше шансов быть замеченными. Мелкие объявления, расположенные на правой стороне страницы привлекли внимание лишь одной трети посетителей, остальные же даже не взглянули на них. На страницах со статьями объявления размером с половину страницы чаще всего притягивали взгляд участников эксперимента. В то же время, люди уделяли объявлениям только 38% времени нахождения на странице и не смотрели на них постоянно. Ссылки контекстной рекламы Adsense, пользующиеся наибольшей популярностью,  были непосредственно включены в текст статьи на странице. «Объявления-небоскребы» (тонкая вертикальная бегущая строка в левом или правом столбце) занимают третье место по количеству прочитывания. Проанализировав 25 основных новостных сайтов, мы обнаружили, что маленькие баннерные  объявления встречаются наиболее часто. Расположение объявлений в правом столбце домашних страниц становится обычным явлением. Примерно на половине просмотренных нами сайтов рекламные объявления были включены непосредственно в текст статьи. Более крупные Интернет-картинки дольше привлекают внимание, чем более мелкие.

Домашние страницы новостных сайтов обычно используют шаблоны, и во многих из них размер картинки строго предопределен. Однако вопрос целесообразности использования дизайна, основанного на шаблонных структурах очень спорный, то, что мы узнали о размере фотографии в Айтрек III, может помочь тем, кто интересуется, сколько места нужно оставлять для картинок.

Несмотря на то, что многие из участников нашего эксперимента не смотрели на картинки в первую очередь, мы также заметили, что картинки часто привлекают внимание. Мы также выяснили, что чем больше картинка, тем большее количество людей останавливали на ней свой взгляд.

На одной из наших экспериментальных страниц было расположено фото размером с почтовую марку, и его просмотрели 10 процентов участников эксперимента. Интересный результат, если сравнить интерес, проявленный в данном случае, с интересом, который  люди показывают по отношению к фотографии среднего размера (примерно 230 пикселей в высоту и ширину). В последнем случае около 70 процентов людей посчитали его интересным.

Мы обнаружили, что изображения размером минимум 210 на 230 пикселей просматривались больше чем половиной посетителей нашей экспериментальной странички. Наше исследование также показало, что четкие и ясные лица на картинках способствуют повышению к ним интереса.

Уровень страниц не был исключением. Было доказано, что с увеличением размера изображения количество заинтересованных в нем людей возрастает.

Просмотрев 25 сайтов новостей, мы установили, что около 20-ти процентов из них регулярно используют изображения маленького размера на своих домашних страницах. На четырех из пяти сайтах основная фотография постоянно располагалась слева.

Существует еще одна особенность, проявившаяся во время исследования: люди часто щелкают мышкой на фотографиях, даже если на наших экспериментальных страницах это ни к чему не приводило. На самом деле, на многих настоящих новых сайтах «кликать» по фотографии абсолютно бесполезно.

Текстовое отображение фактической информации; мультимедийная графика для представления незнакомых (новых) идей.

В целом, мы пришли к выводу, что участники эксперимента чаще с успехом вспоминали факты, имена и географические названия, когда они были представлены в текстовом формате. Однако воспоминания о незнакомой, новой, концептуальной информации были четче, когда люди воспринимали ее в формате мультимедийной графики.

Что это значит? Большинство наших экспериментов показали небольшой, статистически малозначимый скачок в объеме запоминания информации из текстовых источников. Тем не менее, мы не должны забывать, что мы проверяли уровень запоминания, задавая вопросы о фактах, именах и месторасположениях. Информация о процессах и процедурах усваивалась хорошо, когда была представлена с использованием  анимации и текста. Тестирование пошаговой анимации подтвердила вышеуказанные идеи.

Мы также заметили, что большинство участников эксперимента одновременно обращали внимание только на два типа информации. Например, в одной из экспериментальных ситуаций пользователям предлагалась информация нескольких видов – аудио, неподвижные изображения и подписи к фотографиям. Оказалось, что люди в первую очередь обращались к аудио информации и изображениям. Многие не читали важную информацию, содержащуюся в подписях к фотографиям.

Нужно подчеркнуть, что профессиональные журналисты, работающие в сфере масс медиа (mass media), знают секреты удачного расположения новостной информации. Данное исследование показало, что определенные типы информации могут быть лучше представлены посредством качественного описания, в то время как другие – посредством графической презентации.

В данной статье мы рассмотрели несколько основных моментов, но существует еще много аспектов, достойных внимания, поэтому уделите больше времени исследованию сайта. Используйте поисковые системы, которые расположены в верхней части страницы, а также в левом столбце.

Демо-ролик на флеше (500 Кб):  http://webprojects.ru/ET.swf

Оригинал статьи: http://www.businelle.com/customer_website_eyepath.html
Авторы: Steve Outing и Laura Ruel (Проектные менеджеры Eyetrack III)
Перевод статьи: ООО "ВебПроекты"
Редактирование: Иван Севостьянов (ivan@webprojects.ru)

Быстрая связь
по всем вопросам

* обязательное для заполнения поле