whatshot Возможности

Видите где кликают
и куда доходят

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

app.broux.ru/heatmaps/landing

Лендинг · /landing

За 7 дней · 8 420 уникальных пользователей

mouse

Карта кликов

CTA
📷
touch_app Hot · 247 кликов
низкая
высокая
swap_vert

Карта скролла

100%
72%
48%
12%
50% уходят здесь
видели все
видели мало
auto_awesome Карты формируются автоматически — без настройки и разметки
Открыть в полноэкранном режиме open_in_full

Карта кликов и карта скролла — разные вопросы, разные ответы

mouse

Где кликают пользователи

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

Что показывает
  • check Самые кликаемые элементы страницы
  • check Клики по некликабельным зонам — сигнал проблемы дизайна
  • check Распределение внимания между элементами
swap_vert

Как далеко доходят пользователи

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

Что показывает
  • check Процент пользователей на каждой высоте страницы
  • check Точка где уходит большинство
  • check Насколько важный контент находится в зоне видимости

Как это работает

Три вопроса на которые отвечают карты

Лендинг

Почему CTA не
конвертирует

Карта скролла показывает что 60% пользователей не доходят до кнопки — они уходят раньше. Карта кликов показывает что те кто доходит — кликают на изображение рядом с кнопкой а не на саму кнопку. Два инсайта за один взгляд — и понятно что переделывать. Поднять CTA выше и сделать его более заметным. Никакого A/B тестирования вслепую — данные уже есть.

Карта скролла + карта кликов = полная картина почему лендинг не конвертирует

swap_vert

Карта скролла · /landing

8 420 польз.
Получить демо
CTA
100%
68%
40%
60% не доходят сюда

lightbulb Поднимите CTA выше линии 60% — потенциал ×1.5 к конверсии

mouse

Карта кликов · навигация

3 240 кликов
B
Логотип
Продукт Решения Цены Блог Контакты
Старт
«Цены» — клик-цель
847
«FAQ» — нет в меню!
218 dead
«Продукт»
612

lightbulb 218 dead clicks на «FAQ» — добавьте раздел в меню

Навигация

Что ищут пользователи
в меню

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

Клики по некликабельным элементам в навигации — прямой сигнал что пользователи ищут то чего не могут найти

Длинные страницы

До какого блока
доходят на лонгриде

Карта скролла на длинной странице — статье, лендинге с несколькими секциями, странице продукта — показывает где теряется аудитория. Если 80% уходят после третьего блока — четвёртый и пятый видит только каждый пятый. Важный контент и CTA должны быть выше. Перестраиваете структуру страницы осознанно.

Карта скролла показывает реальную зону видимости — не предполагаемую

article

Лонгрид · /blog/post

2 184 польз.
visibility 100%
visibility 78%
visibility 42%
visibility 18%
trending_down 80% ушли после 3 блока
visibility 9%
priority_high CTA видит только каждый 11-й

lightbulb Перенесите CTA в верхнюю треть страницы — выше отметки 42%

Интерпретация за секунды

mouse

Карта кликов — четыре зоны

Красный
Максимальная концентрация кликов
Оранжевый
Высокая активность
Жёлтый
Средняя активность
Синий
Низкая активность, холодные зоны
swap_vert

Карта скролла — что означают цифры

100%
Все пользователи видели этот блок
50%
Половина дошла до этой точки
10%
Только каждый десятый видел этот контент
Непрерывная шкала
100% видели 50% видели 0% видели

Карта показывает что
сессия объясняет почему

Карта кликов — это агрегированная картина. Она показывает паттерн. Но чтобы понять причину — нужно посмотреть конкретную сессию. Видите аномальную концентрацию кликов на некликабельном элементе? Один клик — и открываете список сессий где это произошло. Смотрите запись и сразу понимаете что именно пользователи ожидали там найти.

Карта показывает где проблема. Сессия объясняет почему она возникла

Аномальная зона на карте

218 dead clicks
dead
arrow_downward
1 клик
Сессии где это произошло
3 из 218
МК
Мария К.
3× клика на «FAQ»
play_circle
ИП
Игорь П.
2× клика на «FAQ»
play_circle
ЕС
Елена С.
4× клика на «FAQ»
play_circle

Смотрите карты для нужного сегмента

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

smartphone add desktop_windows

Мобильные vs десктоп

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

person_add add how_to_reg

Новые vs вернувшиеся

Разные паттерны навигации. Новые пользователи изучают, вернувшиеся идут целенаправленно. Разные UX-задачи.

search add campaign

По источнику трафика

Органика vs реклама ведут себя по-разному. Видите для какого источника лендинг работает лучше.

Карты — часть полной картины поведения

Посмотрите где кликают ваши пользователи

Установите скрипт — и карты начнут формироваться автоматически. Никакой настройки, никакой разметки. Просто данные.

Бесплатно до 1 000 сессий · Без карты · Установка за 5 минут