23 мая

Статья прочитана 1986 раз

На что люди обращают внимание при просмотре сайта

Перевод статьи 29 Eye-Tracking Heatmaps Reveal Where People Really Look, авторы: Гус Лубин и Хэйли Гудзон.

Говорят, что глаза могут рассказать всё. Теперь это легко понять благодаря технологии отслеживания внимания. Отслеживание движений глаз, так называемый Айтрекинг, может дать нам полезные идеи для рекламы и дизайна, поможет узнать что-то новенькое о человеческом поведении.

Несколько наших любимых примеров:

  1. В рекламе Dolce & Gabbana большинство людей фокусируются на лице Скарлетт Йоханссон:

    Фокус внимания в рекламе Dolce & Gabbana

  2. На этих анимациях хорошо прослеживается направление взгляда за изображением, отличающимся от привычного:

    Карта движения взгляда рекламы Coca-Cola

    Карта движения взгляда рекламы doritos

    Айтрекинг на анимации

  3. Люди сразу обращают внимание на мясо. Затем читают этикетку и проверяют наклейку:

    Упаковка говядины

  4. Это изображение показывает различие мужского и женского восприятия. Мужчины больше рассматривают изображение, в то время как женщины читают рекламу:

    Тепловая карта рекламы купальника

  5. Обратите внимание, мужчины совсем не смотрят на обувь:

    Тепловая карта рекламы кроссовок

  6. При просмотре монументальной росписи «Тайная вечеря» люди в первую очередь смотрят на изображение Иисуса и апостолов. А также обращают внимание на задний план: пространство между двумя задними окнами:

    Айтрекинг картины «Тайная вечеря»

  7. Покупатели в супермаркете чаще интересуются ценами:

    Айтрекинг стеллажа  в супермаркете

  8. Эта сюжетная линия показывает, как люди осматривают полки с шампунем:

    Айтрекинг полок с шампунями

  9. Кажется никого не заботит Porsche. Все предпочитают читать:

    Тепловая карта рекламы PORSCHE

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

    Айтрекинг фотографии бейсбольного матча

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

    Карта движения взгляда на страничке социальных сетей

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

    Айтрекинг рекламы шампуня

  13. Чтобы привлечь больше внимания к продукту, расположите его немного левее от центра демонстрации магазина:

    Айтрекинг 3д визуализации магазина

  14. На этой версии домашней страницы The New York Times расположено много элементов. В борьбе за внимание выигрывают изображения и выделенные текстовые блоки:

    Айтрекинг главной страницы The New York Times

  15. Бутылка воды оказалась в центре внимания рекламы Smartwater, но люди не остались равнодушными к плечу модели:

    Айтрекинг рекламы SMARTWATER

  16. Реклама Sunsilk доказывает, что мало поместить просто красивое лицо модели рядом с продуктом, но также важно направление ее взгляда:

    карта движения взгляда рекламы Sunsilk

  17. Бутылка с газировкой так же привлекательна, как и женское лицо:

    Айтрекинг рекламы газировки

  18. Обратите внимание, как много людей сфокусированы на ювелирных украшениях:

    Тепловая карта рекламы ювелирных украшений

  19. На этом изображении показана потенциальная проблема баннерной рекламы, «баннерная слепота»:

    Айтрекинг страницы сайта с баннерной рекламой

  20. В Google большинство взглядов сосредоточены на первой пятерке объявлений поисковой выдачи. Всё остальное на странице теряется:

    Айтрекинг страницы Google

  21. На Facebook фотографии притягивают больше внимания:

    Айтрекинг сайта facebook

  22. А вот на что люди смотрят во время футбольного матча. Они ориентированы на игрока, бросающего мяч, и на область его прицела:

    Айтрекинг эфира матча по футболу

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

    Тепловая карта уличного баннера

  24. Женское внимание, как правило, сосредоточено на лице и торсе:

    Тепловая карта движения взгляда женщины

  25. В то время как мужчины смотрят ниже:

    Тепловая карта движения взгляда мужчины

  26. На что люди обращают внимание, когда смотрят на улицу Вегаса? Их взгляд направлен далеко вперед, затем возвращается и поворачивает левее:

    Тепловая карта движения взгляда по фотографии Вегаса

  27. За 6 секунд просмотра резюме работодатели сосредотачиваются на имени, текущих и прошлых должностях, датах и названиях мест обучения:

    Айтрекинг взгляда работодателя на резюме

Заключение от автора перевода

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

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

Это наталкивает на мысль, что мужчины интуитивно сравнивают себя и мужчину на плакате. Но разглядывая представительниц противоположного пола, мужчины внимательны только к женщинам, им не интересна женская реклама. Что правильно: зачем мужчинам женские товары?

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

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

дизайн, картинки на сайте, поведенческие факторы, реклама в интернете

Автор Ирина Лисова
Веб-дизайнер сервиса 1PS

Понравилась статья?



Правила комментирования блога

Подпишитесь на рассылку и получайте свежие хаки об интернет-маркетинге и SEO

ДА!

1 письмо
в неделю

3 статьи
в письме

Бонус «для своих»
в каждом письме