Сравнение работы карт кликов Plerdy, Яндекс.Метрики и Hotjar

Напоминаю Вам, что в первой части этой статьи мы говорили о том, каким образом UX влияет на продвижение сайта, а также я показывал уникальную статистику , по более, чем 40 миллионах кликов, которую удалось собрать благодаря карте кликов Plerdy. Подробнее с первой частью статьи «Карта кликов — что нового в подходе анализа UX сайта и интернет-магазина» Вы можете ознакомиться по этой ссылке.

И так, перейдем ко второй, не менее важной, части статьи.

Вот такие критерии для каждого инструмента мы анализировали:

1. Скорость обработки данных Plerdy, Яндекс.Метрики и Hotjar
2. Анализ динамических элементов Plerdy, Яндекс.Метрики и Hotjar, а также их кликабельности
3. Анализ «пустых» кликов в Plerdy, Яндекс.Метрике и Hotjar
4. Анализ кликов мобильной версии сайта в Plerdy, Яндекс.Метрике и Hotjar
5. Карта скроллинга в Plerdy, Яндекс.Метрике и Hotjar
6. Редизайн страницы — как отражаются клики в Plerdy, Яндекс.Метрике и Hotjar
7. Возможность видеозаписи поведения пользователя на сайте в Plerdy, Яндекс.Метрике и Hotjar
8. Различия в отображении тепловых карт Plerdy, Яндекс.Метрике и Hotjar

Скорость обработки данных Plerdy, Яндекс.Метрики и Hotjar

Все мы, установив карту кликов, хотим практически сразу увидеть какие-то результаты. Но не все так просто.

Яндекс.Метрика, после ее установки на сайт, будет подгружать результаты не раньше чем через 3-10 минут. Для того чтобы отразить первые собранные данные, вам необходимо будет ждать достаточно долго.

Вот так будут выглядеть данные после их записи:

Соответственно, на скриншоте мы видим место, где пользователи осуществляли клик. Чем «теплее» цвета, тем больше кликов было осуществлено.

Если обратить внимание на карту кликов Hotjar, время подгрузки ее кликов также более 10 минут:

Карта кликов Plerdy ждать не заставит. Вне зависимости от того, сколько данных было на какой-либо странице, даже 100 тыс. или 500 тыс. кликов в час, все клики сразу будут показываться в режиме реального времени. Пользователь сделал клик — специалист сразу же увидит это на своем экране:

На скриншоте отображен результат по одному тегу. Если навести на объект, то в сноске появляется статистика:

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

Анализ динамических элементов Plerdy, Яндекс.Метрика и Hotjar и их кликабельности

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

К анализу мы взяли кнопку, при нажатии на которую выпрыгивает поп-ап с фильтрами:

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

Вот анализ пробных кликов по разным фильтрам в Яндекс.Метрике:

Отображаются клики, сделанные на самой странице, а не на всплывающей форме, которая закрывает ее.

У Plerdy на этот счет более адекватная картина:

Тест с Hotjar на странице с динамическими элементами, открывающимися после клика по ним, показал следующую картину:

Инструмент записал только клики, которые были осуществлены на самой странице, и клик на кнопку. Что было дальше — нам не удалось выяснить, информации нет.

Не только поп-апы пользуются спросом. Еще одним популярным видом динамических элементов на сайте является контент, который появляется при наведении на определенный элемент.

Вот элемент который мы анализировали:

Отчет карты кликов Яндекс.Метрики показывает клик, который был осуществлен непосредственно на фотографию, а не текст:

Этот же элемент, но результаты в карте кликов Plerdy совсем другие:

Инструмент дает четко понять, что 31 — это число кликов, которые были сделаны по тексту после того, как пользователь навел на него курсор.

А вот скрин результатов карты кликов Plerdy, если на картинку не приводить курсор. Нет ни одного клика. В то время, когда карта кликов Яндекс.Метрика показывает совсем другой результат.

Анализ «пустых» кликов в Plerdy, Яндекс.Метрике и Hotjar

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

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

Ниже приведен пример с несколькими кликами, специально сделанными за пределами всех функциональных элементов.

Как эти клики видит тепловая карта Яндекс.Метрика на таком же мониторе:

Эта же страница, но на мониторе поменьше:

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

Вот еще меньший размер монитора и размещение пустых кликов:

Теперь специально проставленные «пустые» клики находятся полностью в пределах функциональных зон.

Не лучшим образом отличает «пустые» клики и Hotjar. Ниже показан результат, обнаруженный во время тестирования мобильной версии сайта, — клик записался, но сам скриншот страницы не подгрузился. Из-за этого инструмент представил вот этот результат:

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

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

Так Plerdy видит «пустые» клики:

Клики не отображаются вовсе, если за ними не закреплена какая-либо функция.

Ниже на скриншоте красными квадратами отмечены места, где были сделаны тестовые «пустые» клики:

Результат показа «пустых» кликов в карте кликов Plerdy:

На этой карте нет ни одного пустого клика. Инструмент их автоматически фильтрует и не отображает в статистике.

Эти же клики, но в Hotjar:

Hotjar не просто отражает их, а и добавляет в общую статистику:

Анализ кликов мобильной версии сайта в Plerdy, Яндекс.Метрике и Hotjar

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

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

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

Во время тестирования возможностей Plerdy, Яндекс.Метрики и Hotjar были сделаны несколько кликов по этому элементу:

Яндекс.Метрика отображает их так:

То есть клики записаны, но инструмент отображает их так, как будто они были сделаны в версии для ПК.

Если перейти на другие страницы в мобильной версии, то инструмент начинает подтягивать клики и с них. То есть, показывает действия-призраки, которых на элементе не было:

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

Что же показывает карта кликов Plerdy:

Данные соответствуют реальной картине и находятся на своих местах:

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

Чтобы Вы могли анализировать только клики, осуществленные на мобильной версии сайта, вам достаточно на рабочей панели выбрать мобильное устройство.

Если фильтровать трафик по устройствам, выбрав только мобильные, то инструмент покажет следующую картину:

Как видим, что с мобильного кнопка фильтров не имела кликов. В то время как Яндекс.Метрика показывает, что клики были:

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

Еще один тест — клики с iPhone. Яндекс.Метрика потеряла клики по элементу, обведенному красной рамкой:

Plerdy же их отследил:

Сравнение работы Plerdy и Hotjar на сайте со сложным динамическим элементом — меню, которое отображается по умолчанию, и, чтобы перейти к просмотру сайта, нужно это меню закрыть.

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

Plerdy распознает, что страница — с динамическим меню, и проводит анализ без его учета, открывая сразу страницу сайта. Вот они, элементы, клики для которых Hotjar подтянул на снимок с развернутым меню:

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

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

Карта скроллинга в Plerdy, Яндекс.Метрики и Hotjar

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

Такой внешний вид тепловая карта скроллинга имеет в Plerdy:

Всего в интерфейсе инструмента предусмотрено 5 зон, на которые делится страница. Каждая зона разделяется меткой с процентным показателем скролла от всей длины страницы. Процент этих зон определяется путем деления длины скролла на суммарное множество кликов, сделанных на странице.

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

В Яндекс.Метрике и Hotjar такой анализ не предусмотрен.

Редизайн страницы — как отражаются клики в Plerdy, Яндекс.Метрике и Hotjar

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

Тестирование этой ситуации проводилось на кнопке выбора параметров:

После ее удаления в Plerdy счетчик кликов по этой кнопке тоже исчез:

В Яндекс.Метрике данные также пропали, но с ними пропали и другая собранная информация.

Так было до изменения дизайна:

Так стало после изменения:

Очень похожая ситуации со сменой элементов на сайте и отображением кликов по ним на карте кликов Hotjar.

Возможность видеозаписи поведения пользователя на сайте в Plerdy, Яндекс.Метрике и Hotjar

Plerdy сознательно отказался от функции, широко известной в Яндекс.Метрике — записи всех действий на видео. Почему эта возможность не слишком вспомогательная для специалиста, который анализирует сайт?

Вот почему. Видеозапись ведется для каждого отдельного пользователя и его сессии. Если посещаемость ресурса небольшая — то провести оценку вполне по силам.

Если же трафик достигает сотен посещений в день, то картина меняется. Чтобы просмотреть действия каждого пользователя, придется содержать отдел менеджеров, чьей функцией будет просматривать видеозаписи входов на сайт. На просмотр 1000 сессий со средней длительностью в 1 минуту у одного специалиста уйдет около 16 часов, или 2 полных рабочих дня. Для сбора данных, которые дает видеозапись поведения посетителя, нужен альтернативный способ анализа, не занимающий столько времени для обработки.

Plerdy предлагает два инструмента:

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

• Функция группировки кликов по похожим элементам. Пример: взаимодействие с карточками товаров. Эти страницы делаются по одному и тому же шаблону, а значит, данные по ним можно собрать в единую схему. Вместе с другой информацией, собранной инструментами Plerdy (например, данные о наведении курсора), эти данные станут ориентиром для специалиста, когда он будет делать выводы, как посетители взаимодействуют с такими страницами.

Различия в отображении тепловых карт Plerdy, Яндекс.Метрики и Hotjar

В Яндекс.Метрике и Hotjar карта кликов накладывается сверху на скрин страницы, из-за чего затрудняется переход между страницами сайта и взаимодействием между элементами. Приходится выходить из режима просмотра с каждой сменой страницы.

Пример отображения карты кликов в Hotjar:

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

Давайте подытожим отличия одного инструмента от других двух.

Как видим, что различий между Яндекс.Метрикой и Hotjar практически нет. Они похожи по функционалу и данным, которые выводят. Однако различия между картой кликов Plerdy и Hotjar или Plerdy и Яндекс.Метрикой — достаточно.

Заключение

1. В интернете существует большое количество предложений аналогичных товаров и товаров заменителей. Не всегда высокая позиция обеспечит большое количество транзакций.
2. Чтобы пользователь получил хороший опыт использования сайта, сайт должен быть: полезным, удобным, привлекательным, доступным, достоверным, легким в навигации.
3. Для улучшения UX сайта воспользуйтесь советами от команды Google, собранными в UX playbook.
4. Для того чтобы определить поведение именно ваших потенциальных клиентов на страницах интернет-магазина, необходимо использовать карту кликов. Именно данные, которые Вы получите с этой карты, помогут лучше понять предпочтения и поведение пользователей.
5. Первый экран сайта получает наибольшее количество кликов. После — происходит резкий спад по количеству кликов.
6. Большое количество первого клика было сделано именно в первой части страницы (20%).
7. Чтобы не терять потенциальных клиентов стоит добавлять призывы к действию именно на первом экране. Ведь уже второй экран менее кликабельный.
8. Люди не готовы долго скролить. Уже после второго экрана пользователь, не найдя ответа на свой запрос, покинет страницу.
9. Выбирайте карту кликов, которая сможет показать максимальное количество информации о поведении Ваших пользователей. Только тогда Вы сможете действительно улучшить пользовательский опыт использования сайта.

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

Желаю всем успехов и хороших результатов