5 инструментов для проверки юзабилити интернет-магазина
Это список из пяти самых доступных инструментов для проведения юзабилити-аудита. UX-специалисты студии Турум-бурум рекомендуют их для самостоятельной проверки сайта и регулярно используют в своей работе.
На примере кейсов вы увидите, чем полезны тепловые карты, опросы онлайн-покупателей, записи вебвизоров, а также узнаете, на какие показатели аналитики стоит обратить внимание, чтобы выявить UX проблемы в e-commerce проекте.
Ключевые срезы данных Google ***ytics для проверки UX
Простота подключения и доступность делают этот инструмент обязательным для любого интернет-магазина. Мы не будем рассматривать весь широкий функционал по сбору аналитики, а приведем примеры лишь некоторых срезов данных, которые помогают оценить удобство сайта и проверить юзабилити интернет-магазина.
1. Распределение трафика по устройствам
Благодаря этому срезу данных в Google ***ytics вы можете сравнить конверсию с десктопа, планшетов и мобильных. Это позволяет определить, с каких устройств чаще заходят пользователи и насколько хорошо сайт адаптивен.
В Google ***ytics заходите в раздел «Аудитория» — «Мобильные устройства» — «Обзор».
Из этого примера видно, что 21% пользователей приходят с мобильных устройств, однако конверсия у них 0,69%, в то время, как у десктопных 5,53%. Причиной этому может быть ошибка в адаптивном интерфейсе.
Если ваш сайт не оптимизирован для мобильных устройств, то начните именно с этого.
2. Показатель отказов с различных устройств и страниц
Проанализируйте процент пользователей, которые покинули сайт сразу после перехода на него, учитывая при этом тип используемого устройства.
Показатель отказов в мобильной версии наивысший 51,92%, коэффициент конверсии самый низкий 1,33%
Если показатель отказов преобладает в мобильной версии в сравнении с другими устройствами, то это может свидетельствовать о ее неудобстве.
Фиксируйте, с какой конкретно страницы ушел посетитель.
Для просмотра данных переходим на вкладку «Поведение» / «Контент сайта» / «Все страницы» (столбец «Показатель отказов» — средний по сайту и в разрезе отдельных страниц).
Причины высокого показателя отказов могут быть различными: нерелевантный контент, длительная загрузка страницы, наличие ошибок верстки и так далее.
Если на какой-то странице показатель отказов резко отличается, это сигнал изучить ее детальнее.
3. Средняя длительность просмотра страницы
Если какие-то страницы просматривают быстрее, чем остальные, то это повод провести их анализ и определить причины низкой заинтересованности посетителей.
Высока вероятность, что причина именно в плохом юзабилити. Посмотреть отчет можно в разделе «Поведение» / «Контент сайта» / «Все страницы» (показатель «Средняя длительность просмотра страницы»).
Из таблицы видно, что средняя длительность просмотра со страниц под №5 и №7 гораздо ниже, чем у других страниц, их стоит рассмотреть детальнее в других разрезах данных. Если показатель выходов и показатель отказов также высок, это может говорить о том, что страницу не читают.
В разделе «Аудитория» — «Мобильные устройства» — «Обзор» также можно отследить среднюю продолжительность сеанса в зависимости от устройств.
На этом примере проседает и средняя длительность сеанса, и конверсия в mobile версии
Следовательно, нужно обратить внимание на мобильную версию и изучить страницы, где продолжительность сеанса аномально низкая.
4. Карта поведения пользователей
Карта поведения позволяет посмотреть движение трафика от одних страниц или событий к другим в зависимости от страницы входа. Наглядно демонстрирует все возможные варианты развития пользовательского сценария, какие материалы поддерживают интерес посетителей и в каких местах высока вероятность ошибок.
Для просмотра переходим в раздел «Поведение» / «Карта поведения»
Например, нужно отследить, как ведут себя пользователи после авторизации на сайте.
Переходят ли они с карточки товара сразу в корзину или просматривают еще предложения с сопутствующими товарами и услугами? Есть ли события, которые всегда происходят в самом начале пользовательского пути? Приводят ли они к открытию дополнительных страниц? Есть ли на вашем сайте сценарии, которые более популярны, чем остальные?
Если большинство пользователей начинают свой путь с главной страницы, переходят в каталог, а затем возвращаются обратно на главную, можем предположить, что ошибки на странице каталога не позволяют потенциальному покупателю перейти на следующий шаг воронки.
Перечисленные выше показатели — лишь малая часть того, что позволяет отследить Google ***ytics. Для их изучения не нужно специальных знаний и можно получить общее представление о ситуации на сайте. Юзабилити-эксперт оценивает показатели аналитики глубже, изучая как они коррелируют между собой, используя для этого кастомные отчеты и разметку событий.
Google Tag Manager для разметки событий и отслеживания действий пользователей
Google Tag Manager (GTM) — бесплатный инструмент, который значительно облегчает процесс работы и настройки различных инструментов аналитики, в том числе и Google ***ytics. Установив один раз код Google Tag Manager на сайт, больше нет необходимости обращаться к исходному коду сайта. Многие сторонние сервисы подключаются через аккаунт GTM.
В рамках проверки юзабилити интернет-магазина этот инструмент полезен тем, что позволяет отслеживать каждый этап с момента выбора товара до его оплаты. С его помощью можно обнаружить проблемы в воронке продаж и узнать, откуда клиенты уходят, не завершив процесс оформления заказа.
В GTM, используя теги и триггеры, можно создать события и далее отслеживать действия пользователей в Google ***ytics. Чтобы создать такое событие необходимо определить уникальный элемент на странице. Например, можно настроить триггер по просмотру пользователем конкретного URL или элемента, по появлению попапа или по клику на определенную кнопку.
Так выглядит создание событий внутри GTM
В Google ***ytics сpaбатывают события, которые далее можно проанализировать и свести в таблицу или визуализировать в виде воронки.
В результате у нас складывается картина, сколько всего пользователей посетило сайт, сколько из них зашли на карточку товара, сколько добавили товар в корзину, перешли к оформлению и закончили свой заказ.
Выстроив воронку с помощью GTM, мы видим, в какой точке происходит отток пользователей, то есть, на какой из этапов следует обратить внимание.
Построение воронки — лишь один из примеров использования GTM для анализа юзабилити. UX-эксперт использует этот инструмент шире, интегрируя другие инструменты.
Google Optimize для тестирования и внедрения оптимальных решений на сайт
Сервис Google Optimize позволяет проводить A/B-тесты и мультикaнaльные тесты. С его помощью можно оценить реакцию пользователей на изменения одного или нескольких элементов сайта.
При проведении самого простого А/В тестирования изменяется лишь один элемент интерфейса на конкретной странице, а трафик делится 50/50.
При помощи этого инструмента можно тестировать:
- текст (заголовок, описание) ;
- внешний вид кнопок и их расположение;
- внешний вид форм, количество полей, их расположение;
- страницы целиком;
- цены и маркетинговые активности;
- длину страницы;
- другой контент (фото, видео).
Например, при работе над сайтом Интертоп мы предположили, что форма чекаута слишком длинная, очень много полей для заполнения и встречается частое дублирование состава корзины. Это могло влиять на переход из шага в шаг и как следствие негативно сказываться на конверсии в покупку.
Прежняя версия чекаута
Мы выдвинули гипотезу: сокращение и структуризация формы должна повысить вероятность ее заполнения, что должно увеличить конверсию.
Новая версия страницы чекаута
При помощи Google Optimize запустили А/В тест, чтобы часть пользователей видела обновленный вариант сайта, а остальные — старую версию. Как только эксперимент достиг статистической достоверности, мы смогли сделать вывод об эффективности каждого из вариантов чекаута.
Показатель конверсии вырос в 2 раза после сокращения количества полей в форме
При планировании А/Б теста стоит обратить внимание на следующее:
- тестируйте не идеи, а гипотезы;
- не тестируйте без предварительной аналитики;
- перед экспериментом наблюдайте за поведением пользователей на страницах, чтобы понять, как они взаимодействуют с сайтом;
- исключайте IP-адреса сотрудников из аналитики при проведении теста.
- исключайте аномальные покупки из тестов;
- удостоверьтесь в необходимости изменений страницы. Иногда то, что пытаются изменить, итак хорошо работает;
- убедитесь, что вы отслеживаете правильную цель. Конверсии не всегда превращаются в покупку. Сопоставляйте количество заявок с количествами продаж (через колл-центр).
Таким образом, использование Google Optimize позволяет тестировать и оптимизировать пользовательский интерфейс, постепенно приближая его к наиболее эффективному варианту.
4. Опрос клиентов с помощью Google Forms
Это простой бесплатный сервис для быстрого создания онлайн-опросов. Он поможет узнать боли, потребности и мотивы целевой аудитории.
Для руководителя e-commerce направления основная задача опросов состоит в том, чтобы найти проблемы в юзабилити, о которых напишут сами онлайн-посетители. Для UX-специалиста — это возможность подтвердить свои гипотезы о проблемах в интерфейсе и узнать больше о нуждах ЦА.
Фидбек посетителя сайта поможет дать понимание масштаба проблемы, дополнить картину своими наблюдениями, а также натолкнуть на мысли о новом эффективном решении.
Наличие тонких настроек позволяет использовать различные типы вопросов — от простых текстовых полей до сложных шкал и сеток. Есть возможность добавлять в форму видеоролики с YouTube и фотографии. А ещё можно настраивать сценарий опроса так, чтобы респонденты попадали на разные блоки в зависимости от того, какой вариант ответа выберут.
Результаты опроса подаются в виде инфографики, что облегчает процесс обработки ответов, а сами ответы респондентов выводятся в автоматически созданной таблице Google.
Вот список рекомендаций, которые помогут сделать гугл-опрос более эффективным:
- четко определите цель опроса и как затем использовать его результаты;
- разбейте вопросы на секции и блоки, расположите, согласно логике. Начинайте опрос с общих вопросов, затем постепенно раскрывайте тему;
- выстраивайте последовательность вопросов в зависимости от ответов пользователей. Например, если на вопрос «Покупаете ли вы товары в интернете» участник отвечает «Нет», то не логично дальше спрашивать о том, сколько денег он тратит на покупки в интернете в месяц;
- дайте возможность не только выбирать из ряда фиксированных ответов, но и выводить свой вариант. Пользователи могут предложить интересное решение или указать на проблему, о которой вы не подозревали.
Так в ходе анализа юзабилити интернет-магазина обуви мы запустили Google опрос, который состоял всего из 5 вопросов, и последний пункт предусматривал сбор пожеланий клиентов. В каждом вопросе были предложены варианты ответов и возможность написать свой вариант.
Пример вопроса в Google-опросах
Так выглядит график результатов опроса
Данный опрос помог нам выявить слабые места сайта: несовершенную систему фильтров, отсутствие обратной связи с клиентом, проблему с оплатой товара картой и прочее.
Таким образом, Google опросы эффективно запускать:
- когда нужно получить обратную связь от покупателей;
- когда нет возможности подключать другие инструменты;
- когда сухих цифр аналитики недостаточно, а важно знать отношение пользователей к бренду.
5. Изучение поведения пользователей с помощью Hotjar
Основное преимущество сервиса заключается в широком спектре функций: просмотр тепловых карт, карт скроллов, записей сеансов, сбор обратной связи, внедрение триггерных опросов, анализ воронки и так далее. И все это возможно провести с учетом разных типов устройств пользователей.
Для работы с сервисом необходимо создать аккаунт на сайте hotjar.com и добавить в него URL сайта для отслеживания, затем залить код на сайт или через GTM.
Тепловая карта кликов наглядно покажет самые кликабельные места на странице. Так, например, на одном из лендингов мы узнали, что самая кликабельная часть — карусель с отзывами.
Карта скролла дает понимание, какой контент наиболее интересен пользователям, сколько процентов посетителей доходят до каждого из блоков страницы.
Записи сессий — еще один инструмент Hotjar, который позволяет наглядно увидеть, как отдельные пользователи взаимодействуют с сайтом на различных типах устройств. Например, записи сессий посещения интернет-магазина нашего клиента помогли нам увидеть, что пользователи Internet Explorer не видят кнопку «Купить».
Учитывая простоту подключения этого инструмента и тот объем полезной информации о пользователях, который вы можете получить, этот инструмент обязан быть подключен на вашем сайте уже сегодня.
Главная задача UX-аудита — улучшить KPI после устранения выявленных ошибок
Благодаря перечисленным инструментам вы сможете самостоятельно провести анализ юзабилити сайта и выявить ошибки интерфейса. Их исправление поможет вам повлиять на некоторые метрики сайта и улучшить удобство его использования.
Чтобы выявить более глубокие проблемы в интерфейсе, которые влияют на коэффициент конверсии и средний доход на пользователя, необходимо провести комплексный юзабилити-аудит. Для этого требуются глубокие знания в UX и веб-аналитике, понимание сферы e-commerce, и самое главное — опыт. В ходе такого аудита UX-эксперт правильно сопоставляет все данные, полученные с помощью различных инструментов, выстраивает гипотезы и тестирует их в поисках оптимального решения.
Какой бы путь вы не выбрали: устранять недостатки самостоятельно или привлечь UX-экспертов, — подключите все эти пять инструментов уже сегодня. Это поможет вам лучше понять свою аудиторию и найти зоны роста.
Комментарии:
Нам удалось увеличить количество органических показов на 63% и установок на 25%....
19 04 2024 14:28:36
Данные, приведенные в исследовании, могут помочь в составлении медиапланов по продвижению в интернете. Читать дальше....
18 04 2024 0:30:33
Истории бизнеса и советы от Игоря Жаданова (Readdle), Александра Галкина (Competera) и Рагнара Саас (Pipedrive)...
17 04 2024 20:14:49
Используем маску ввода для оптимизации сбора телефонных номеров в формах на сайте: кейсы агентства Netpeak...
16 04 2024 17:26:27
Айти эксперт Женя Розинский о том, почему нацию айти развивают продуктовые бизнесы, а не outsourcing сервисы...
15 04 2024 8:43:11
Иногда даже замена блока с промокодом или обновление хедера и футера способны освежить рассылки и принести продажи, заявки, повысить лояльность клиентов. Узнать больше!...
14 04 2024 0:35:10
Данные по 33,5 миллионов кликов в 26 тематиках и 394 городах...
13 04 2024 3:17:38
Что нужно знать о целевой аудитории, как грамотно воровать у других и что нужно сделать, чтобы настроить идеальную рекламную кампанию....
12 04 2024 0:43:13
И помните: плохих названий нет, если у вас есть большие деньги....
11 04 2024 16:12:10
Виктория Игнатьева рассказала про опыт обучения на наших курсах....
10 04 2024 16:47:57
Обзор четырех самых популярных сервисов для автоматического продвижения сайтов...
09 04 2024 2:17:35
Анализ содержимого сайта показывает: Url разные, а контент страниц одинаковый. Думаете, ничего страшного? Но одинаковый контент может попасть под фильтры поисковых систем. Чтобы этого не произошло, надо знать, как избавляться от внутренних дублей...
08 04 2024 10:44:26
Интересные факты про Google Рекламу перевел Сергeй Бахарь для читателей нашего блога....
07 04 2024 22:10:54
Новая партнерская программа Netpeak agency. Как получить теплого лида, стабильный пассивный доход, разместить свой логотип и ссылку на сайт на сайте Netpeak и другие бонусы партнерской программы. Узнать больше!...
06 04 2024 10:32:26
Трекер — система аналитики мобильного приложения с возможностью отслеживания источника установок. Рассмотрим бесплатные и платные решения для аналитики мобильных приложений....
05 04 2024 4:40:55
Реклама в ASA значительно повышает эффективность ASO....
04 04 2024 22:56:15
Как правильно оптимизировать страницы пагинации, чтобы не допустить проседание целевого трафика...
03 04 2024 9:44:35
2013, 2014, 2015 — годы, когда конференция 8p радовала все сео-сообщество СНГ. Прошла она и в 2016 году. Мы собрали лучшие советы интернет-магазинам от экспертов и участников круглого стола на конференции 8P 2016....
02 04 2024 6:52:43
Продвижение бытовой техники в социальных сетях: кейс с целями и задачами, механикой конкурса, выбором целевой аудитории, концепции и условий, а также итогами акции с цифрами по количеству постов, участников и ростом узнаваемости бренда...
01 04 2024 12:50:27
Консультант по маркетингу в зоне ru Екатерина Решетило написала пост о том, как правильно настроить стратегический контент-маркетинг для долгосрочных продаж...
31 03 2024 11:43:51
Продолжаем уроки по Google ***ytics для новичков. Сегодня рассмотрим основные моменты, касающиеся отчетов....
30 03 2024 22:52:48
20 сервисов для прокачки контента под SEO. Штуки, которые будут полезны новичкам и экспертам....
29 03 2024 9:38:23
SMM от Netpeak — это разработки стратегий продвижения, механики конкурсов, медиапланирование и постоянная интеpaктивная связь с клиентом с помощью «Личного кабинета»....
28 03 2024 21:50:43
Почему бизнесу нужно настраивать мультикaнaльную модель атрибуции на основе воронки продаж и как это сделать....
27 03 2024 7:24:20
Отключение и удаление элементов, расширенные настройки, интересные дополнения и многое другое в нашем материале про мир SEO расширений....
26 03 2024 23:42:12
Что делать, если денег нет, но трафик очень нужен: советы по раскрутке бренда в фейсбуке. В бесплатном продвижении главный ресурс — время: часы, дни, недели, месяцы, проведенные на площадке. Как их применить? Читайте!...
25 03 2024 5:51:19
Корневой каталог это папка, содержащая все файлы на сайте, в том числе системные файлы....
24 03 2024 6:44:27
Сделать «на вчера», «внезапно», протестировать все варианты. Стоп! Остановитесь и выдохните. Be slow...
23 03 2024 13:41:25
Как пользоваться одной из самых важных функций Google Таблиц — подробное руководство по Query...
22 03 2024 3:27:50
Легче запомнить алгоритм правильной отправки писем, чем потом вытягивать их из папки со спамом....
21 03 2024 2:15:58
Сколько стоил клик в Google Ads и Яндекс.Директ в Казахстане — цифры за первый квартал 2019 года...
20 03 2024 5:28:41
В статье описан ручной и самый безопасный из существующих метод...
19 03 2024 7:16:29
Аналитик Netpeak Алексей Селезнев рассказал, как составить и пользоваться сводными таблицами онлайн в excel и за считанные секунды выделить нужные для анализа данные из десятков тысяч строк в отчетах Google ***ytics...
18 03 2024 5:42:37
Как распредляются зарплаты по грейдам и специализации: ежегодное исследование Serpstat....
17 03 2024 2:16:16
Подборка онлайн-платформ и программ для работы с текстом и изображениями....
16 03 2024 14:54:36
Как сделать креативный мобильный баннер. Зачем нужны особенные баннеры для мобильных? Что делать с картинкой? Что делать с текстом? Что делать с другими рекламными форматами? Дополнительные элементы. Обо всем этом детально и спримерами...
15 03 2024 9:31:21
Есть 3 качества грамотного руководителя: самоорганизованность, скорость. четкость. А еще — уйма фишек организации рабочих процессов, которые применяют в Netpeak. Узнать!...
14 03 2024 0:43:49
Как стать заметнее для поисковых роботов Яндекс и Google...
13 03 2024 18:56:39
Пpaктическая информация о том, что и куда нужно постить....
12 03 2024 15:38:40
Распространенные ошибки в XML-фидах Google и Яндекс, CSV-фидах и как исправить их своими силами. Используем Notepad++, отладчик ленты Facebook и Excel. Узнать больше!...
11 03 2024 15:17:32
Как настроить передачу категории и бренда товара в Google Data Studio....
10 03 2024 17:50:55
Твиттереть нужно правильно. Интересная аналитики и планирование твитов по времени...
09 03 2024 21:26:54
Крупным брендам не избежать негатива в сети. Но с ним можно и нужно работать. Читайте успешный кейс для DOM.RIA....
08 03 2024 9:43:54
Конкректная цель — конкретные результаты трудоустройства...
07 03 2024 4:33:48
Как бизнес подстраивается под новые привычки покупателей в стиле фиджитал и O2O2O....
06 03 2024 3:34:46
Кейс продвижения Pizza House — ROMI 709,9%. От старта с дублями страниц и постановки целей и задач продвижения, проведения технического аудита, аналитики, анализа поисковых фраз, выбора контента до экспериментов с метатегами, увеличения среднего чека и планов на будущее...
05 03 2024 17:48:23
SEO-специалист Константин Гайдук поделился с читателями блога постом о фишках работы линкбилдера с поиском Яндекс....
04 03 2024 17:42:44
Как добиться эффективности и самоорганизации. Читайте о системе тимлида Netpeak Андрея Коваля....
03 03 2024 11:30:51
Кейс роста трафика из органического поиска на 200%....
02 03 2024 3:52:59
И научиться делать свою рекламу прибыльной. Читайте про типы автостратегий и способы их оптимизации....
01 03 2024 6:13:45
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::