Использование Crazy Egg для развития вашего интернет-магазина

Опубликовано: 2021-06-09

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

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

Вот почему мы составили руководство по методам исследования UX, и именно поэтому существуют такие инструменты, как Crazy Egg: сделать понимание того, как пользователи взаимодействуют с вашим сайтом, простым (и, в случае Crazy Egg, красочным).

В качестве маркетингового инструмента снимки Crazy Egg показывают, как потенциальные клиенты используют ваш веб-сайт, чтобы вы знали, как сгладить их опыт, чтобы повысить конверсию.

Но, как и с любым инструментом, полезно знать, как им пользоваться.

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

Используйте тепловые карты, чтобы понять пользователей

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

Пример наложения тепловой карты Crazy Egg
Изображение из Crazy Egg.

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

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

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

Быстрые советы

Упрощение дизайна

Удалите ненужные синие элементы, которые не работают, и красные элементы, которые отвлекают от более важных элементов.

Выделите важную информацию

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

Улучшить информационную архитектуру

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

Увеличить конверсию

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

Сосредоточьте свои усилия

Объедините свои стратегии Google Analytics и Crazy Egg. Например, используйте потоковые отчеты Google, чтобы увидеть, какие страницы пользователи переходят по клику и на которые они выходят, а затем извлеките отчеты для этих страниц в Crazy Egg, чтобы получить более подробную информацию о том, почему.

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

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

Пример карты прокрутки Crazy Egg
Изображение из Crazy Egg.

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

При реорганизации контента на основе карты прокрутки заранее проведите A/B-тестирование изменений. Интерес посетителей к одной области страницы мог быть вызван самим содержимым, и замена его другим содержимым не гарантирует, что новое содержимое вызовет такой же интерес.

Быстрые советы

Получить пользователей ниже сгиба

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

Поощряйте потребление контента

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

Отдавайте приоритет важному контенту

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

Используйте наложенные отчеты о кликах для оттачивания маркетинговых стратегий

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

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

Пример отчета о кликах по оверлею
Изображение из Crazy Egg.

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

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

Быстрые советы

Увеличивайте количество кликов там, где вы хотите

Будь то переход на нужную страницу или выбор CTA, выберите интерактивные элементы, на которые вы хотели бы обратить больше внимания. A/B-тестируйте изменения этих элементов, включая новый дизайн, размещение или копирование, пока количество кликов не улучшится.

Уменьшить путаницу и разочарование

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

Генерировать идеи контента

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

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

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

Используйте записи сеансов, чтобы делать покупки вместе с вашими клиентами

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

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

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

Быстрые советы

Оцените свою воронку продаж

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

Сделайте навигацию простой

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

Откройте для себя области трения, которые блокируют конверсию

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

Проверить наличие точек разочарования

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

Оцените свои формы

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

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

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

Проверьте свои идеи с помощью A/B-тестирования

Функции Crazy Egg включают в себя упрощенное A/B-тестирование, когда вы предоставляете свои варианты тестирования, устанавливаете цель и сопоставляете желаемый путь пользователя с этой целью. Инструмент разделяет просмотры аудитории между вариантами и автоматически дает варианту-победителю больше трафика, чтобы избежать потерь.

Быстрые советы

Улучшить форму и завершение оформления заказа

Рассмотрите лучшие практики дизайна веб-форм. Создавайте варианты форм с новым дизайном, копируйте и заполняйте поля для A/B-тестирования и увеличивайте число отправленных материалов.

Протестируйте важные элементы продаж

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

Отфильтровать все обновления, вдохновленные отчетами Crazy Egg.

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

Ощутимый рост зависит от решений, основанных на данных

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

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