Использование тепловых карт для генерации лидов

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

Использование тепловых карт для генерации лидов

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

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

Тепловая карта и ее интерпретация

Тепловая карта или heat map — это незаменимый аналитический инструмент, который помогает отслеживать скроллинг, точки кликов пользователей и другие движения и манипуляции, осуществляемые на вашем сайте. В частности, благодаря тепловым картам вы сможете узнать:

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

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

Пользователи концентрируют 80% внимания на первом экране

Все, что находится вверху страницы однозначно попадает в зону внимания пользователя. Далее, пользователь, как правило, прокручивает страницу, чтобы бегло уловить смысл содержания, и ненадолго заостряет внимание на футере с контактными данными. Так, его внимание распределяется следующим образом: 80% на первый экран, до так называемой «линии сгиба», и всего лишь 20% – на остальную часть сайта. Логично предположить, что именно в верхней части сайта необходимо располагать форму заявки, призыв к действию, всю самую важную информацию, которую вы желаете донести пользователю. Заголовок и область рядом с ним привлекают наибольшее внимание. Чем дальше текст или оффер будет от заголовка, тем короче будет его просмотр. Как показывают тепловые карты, имеет смысл повторно размещать призыв к действию в конце страницы, где пользователи обычно останавливаются на просмотр футера.

Левая часть страницы более привлекательна

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

Еще одной интересной особенностью поведения пользователей на сайте является тот факт, что все пользователи просматривают текст по F-образной траектории. Поэтому, заголовки, подзаголовки, первый абзац текста попадают в зону наибольшего влияния, а обычный текст имеет минимальный шанс быть замеченным, а тем более прочитанным. Неслучайно, многие e-commerce сайты размещают меню навигации слева в верхней части экранов. Вверху страницы обычно располагают и главные предложения и условия, о которых во что бы то ни стало нужно уведомить пользователя. Вот, к примеру, сайт крупнейшего ретейлера Wallmart:

Использование тепловых карт для генерации лидов

Важно запомнить, что:

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

Фрагмент страницы со списком анонсов блога на сайте ru.t3leads.com:

Использование тепловых карт для генерации лидов

Тепловые карты и баннерная слепота

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

Направление взгляда на изображении

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

Удачный пример направленного взгляда модели на интересующий объект на сайте zaimynakartu.ru:

Использование тепловых карт для генерации лидов

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

Тепловые карты укажут на неправильную иерархию и проблемы с загрузкой элементов

При помощи тепловых карты вы сможете узнать о существующих технических проблемах. Если страница плохо грузится или какой-либо элемент не доступен пользователю, вы поймете это по отметкам тепловой карты. Что касается иерархии элементов, то по логике самыми яркими на тепловой карте должны быть: призыв к действию, заголовки, разделы и так далее, по убыванию. Если же вы заметите, что пользователи чаще всего кликают на второстепенную, на ваш взгляд, категорию, то это знак, что вам нужно либо скрыть ее, либо поместить на более заметное место. Самый простой способ привлечь внимание к нужному объекту — увеличить его размер или выделить цветом. 

Использование тепловых карт для генерации лидов

Тепловые карты расскажут больше о самих пользователях

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

Также, существуют отличия между поведением молодых и пожилых людей в Интернете, что тоже важно учитывать. Сравнительное исследование, предлагавшее выполнить одинаковый онлайн-тест, показало, что молодые люди до 25 в 1, 9 раз лучше справились с заданием, чем люди старше 55. Так, пожилые люди действуют медленнее, им нужно больше времени, чтобы понять, что именно вы предлагаете и как получить желаемое. Поэтому, если ваш сайт ориентирован на пенсионеров, то вы должны проследить, чтобы меню и информация, размещенные на сайте, были понятны и доступны.

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

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

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

В завершение

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

У вас есть сайт или вы ищите способ как заработать на партнерке без сайта? Мы предлагаем вам присоединиться к партнерской программе T3leads как вебмастер прямо сейчас.