Мобильная графика: как делать качественный визуал для соцсетей, используя только телефон Регистрация
Performance Marketing основывается на четко и однозначно измеряемых параметрах Мы находим оптимальные решения в любой отрасли! Работаем над правильными KPI
Получи нашу книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».
Подпишись на рассылку и получи книгу в подарок!

Карты кликов дают основную информацию о взаимодействиях пользователя с сайтом. Отчеты по ним ответят на вопросы:

  • В каких местах страницы кликают отдельные пользователи?
  • В каких местах пользователи кликают чаще всего?
  • Как изменения UI могут повлиять на количество кликов?

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

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

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

Что можно узнать из тепловых карт

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

  • Heatmap Report.
  • Scrollmap Report.
  • Confetti Report.
  • Overlay Report.
  • List Report.

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

Что показывает отчет «Тепловая карта»

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

Так, например, если кнопка с CTA синего цвета, это значит, что пользователи по ней кликают неохотно. Что-то мешает людям принимать решение и выполнять целевое действие.

Что показывает Confetti Snapshot

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

Отчет Confetti выделяет 22 различных сегмента и профиля. Так вы лучше поймете, кто на самом деле совершает все эти клики и взаимодействия.

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

Вот пример, как данные отчета могут повлиять на развитие. Мы слышали от нескольких клиентов, которые смотрели данные в Confetti по странам, что отчет помог найти новые точки роста — понять, в каких странах можно открывать свое представительство, например. А через год выручка от расширения увеличилась на 16%.

Что можно найти в отчете Overlay

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

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

Что вы можете понять из List Report

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

Приведу пример. Люди кликают «Далее» и начинают заполнять форму заказа, но большая доля не отправляет в итоге данные. Вы можете использовать данный отчет для анализа контактной формы и понять, что с ней не так. Затем, можно использовать предыдущей отчет Overlay, чтобы точнее проанализировать конкретную группу пользователей, которая не отправляет заполненную форму.

Как интерпретировать данные тепловых карт

В самом простом смысле читать карты кликов довольно просто. Красный цвет означает, что кликов много. Точками выделены отдельные клики. Но ведь мы изучаем нажатия для какой-то цели, верно?

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

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

Итак, карты кликов показывают нам:

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

Примеры: анализ карт и последующие выводы

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

Отчет «Тепловая карта»

Пример отчета для главной страницы сайта:

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

А вот так отчет выглядит, если изменить призыв к действию:

Поскольку на странице изменился только текст, можем сделать вывод, что это сработало.

Отчет Confetti

Ниже — пример отчета для одной из страниц сайта интернет-магазина:

Снимок показывает, что пользователи из Индии много кликают по CTA. Гипотетически, если компания хочет расшириться и получить влияние на новых рынках, ей стоит присмотреться именно к этой стране.

Отчет Overlay

Пример для страницы со статьей из нашего блога:

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

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

Как использовать тепловые карты для улучшения юзабилити: продвинутые советы

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

Вот еще три способа использовать тепловые и кликовые карты.

Отслеживание пользовательских переменных — отчеты Confetti и Overlay

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

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

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

Добавить больше тестируемых элементов в A/B-тесты

Если вы запускаете A/B-тесты на сайте, тепловые карты помогут добавить больше контекста к результатам. Как правило, результат тестирования — сообщение о том, какой из двух вариантов показал себя эффективным.

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

Регулярное отслеживание UX

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

Например, текст объявления в платной выдаче могут поменять специалисты по рекламе. Из-за этого изменится посыл текста, и посадочная страница перестанет быть релевантной. Соответственно, вы потеряете конверсии.

Улучшайте юзабилити сайта с помощью тепловых карт

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

Но важно не просто собрать данные, но правильно их интерпретировать и принять осознанные решения.

Источник.

Получайте реальный результат

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

Performance Marketing - достигаем KPI в 97% договоров
Работаем на измеряемые показатели: продажи, регистрации, звонки. Обращайтесь к нам и получайте тот результат, который нужен именно вам!
Подпишись на обновления блога

Мы работаем не только в Моcкве, но и в других городах России: