Полное руководство по тепловым картам: как их создавать и использовать
Опубликовано: 2022-11-15Тепловые карты — популярный инструмент оптимизации конверсии, и на то есть веские причины. Мы правильно использовали их — это мощный способ лучше понять вашу аудиторию и принести больше пользы.
Так что же могут ответить тепловые карты?
Оглавление
- Что такое тепловая карта?
- Что такое тепловая карта сайта?
- 4 типа тепловых карт
- 1. Карты наведения (отслеживание движения мыши)
- 2. Нажмите Карты
- 3. Карты внимания
- 4. Прокрутите карты
- Бонус: повтор сеанса пользователя
- 6 лучших инструментов для создания тепловых карт в 2022 году
- Платные инструменты теплокарты
- Бесплатные инструменты теплового картирования
- 19 вещей, которые мы узнали из тестов с тепловыми картами
- 1. Контент, наиболее важный для целей ваших посетителей, должен быть в верхней части страницы.
- 2. В спешке выбирается то, что торчит.
- 3. Люди тратят больше времени на просмотр левой части страницы.
- 4. Люди читают ваш контент в виде буквы F.
- 5. Не теряйте деньги из-за баннерной слепоты.
- 6. При использовании изображения человека важно, куда он смотрит.
- 7. Мужчины визуалы; женщины ищут информацию.
- 8. Откажитесь от автоматических каруселей изображений и баннеров для повышения рейтинга кликов.
- 9. Используйте контраст с умом, чтобы ориентировать посетителей.
- 10. 60-летние совершают вдвое больше ошибок, чем 20-летние.
- 11. Используйте фотографии, чтобы привлечь внимание посетителей.
- 12. Резюме лучше, чем полные статьи на главной странице блога.
- 13. Люди тратят меньше минуты на вашу электронную почту.
- 14. Комбинируйте A/B-тестирование с картами кликов для повышения эффективности.
- 15. Отображение цены со скидкой рядом с первоначальной повысит удовлетворенность.
- 16–19. Исследование Eyetrack III на новостных порталах
- Что не так с тепловыми картами?
- Вывод
Что такое тепловая карта?
Тепловые карты — это визуальное представление данных. Они были разработаны Кормаком Кинни в середине 1990-х, чтобы позволить трейдерам обыграть финансовые рынки.
В нашем контексте они позволяют нам записывать и количественно оценивать, что люди делают со своей мышью или трекпадом, а затем отображать это в визуально привлекательном виде.
«Тепловые карты» на самом деле представляют собой широкую категорию, которая может включать:
- Карты наведения (отслеживание движения мыши);
- Нажмите карты;
- Карты внимания;
- Прокрутите карты.
Чтобы сделать точные выводы для любого из вышеперечисленных типов тепловых карт, у вас должен быть достаточный размер выборки на страницу/экран, прежде чем вы начнете действовать по результатам. Хорошее эмпирическое правило — 2 000–3 000 просмотров страниц на один экран дизайна, а также на одно устройство (т. е. смотрите на мобильные и настольные устройства отдельно). Если тепловая карта основана, скажем, на 50 пользователях, не доверяйте этим данным.
Что такое тепловая карта сайта?
Тепловая карта веб-сайта — это визуальная иллюстрация того, как ваши пользователи взаимодействуют с вашим веб-сайтом, отображая категории на вашем веб-сайте в различных цветах от «наиболее популярных» в красном цвете до «наименее популярных» в синем цвете.
4 типа тепловых карт
Поскольку существует несколько различных типов тепловых карт, давайте рассмотрим каждый из них и их ценность.
1. Карты наведения (отслеживание движения мыши)
Когда люди говорят «тепловая карта», они часто имеют в виду карту наведения. Карты наведения показывают области, где люди наводили курсор мыши на страницу. Идея состоит в том, что люди смотрят туда, куда наводят курсор, и таким образом показывает, как пользователи читают веб-страницу.

Hover-карты смоделированы на основе классической методики тестирования удобства использования: отслеживания взгляда. В то время как отслеживание взгляда полезно для понимания того, как пользователь перемещается по сайту, отслеживание мыши имеет тенденцию терпеть неудачу из-за некоторых растянутых выводов.
Точность отслеживания курсора мыши сомнительна. Люди могут смотреть на вещи, на которые они не наводят курсор. Они также могут зависать над вещами, которым уделяется очень мало внимания, поэтому тепловая карта будет неточной. Может быть, это точно, может быть, это не так. Откуда вы знаете? Вы не знаете.
В 2010 году доктор Энн Аула, старший исследователь пользовательского опыта в Google, представила несколько разочаровывающих выводов об отслеживании мыши:
- Только 6% людей продемонстрировали некоторую вертикальную корреляцию между движением мыши и отслеживанием взгляда.
- 19% людей продемонстрировали некоторую горизонтальную корреляцию между движением мыши и отслеживанием взгляда.
- 10% наводили курсор на ссылку, а затем продолжали читать страницу, глядя на другие вещи.
Обычно мы игнорируем эти типы тепловых карт. Даже если вы взглянете на него, чтобы убедиться, что он подтверждает ваши подозрения, не придавайте ему слишком большого значения. Гай Редвуд из Simple Usability также скептически относится к отслеживанию мыши:
Мы проводим исследования по отслеживанию взгляда уже более 5 лет и можем честно сказать, что с точки зрения исследования пользовательского опыта нет никакой полезной корреляции между движениями глаз и движениями мыши — кроме очевидного взгляда на то, куда вы собираетесь щелкнуть.
Если бы была корреляция, мы могли бы немедленно перестать тратить деньги на оборудование для отслеживания взгляда и просто использовать данные отслеживания мыши с веб-сайтов и сеансов юзабилити.
Вот почему Peep называет эти карты «инструментом для отслеживания взгляда бедняков».
Без большого совпадения между тем, что показывают эти карты, и тем, что делают пользователи, трудно сделать какие-либо выводы. В конечном итоге вы рассказываете больше историй, чтобы объяснить образы, чем настоящие истины. Этот пост в блоге, критикующий тепловые карты движений футболистов, говорит об этом хорошо:
«Что делают тепловые карты? Они дают смутное представление о том, куда ходил игрок во время матча. Что ж, я могу получить смутное представление о том, куда ходил игрок во время матча, наблюдая за игрой поверх газеты».
Хотя некоторые исследования указывают на более высокую корреляцию между взглядом и положением курсора, спросите себя, стоят ли возможные выводы риска искажения данных или поощрения предвзятости подтверждения в анализе.
А как насчет тепловых карт, сгенерированных алгоритмом?
Точно так же существуют инструменты тепловых карт, которые используют алгоритм для анализа вашего пользовательского интерфейса и создания результирующего изображения. Они учитывают множество атрибутов: цвета, контрастность, визуальную иерархию, размер и т. д. Заслуживают ли они доверия? Может быть. Вот как пишет об этом Aura.org:
Алгоритмы визуального внимания, когда компьютерное программное обеспечение «рассчитывает» видимость различных элементов изображения, часто продаются как более дешевая альтернатива. Но то же исследование, проведенное PRS, показало, что алгоритмы недостаточно чувствительны, чтобы обнаруживать различия между дизайнами, и особенно плохо предсказывают уровни видимости заявлений на упаковке и сообщений.
(Примечание: PRS , другое упомянутое выше исследование, продает исследовательские услуги по отслеживанию взгляда.)
Хотя вы не должны полностью доверять алгоритмически сгенерированным картам, они не менее надежны, чем карты при наведении курсора.
И, если у вас низкий трафик, алгоритмические инструменты могут дать вам некоторые визуальные данные для исследования удобства использования, включая мгновенные результаты, что круто. Некоторые инструменты для проверки:
- внимание понимание;
- ОкоКвант;
- Графический интерфейс Фэн.
То, что это «мгновенно», не означает, что это волшебство. Это изображение, основанное на алгоритме, а не на фактическом поведении пользователя.
2. Нажмите Карты
Карты кликов показывают тепловую карту, состоящую из агрегированных данных о кликах. Синий означает меньше кликов; более теплые красные цвета указывают на большее количество кликов; и больше всего щелчков — это яркие белые и желтые пятна.

Эти карты имеют большую коммуникативную ценность. Они помогают продемонстрировать важность оптимизации (особенно для тех, кто не занимается оптимизацией), а также то, что работает, а что нет.
Большая фотография получает много кликов, но не является ссылкой? У вас есть два варианта:
- Превратите его в ссылку.
- Не делайте это похожим на ссылку.
Также легко получить совокупные данные о кликах и увидеть общие тенденции. Просто будьте осторожны, чтобы избежать удобного повествования.
Однако вы также можете увидеть, куда люди нажимают в Google Analytics, что, как правило, предпочтительнее. Если вы настроили расширенную атрибуцию ссылок, оверлей Google Analytics отлично подойдет. (Некоторые люди по-прежнему предпочитают видеть визуальную карту кликов).
А если вы перейдете в раздел «Поведение» > «Контент сайта» > «Все страницы» и щелкнете по URL-адресу, вы сможете открыть сводку по навигации для любого URL -адреса — откуда пришли люди и куда они потом перешли. Очень полезная штука.
3. Карты внимания
Карта внимания — это тепловая карта, которая показывает, какие области страницы чаще всего просматриваются браузером пользователя, с полным учетом активности горизонтальной и вертикальной прокрутки.
Они показывают, какие области страницы просматриваются чаще всего, принимая во внимание, как далеко пользователи прокручивают страницу и сколько времени они проводят на странице.
Peep считает карты внимания более полезными, чем другие тепловые карты движения мыши или кликов. Почему? Потому что вы можете видеть, видны ли ключевые элементы информации — текст и изображения — почти всем пользователям. Это упрощает разработку страниц с учетом потребностей пользователя.
Вот как выразился Пип:

Пип Ладжа:
«Что делает это полезным, так это то, что он учитывает различные размеры и разрешения экрана и показывает, какая часть страницы просматривается больше всего в браузере пользователя. Понимание внимания может помочь вам оценить эффективность дизайна страницы, особенно над областью сгиба».
4. Прокрутите карты
Карты прокрутки — это тепловые карты, которые показывают, как далеко люди прокручивают страницу вниз. Они могут показать вам, где пользователи обычно уходят.

Хотя карты прокрутки работают для любой длины страницы, они особенно уместны при разработке длинных продающих страниц или более длинных целевых страниц.
Как правило, чем длиннее страница, тем меньше людей дойдет до конца. Это нормально и помогает вам расставлять приоритеты в контенте: что должно быть? Что просто приятно иметь? Расставьте приоритеты, на что вы хотите, чтобы люди обращали внимание, и поставьте это выше.
Карты прокрутки также могут помочь вам настроить дизайн. Если карта прокрутки показывает резкие изменения цвета, люди могут не заметить связи между двумя элементами вашей страницы («логические окончания»). Эти резкие точки падения трудно увидеть в Google Analytics.
На более длинных целевых страницах вам может понадобиться добавить навигационные подсказки (например, стрелку вниз), где прокрутка останавливается.
Бонус: повтор сеанса пользователя
Повторы сеансов сами по себе не являются разновидностью тепловой карты, но они являются одним из самых ценных элементов, предлагаемых инструментами тепловой карты.
Повторы сеансов пользователей позволяют записывать видеосеансы людей, проходящих через ваш сайт. Это похоже на пользовательское тестирование, но без сценария или звука. Кроме того, в отличие от пользовательского тестирования — в положительном смысле — люди рискуют реальными деньгами, поэтому оно может быть более информативным.
В отличие от тепловых карт, это качественные данные. Вы пытаетесь обнаружить узкие места и проблемы с удобством использования. Где люди не могут совершать действия? Где сдаются?
Один из лучших вариантов использования повторов сеансов — наблюдение за тем, как люди заполняют формы. Хотя вы можете настроить отслеживание событий для Google Analytics, оно не обеспечит такого уровня понимания, как повторы пользовательских сеансов.
Кроме того, если у вас есть страница, которая работает плохо, и вы не знаете, почему, повторы пользовательских сеансов могут выявить проблемы. Вы также можете увидеть, как быстро пользователи читают, прокручивают и т. д.
Анализировать их, конечно, своевременно. Полдня смотрим ролики для нового клиентского сайта. И после просмотра сотен (тысяч?) тепловых карт и обзора других исследований мы определили некоторые повторяющиеся выводы из тепловых карт всех видов.
Если вы хотите начать работу с тепловым картографированием, вот несколько инструментов, которые стоит рассмотреть.
6 лучших инструментов для создания тепловых карт в 2022 году
Довольно много компаний предлагают отличные инструменты для теплового картирования с рядом бесплатных пробных, бесплатных, платных и полностью бесплатных вариантов.
Платные инструменты теплокарты
Crazyegg — отличный инструмент для тестов слежения за мышью. Он имеет тепловую карту кликов, карту прокрутки, наложение количества кликов на определенные элементы и конфетти, которые вы можете использовать для различения кликов на основе источников переходов. Они утверждают, что имеют точность отслеживания до 88% по сравнению с тестами слежения за глазами. Все планы бесплатны в течение 30 дней; платные планы начинаются с 24 долларов в месяц.
Mouseflow — еще один хороший инструмент для отслеживания мыши. Они уделяют большое внимание воспроизведению и записывают все движения мыши — щелчки, события прокрутки, нажатия клавиш и взаимодействия с формами. Вы даже можете записывать нажатия клавиш посетителями при заполнении форм. У них есть отдельные параметры для отслеживания электронной торговли. Цены начинаются от 30 долларов в месяц, и у них также есть небольшой план freemium.
Clicktale — это программа для отслеживания мыши корпоративного уровня. Программное обеспечение включает в себя тепловые карты, повторы сеансов, аналитику конверсий и другие расширенные аналитические функции. Вам необходимо связаться с ними для уточнения цены.
Luckyorange предлагает запись движений мыши и такие инструменты, как карты посетителей в реальном времени, опросы посетителей и программное обеспечение для чата. У него есть бесплатная пробная версия, а платные планы начинаются с 10 долларов в месяц.
Бесплатные инструменты теплового картирования
Clickheat — это альтернатива с открытым исходным кодом, которая позволяет создавать тепловую карту из щелчков мыши на вашем сайте.
Корунет требует поддержки разработки. Подобно Clickheat, Corunet позволяет создавать тепловую карту на основе данных о кликах на ваших страницах.
19 вещей, которые мы узнали из тестов с тепловыми картами
За прошедшие годы мы просмотрели множество тепловых карт. Как и другие исследователи. И хотя каждый сайт уникален (наша постоянная оговорка), есть некоторые общие выводы.
Вы должны проверить достоверность этих знаний на своем сайте, но, по крайней мере, эти обобщенные «истины» должны дать вам представление о том, что вы можете ожидать узнать от тепловой карты.
1. Контент, наиболее важный для целей ваших посетителей, должен быть в верхней части страницы.

Люди прокручивают, но продолжительность их концентрации коротка. Это исследование показало, что время просмотра страницы посетителем резко сокращается, когда он уходит вглубь страницы. Время просмотра пользователями распределилось следующим образом:
В верхней части страницы: 80,3%
Ниже сгиба: 19,7%
Материал, который наиболее важен для ваших бизнес-целей, должен быть в верхней части страницы.
В том же исследовании время просмотра значительно увеличилось в самом низу веб-страницы, а это означает, что внимание посетителя снова повышается в нижней части страницы. Вставка хорошего призыва к действию может повысить конверсию.

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

Нейробиологическое исследование Калифорнийского технологического института показало, что при «быстрых решениях» (в спешке или при отвлечении внимания) визуальное воздействие влияет на выбор больше, чем потребительские предпочтения.
Когда посетители спешат, они меньше думают о своих предпочтениях и делают выбор, основываясь на том, что больше всего замечают. Эта предвзятость тем сильнее, чем больше отвлекается человек, и особенно сильна, когда у человека нет явных предпочтений с самого начала.
Если визуальное воздействие продукта может преобладать над потребительскими предпочтениями — особенно в условиях срочной и отвлекающей среды, такой как онлайн-покупки, — то стратегические изменения в дизайне веб-сайта могут серьезно отвлечь внимание посетителей.
3. Люди тратят больше времени на просмотр левой части страницы.

Несколько исследований показали, что левая часть веб-сайта привлекает большую часть внимания посетителей. Левая сторона также рассматривается в первую очередь. Всегда есть исключения, но хорошей отправной точкой будет помнить о левой стороне. Покажите там самую важную информацию, например, ценностное предложение.
Это исследование показало, что левая сторона веб-сайта занимает 69% времени просмотра — люди тратят более чем в два раза больше времени на просмотр левой части страницы по сравнению с правой.
4. Люди читают ваш контент в виде буквы F.

Это исследование показало, что люди склонны читать текст в форме буквы F. Что это значит? Это означает, что люди бегло просматривают, и их основное внимание обращено на начало текста. Они читают самые важные заголовки и подзаголовки, а остальной текст читают выборочно.
Первые два абзаца должны содержать самую важную информацию. Используйте подзаголовки, маркеры и абзацы, чтобы сделать остальную часть вашего контента более читабельной.
Обратите внимание, что стиль F-паттерна не работает при просмотре веб-страницы на основе изображений, как видно из этого исследования. Люди склонны просматривать веб-страницы с изображениями горизонтально.
5. Не теряйте деньги из-за баннерной слепоты.

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

Имеет смысл использовать людей в своем дизайне — это элемент дизайна, привлекающий внимание. Но также важно, куда смотрят их глаза.
Несколько исследований тепловых карт показали, что люди следят за направлением взгляда модели. Если вам нужно, чтобы люди сосредоточились не только на красивой женщине, но и на контенте рядом с ней, убедитесь, что она смотрит на этот контент.
Также важно передать эмоции . То, что человек передает эмоции, может оказать большое влияние на коэффициент конверсии. Это исследование показало, что человек, передающий эмоции, может иметь большее влияние на конверсию, чем спокойный человек, который смотрит на призыв к действию.
Лучшим вариантом может быть сочетание этих двух подходов — используйте человека, передающего эмоции, который также смотрит на нужное место на странице.
7. Мужчины визуалы; женщины ищут информацию.
Когда их попросили просмотреть профили людей на сайте знакомств, это исследование выявило четкую разницу между мужчинами и женщинами. Мужчины были более визуальны при взгляде на профиль человека, фокусируясь на изображениях; женщины склонны читать больше предоставленной информации.
В другом исследовании мужчины тратили на грудь женщины на 37% больше времени, чем женщины, тогда как женщины на 27% больше времени смотрели на безымянный палец. Исследование пришло к выводу, что «мужчины — извращенцы, женщины — золотоискатели».
8. Откажитесь от автоматических каруселей изображений и баннеров для повышения рейтинга кликов.

Это исследование показало, что на двух сайтах, где у пользователей была конкретная задача, основные баннеры полностью игнорировались, включая анимированную версию. Автоматические карусели изображений и баннеры, как правило, не являются хорошей идеей. Они создают баннерную слепоту и занимают много места.
В том же исследовании было обнаружено исключение из этого правила на одном из сайтов — баннер на главной странице ASOS привлек внимание участников лучше, чем на других сайтах. Как это было по-другому? Он меньше походил на баннер и лучше интегрировался в страницу.
9. Используйте контраст с умом, чтобы ориентировать посетителей.

Протестировав целевую страницу с тепловыми картами, TechWyse выяснил, насколько важен цветовой контраст. Некликабельный информационный элемент о ценах на главной странице привлек наибольшее внимание из-за его цветового контраста с окружающим пространством.
После небольшого редизайна шаблоны сканирования посетителей стали соответствовать потребностям компании.
10. 60-летние совершают вдвое больше ошибок, чем 20-летние.
Когда ваша целевая аудитория пожилая, сделайте свой веб-сайт максимально простым в использовании и свободным от беспорядка. При тестировании 257 корреспондентов в удаленном пользовательском тесте частота отказов при выполнении задач была в 1,9 раза выше для лиц старше 55 лет по сравнению с лицами моложе 25 лет. Почти в два раза больше пожилых людей не справились или отказались от данной задачи.
Пожилые люди также медленнее онлайн . По сравнению с самыми молодыми участниками, самым старшим потребовалось на 40% больше времени для выполнения задачи.
Даже если случайная задача на вашем веб-сайте кажется вам легкой, для пожилых пользователей она может оказаться сложной. Если ваша целевая аудитория старше среднего, обязательно протестируйте макет на них.
11. Используйте фотографии, чтобы привлечь внимание посетителей.

Люди визуалы. Сайты используют хорошо подобранные изображения для повышения коэффициента конверсии с момента появления Интернета, и на то есть веские причины. Включение хорошо подобранного изображения почти всегда является хорошей идеей.
Используйте фотографии реальных людей . Люди хорошо реагируют на изображения реальных людей. В этом исследовании испытуемый потратил на просмотр фотографий сотрудников на 10% больше времени, чем на чтение текстового контента, составлявшего большую часть страницы.
Напротив, посетители полностью игнорируют стоковые фотографии «настоящих» людей. Каким-то образом мы научились узнавать «людей фотобанка» по фотографиям реальных людей. Этот пост в блоге — прекрасный пример того, что может произойти при использовании стоковой фотографии. Это также относится к реальным фотографиям, которые могут выглядеть как стоковые фотографии, поэтому не переделывайте свои фотографии.
Это исследование доказало, что ваша фотография является самым важным элементом в вашем профиле LinkedIn, и это же исследование обнаружило такую же корреляцию на Facebook.
При правильном использовании большие фотографии товаров также являются гарантированным способом привлечения внимания.
12. Резюме лучше, чем полные статьи на главной странице блога.

Это исследование показало, что использование резюме статей вместо полных статей на главной странице вашего блога заставит посетителей читать больше контента.
Если у вас есть блог с полными статьями на главной странице, вы рискуете потерять посетителей, если они не сочтут вашу первую статью интересной. Они «израсходуют» весь свой интерес, прочитав первую статью.
Резюме позволяют показать посетителям широкий выбор тем, что повышает вероятность того, что посетитель найдет что-то интересное.
13. Люди тратят меньше минуты на вашу электронную почту.
Это исследование показало, что 67% пользователей не зацикливались на вступлении в информационный бюллетень. Люди, как правило, пропускали вступительные абзацы и просматривали остальную часть контента.
Среднее время, отведенное на информационный бюллетень, составило 51 секунду; люди полностью читают только 19% информационных бюллетеней. Они в основном отсканированы, поэтому ваши информационные бюллетени должны быть короткими и содержательными, с четким призывом к действию.
14. Комбинируйте A/B-тестирование с картами кликов для повышения эффективности.

Люди из VWO выяснили, что почти 25% трафика их главной страницы приходилось на крошечную ссылку «Цены» в верхнем меню, в то время как основная кнопка призыва к действию собирала только 5% от общего числа кликов.
Они объединили знание карты кликов с A/B-тестированием, чтобы выяснить, какая версия измененной домашней страницы будет работать лучше.
Когда вы объединяете знания из карт кликов с A/B-тестированием, вы можете многократно повысить эффективность своих карт кликов. Компания CareLogger добилась увеличения числа конверсий на 34 %, изменив цвет кнопки призыва к действию.
15. Отображение цены со скидкой рядом с первоначальной повысит удовлетворенность.
Вдохновленный книгой Дэна Ариэли « Предсказуемая иррациональность», Роберт Стивенс провел тест с 60 случайными людьми, чтобы увидеть, как относительность влияет на повседневное принятие решений.
Люди были протестированы с двумя разными вариантами расположения полок для смузи. В первой версии были видны только смузи «Innocent» со скидкой, и ни одного смузи того же бренда по полной цене. Вторая версия также включала в себя выбор смузи по обычным ценам.
В то время как цена на смузи со скидкой не изменилась, люди были более довольны своей покупкой, когда они также знали об исходной цене.
16–19. Исследование Eyetrack III на новостных порталах
В ходе исследования Eyetrack III в течение часа наблюдали за несколькими десятками людей, которым предлагалось посетить фиктивные новостные веб-сайты и реальный мультимедийный контент.
16. Глаза людей сначала фиксировались в верхнем левом углу страницы , а затем зависали в области справа. Только через некоторое время люди начали исследовать страницу дальше.
17. Люди первыми видят доминирующие заголовки , особенно когда они в верхнем левом углу.
18. Используйте более мелкий шрифт для целенаправленного чтения. Крупный шрифт привел к большему сканированию страницы, потому что люди искали слова или фразы, которые привлекли их внимание.
19. Важны первые слова вашего заголовка . Если первые слова привлекают ваших посетителей, они, скорее всего, будут читать дальше. У вас меньше секунды, чтобы привлечь их внимание.
Имея так много возможностей , стоит помнить: тепловые карты подходят не для всего.
Что не так с тепловыми картами?
Проблемы с тепловыми картами напоминают старую поговорку о пьяном и световом столбе — люди используют его для поддержки, а не для освещения.
Игнорирование некоторых неточностей данных, о которых говорилось выше, открывает перед вами мир потенциальной предвзятости, особенно если тепловые карты являются вашим основным методом исследования конверсий.
Эндрю Андерсон, глава отдела оптимизации Malwarebytes, очень хорошо выразился:

Эндрю Андерсон:
Ничто так не свидетельствует о непонимании скорости и ценности, как люди, слишком увлеченные тем, куда кликают.
Больше или меньше людей нажимают на что-то хорошее или плохое? Является ли то, что чаще всего кликают, самым важным? Самый влиятельный? Что произойдет, если на эту кнопку кликнет в два раза больше людей? Нужно ли на что-то много нажимать, чтобы иметь влияние? На нее вообще нужно нажимать?
Тепловые карты, в конце концов, дают еще тысячу вопросов без возможности осмысленно ответить ни на один из них.
Что мы знаем, так это то, что большинство людей будут использовать свои предубеждения для определения стоимости предметов и использовать их для фильтрации всей поступающей информации. Они перепутают самых активных с самыми ценными. По умолчанию они будут использовать модель линейной ставки, которая является наименее репрезентативным типом модели. Они будут пытаться привлечь больше людей к шагу или элементу на странице без какого-либо реального понимания относительной ценности или эффективности этого изменения.
Хуже того, они будут использовать тепловую карту или любую другую метрику, основанную на кликах, как способ продолжить свое повествование и продолжать путать то, что, как они надеются, произойдет с тем, что лучше для сайта или страницы.
Тепловые карты могут быть полезны на высоком уровне и как способ сообщить о проблемных областях менее аналитически подкованным людям в организации. Они также могут стать хорошей отправной точкой для исследования и анализа конверсий.
Но почти всю информацию, которую они приносят, можно почерпнуть из различных аналитических инструментов, а Google Analytics, как правило, предлагает меньше места для маневра для интерпретации, рассказывания историй и предвзятости.
Другими словами, тепловые карты — отличный инструмент в арсенале оптимизатора, но они не должны быть окончательным решением для планирования проектов и тестов.
Вывод
Тепловые карты выглядят довольно круто. И они могут принести существенную пользу — при правильном использовании):
Вот некоторые из возможных способов использования тепловых карт для улучшения вашего маркетинга.
- Алгоритмические тепловые карты могут дать сайтам с низким трафиком представление о том, как люди используют их сайт.
- Карты кликов могут дать наглядное представление о том, где люди кликают, а где нет.
- Карты внимания помогают вам увидеть, какие части веб-сайта наиболее видны всем пользователям во всех браузерах и на всех устройствах. Они помогут вам решить, где разместить вашу ценностную поддержку и другие важные элементы.
- Карты прокрутки могут помочь вам создать более длинные целевые страницы и заставить людей двигаться вниз по странице (также отдавая приоритет местоположению контента).
- Повторы сеансов пользователей — незаменимый инструмент в вашем арсенале.
Но вы никогда не должны полагаться исключительно на тепловые карты для исследования конверсий. Результаты в лучшем случае ограничены, а в худшем — вводят в заблуждение, усугубляя предвзятость и предоставляя иллюзорные идеи.
