Урок 13. Карты

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

На примере карты кликов разберём, как устроен интерфейс тепловых карт.

Есть два режима работы с картой:

1. Взаимодействие с сайтом — чтобы анализировать различные показатели.
2. Просмотр карты — чтобы пользоваться конкретной страницей и переходить на другие вкладки.

В режиме «Взаимодействие с сайтом» доступны следующие инструменты:

• Страница — фильтр для выбора нужной страницы сайта. Можно увидеть взаимодействие посетителя с одной страницей и объединённую статистику по группе страниц. Например, по отдельному разделу.
• Опции — настройка размера точек и уровня прозрачности.
• Период — выбор конкретной даты или промежутка времени.
• Сегменты — готовые, сохранённые или недавно использованные условия.
• Фильтрация с помощью дополнительных условий. К анализу визитов и посетителей можно добавить условия по просмотрам и оценить просмотр URL, заголовка, реферера и других характеристик.

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

Вы можете использовать несколько режимов отображения карты:

• «Тепловая карта» — тёплые цвета соответствуют частым кликам, холодные — редким
• «Монохромная карта» — плотность цвета соответствует частоте кликов в конкретной точке
• «Клики по ссылкам и кнопкам» — на карте отображаются только клики по ссылкам и кнопкам
• «Карта прозрачности» — карта кликов отображается как «туманная маска», то есть наиболее кликабельные элементы более чётко проступают сквозь «туман»
• «Карта элементов» — на карте отображаются все элементы страницы сайта

Карта ссылок

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

Карта скроллинга

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

В Метрике есть несколько режимов отображения карты:

• «Тепловая карта» — зоны разного цвета показывают, как меняется время просмотра страницы
• «Карта прозрачности» — области страницы, которые пользователь просматривал недолго, затемнены, а области, которые просматривались дольше, более прозрачные.

Аналитика форм

Инструмент отображает данные в двух видах: конверсии формы и поля формы.

Конверсия формы позволяет увидеть количество:

• Просмотров страницы с формой
• Взаимодействий с формой
• Отправленных форм

Отчёт по полям формы содержит:

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

Задание

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

Воспользуйтесь собственной тепловой картой или демоверсией от Метрики.

Выводы

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

Чтобы скачать конспект с основной информацией по модулю, перейдите по ссылке.