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-экспертов, — подключите все эти пять инструментов уже сегодня. Это поможет вам лучше понять свою аудиторию и найти зоны роста.
Комментарии:
Разбираем на примерах коллабораций, подрядчиков из регионов и тендендерных площадок...
26 04 2024 12:18:48
Тренды, рекомендации, уроки, инструкции, а также вакансии, идеи, кейсы и всё, что поможет оставаться в теме, находить интересные проекты и вдохновляться. Читать дальше....
25 04 2024 11:52:44
О создании структуры сайта на основе семантического ядра, работе с Xmind и таблицами онлайн...
24 04 2024 20:58:11
Как повысить результаты продаж в режиме цейтнота. Советы новому руководителю от специалистов Netpeak Group. Больше подробностей — в посте...
23 04 2024 0:43:45
Как настроить отправку писем с помощью языка R и как избежать подводных камней....
22 04 2024 15:52:47
Руководство к действию от основателя Netpeak Group....
21 04 2024 18:47:18
Рассказываем об интересных диджитал-специальностях и зарплатах, как обучиться этим профессиям с нуля (в том числе в зрелом возрасте) и можно ли работать удалённо....
20 04 2024 17:11:21
Грамотная аналитика в мире мобильных приложений, как и в целом в маркетинге — единственный путь к окупаемости продукта и выходу в высшую лигу брендов...
19 04 2024 5:55:43
Бренды поделились инсайтами на ДиВи Конф — фишки от MEGOGO, Google, TikTok, Banda, McCann, I am IDEA, AIR Brands, Rocket и Фокстрот...
18 04 2024 3:19:21
Доля органического трафика увеличилась с 14% до 44%, а небрендового — на 184%....
17 04 2024 22:35:45
Как прокачать email, когда рассылки уже работают....
16 04 2024 18:31:52
Корзина интернет-магазина поможет повысить продажи, если ее функционал содержит: фото товара, кликабельное наименование товара, перечень способов оплаты. Узнать больше!...
15 04 2024 4:16:24
Продвижение музыкальной библиотеки. Со старта сотрудничества, трафик и основной ключ сайта клиента вырос в 10 раз. Регион продвижения — США....
14 04 2024 19:21:57
Иногда удержать пользователя сложнее, чем мотивировать загрузить приложение. Семь инструментов для анализа Uninstall Rate....
13 04 2024 23:43:19
Зачем нужен мемуарник, как отличить истинные цели от навязанных и многое другое....
12 04 2024 21:38:16
В основе каждой великой компании – хорошо рассказанная история....
11 04 2024 1:45:50
Инструменты интернет-маркетинга, которые вы не используете или используете не на сто процентов....
10 04 2024 10:53:30
Фотоконкурс для стимуляции активности в сообществе, прироста фанов и поощрения лояльной аудитории....
09 04 2024 15:19:33
Как жить с налогом на Google, Facebook и другие международные сервисы — объясняем детали....
08 04 2024 5:47:38
Устанавливаем тег конверсий: самостоятельно и с помощью Google Tag Manager....
07 04 2024 7:33:21
Пять простых фишек для повышения привлекательности карточки товара....
06 04 2024 7:10:18
Об особенностях реализации интернет-проектов в Великобритании, России и Казахстане и фишках успешного ведения бизнеса онлайн мы побеседовали с Владимиром Меркушевым — руководителем интернет-проектов успешной казахстанской компании Kolesa.kz....
05 04 2024 10:46:48
Как вывести в индекс страницы сайта на Ajax: от необходимости их создания, роли SEO, ускорении индексации и реальные рекомендации всего в трех пунктах, чтобы основное преимущество таких сайтов работало безотказно...
04 04 2024 22:34:41
Как новичкам в ecommerce выбрать первую CMS. Преимущества и трудности работы для крупных и небольших интернет-магазинов, русскоязычные и мультиязычные, с активной техподдержкой и без нее. Узнать больше!...
03 04 2024 22:25:39
Как составить список, работа с которым займет меньше времени, чем обычно. На примере обработки запросов в ювелирной тематике....
02 04 2024 22:45:57
Ошибка на странице 404 может выглядеть креативно. Страница не найдена и не может быть найдена, потому что она в розыске, утеряна, украдена ниндзей, путь заснежен и дороги дальше нет, а принцесса находится в другом замке. О чем это?...
01 04 2024 6:32:54
Как исключить показы на нецелевых площадках в новом интерфейсе Google Ads. В конце статьи 30 000 минус-площадок, каналов YouTube, сайтов, приложений...
31 03 2024 7:44:22
Терялись ли вы некогда в лабиринте Википедии из внутренних ссылок и побочных статей? Представьте, насколько непредсказуемым он может стать через несколько десятилетий....
30 03 2024 17:13:31
Как снизить цену за привлечение клиента на 50%, развивая только кампании для пользователей десктопов....
29 03 2024 16:40:40
Google Adwords: типы рекламных кампаний и объявлений, тонкостях настройки... Все, о чем вы боялись спросить... Или не боялись, а просто не знали, о чем спрашивать....
28 03 2024 20:15:28
Что нового, Netpeak? Новые стратегии контекстной рекламы и email-маркетинга, новая рубрика в блоге, а также о специфике работы отдела продаж Netpeak в карантин и о законах построения партнерской программы — всё читайте в материале!...
27 03 2024 3:18:32
Расчет вероятности конверсии, быстрое и эффективное создание дашбордов, строение моделей KPI. Примеры аналитики кампаний с помощью Excel и Power BI от спикера 8P 2016 Максима Уварова....
26 03 2024 4:20:59
Это исследование для тех, кто хочет выяснить, эффективно ли работать с лидами, если им год и больше...
25 03 2024 20:50:21
Глоссарий глупых ошибок в аудите от топовых SEO-агентств...
24 03 2024 6:11:46
K-pop заpaбатывает деньги: как и сколько...
23 03 2024 20:18:19
Как узнавать эффективность страницы мобильного приложения в Play Маркете? Учимся работать в Google Play Developers Console....
22 03 2024 4:43:26
История о предсказательной аналитике системы автоматизации маркетинга, онлайн-магазине и ненужных письмах....
21 03 2024 18:17:29
Кейс выполнимой миссии — отправили рассылку по «холодной» базе и обошли запреты почтовых сервисов на изображения 18+...
20 03 2024 9:21:29
Быстро разогнать рекламные кампании и получить рост конверсий при повышении CPA до 100%. Как этого добиться — читайте в новом кейсе....
19 03 2024 23:50:18
Как правильно оформлять свое портфолио, писать сопроводительные письма и делать посты в соцсетях. С помощью простой человеческой адекватности можно выигрывать у 90% других подрядчиков. Как это использовать? Читайте дальше!...
18 03 2024 16:23:34
Как работают SEO-специалисты, что нужно знать о принципах работы алгоритмов Гугл, как продвигать мобильные приложения и каким образом может монетизироваться Телеграм. Узнать больше!...
17 03 2024 19:24:57
Как говорится, люди делятся на тех, кто делит других на типы и тех, кто не делит. В этом посте — про желтых, синих, красных и зеленых людей....
16 03 2024 3:20:24
Что, если бы покупка в супермаркете происходила так же, как в онлайн-магазине?...
15 03 2024 13:32:35
Правила, требования, особенности. А ещё примеры, которые помогут создать правильную, с точки зрения поисковиков, рекламу. Читать!...
14 03 2024 22:23:24
Как надолго завоевать доверие покупателя с помощью грамотного email-маркетинга? Примеры обращений к клиенту в рассылках, текст писем для привлечения и благодарности за покупку....
13 03 2024 2:23:36
Инсайты Диви Конф 2021, онлайн-конференции о видеомаркетинге....
12 03 2024 0:52:34
Какие фишки влияют на видимость сайтов? Советы по юзабилити от SEO-специалиста....
11 03 2024 0:15:35
Алгоритм ссылочного ранжирования, который показывает ее значимость, в частности, для поисковиков. Важность показателя PageRank оспаривают, но до сих пор считают. Читать!...
10 03 2024 14:53:17
Все про kpi охват в социальных медиа или как оценивать эффективность работы SMM-специалиста?...
09 03 2024 11:57:25
Как за один час собрать самые популярные темы для информационных статей с помощью Serpstat и Key Collector?...
08 03 2024 15:19:46
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::