9 бесплатных инструментов для тестирования юзабилити сайта на русском

9 бесплатных инструментов для тестирования юзабилити сайта на русском

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

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

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

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

Юзабилити-тест: что именно тестировать

Хочется улучшить сайт, но непонятно с чего браться? Пара идей что проверять тестом юзабилити, чтобы сдвинуться с места:

Этапы, где теряются конверсии

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

Рассмотрим реальный кейс теста юзабилити компании Imaginary Landscape. Из Google Analytics видно, что пользователи заходят на страницу с формой обратной связи, но заявку на звонок не отправляют. Видимо, что-то не так с самой заявкой.

Компания выдвинула гипотезы о причинах и сделала несколько вариантов формы. После юзабилити тестирования стало понятно, что дело в количестве строк: люди не хотят вводить так много данных. Форму поменяли, количество строк сократили c 11 до 4, после чего конверсия выросла на 140%.

Кейс: поменяли форму заявки

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

Кейс юзабилити-тестирования

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

9 бесплатных инструментов для тестирования юзабилити сайта на русском

Элементы, обманывающие ожидания

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

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

  • повесить на элемент ссылку на что-то полезное, что логично было бы ожидать по клику;

  • переработать оформление, чтобы элемент не выглядел активным;

  • вовсе его убрать, если он не несет практической ценности.

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

  • добавить надпись, которая бы давала понять, что ссылка здесь;

  • сделать ссылку явной, вынести ее за рамки элемента;

  • добавить элементу реакцию — увеличение или подсветку при наведении.

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

Что еще тестируют на сайте

Кроме прочего, анализируют:

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

  • кнопки на кликабельность, особенно после того, как в моду вошел так называемый плоский дизайн — без теней и градиентов;

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

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

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

Сравнивать два или более варианта правильнее с помощью A/B-тестирования. Как это делается, мы разобрали в статье:
A/B тесты на пальцах

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

Инструменты для самостоятельного тестирования юзабилити

1. Инструменты Яндекс Метрики

В рунете популярностью пользуется бесплатные инструменты юзабилити-тестирования от Яндекс Метрики.

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

Чтобы установить «Вебвизор», авторизуйтесь на Яндекс Метрике и перейдите на вкладку «Добавить счетчик». В «Настройках» скопируйте код счетчика и вставьте на все страницы сайта.

Как добавить код счетчика Яндекс метрики

Вот так выглядит отчет «Вебвизора». А просмотр действий пользователя начнется при нажатии на значок воспроизведения.

отчет вебвизора

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

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

посмотреть тепловую карту кликов

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

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

Почитать по теме:
Яндекс.Метрика от А до Я

Не так давно Яндекс.Взгляд объединили с Яндекс.Толокой, получился UX-тест. Он платный, исследование стоит 999 рублей, но мы решили его упомянуть.

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

Веб-мастеру нужно описать пользовательский сценарий, например, «у вас такса, подберите ей переноску», загрузить экраны интерфейса и описать задание. результаты появятся в течение суток.

Юзабилити-тестирование в Яндекс.Взгляде

2. Google Оптимизация

Сервис от Google для сбора информации о поведении пользователей на странице и проведения экспериментов: к примеру, понять, какое расположение блоков удобнее пользователям, какой вариант формы приносит больше конверсий. 

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

Есть несколько моделей тестирования:

  • A/B-тест — создание нескольких вариантов страницы и выбор лучшего из них;

Провести A/B-теста бесплатно

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

Есть бесплатная версия сервиса Google Optimize и платная Google Optimize 360.

Подробнейшая инструкция по сервису

3. Анализ сайта

Комплексная онлайн-проверка сайта по многим параметрам: отношение поисковиков, санкции, оптимизация, технические параметры, ссылки — в общей сложности у него 70+ тестов. в общей сложности у него 70+ тестов.

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

  • распознавание фавикона;
  • наличие 404 и ссылки у недоступной страницы;
  • ускорение: настройка кэширования, оптимизация времени ответа сервера, сжатие, объем ресурсов, CSS.

Оценка сайта онлайн

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

Оценить мобильную версию сайта онлайн

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

4. Hotjar

Сервис, собравший в себя инструменты для юзабилити-тестирования: 

  • тепловые карты с просмотром популярных областей кликов на странице;

Просмотр тепловой карты онлайн

Тепловая карта в сервисе

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

9 бесплатных инструментов для тестирования юзабилити сайта на русском

  • анализ воронки продаж;
  • внедрение триггерных опросов.

Инструменты обратной связи локализованы для сбора отзывов на более чем 40 языках, включая русский. Для работы понадобится добавить код сервиса на сайт. Можно сделать это вручную или через Google Tag Manager.

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

5. UsabilityHub

Юзабилити-тесты с реальными участниками. Англоязычный сервис, но среди предлагаемых языков тестирования есть русский. В платной версии вы выбираете количество участников и вскоре получаете результаты. 

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

Сервис предлагает пять простых тестов:

  • Five Second Test — тест пяти секунд
    Принцип таков: вы загружаете скриншот тестируемой страницы на сайт, участники теста смотрят на нее в течение 5 секунд, после чего дают свою оценку. Можно задавать разные вопросы, например, какой элемент больше всего привлек внимание, что запомнилось, о чем сайт и тому подобное. По завершении вы получите ответы участников теста в полном объеме + автоматически сгенерированное облако часто повторяющихся слов.

Five Second Test

тест пяти секунд

сервис Five Second Test

сервис для юзабилити теста

  • Question Test — тест вопросов
    Вы спрашиваете о своем сайте — реальные люди отвечают.
  • Navigation Test — анализ навигации
    Позволяет понять, насколько удобно пользователям переходить внутри вашего сайта, понятна ли его архитектура и навигация.
  • Preference Test — предпочтение
    Поможет провести А/В тестирование дизайна сайта, приложения, листовки. Загружаете два варианта дизайна — пользователи выбирают, какой им больше нравится. Все просто и оперативно.
  • Click Test — тест кликов
    Действия те же, только вместо ответов получаем тепловую карту кликов. По ней мы увидим, что пользователи, к примеру, не жмут на стратегически важную (для нас) кнопку, зато активно кликают картинку. Дополнительно сервис предоставит отчет о количестве кликов и среднем времени щелчка.

сервис для просмотра тепловой карты кликов на сайте

6. Plerdy

Сервис для просмотров карт кликов. Интерфейс на русском языке, есть бесплатный тариф, который включает в себя 2000 просмотров страниц в день, 100 видеосессий и 10 аудитов.

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

9 бесплатных инструментов для тестирования юзабилити сайта на русском

7. Crazy Egg

Сервис показывает карту кликов или скороллинга. Главное преимущество сервиса — инструмент Confetti, он позволяет фильтровать клики по посетителям, пришедшим из разных источников. К примеру, можно отдельно посмотреть, куда кликают люди, перешедшие на сайт из органики или социальных сетей. Это может быть полезно при анализе поведения разных сегментов пользователей. Инструмент платный, но 30 дней длится бесплатный тест.

9 бесплатных инструментов для тестирования юзабилити сайта на русском

8. Inspectlet

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

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

9 бесплатных инструментов для тестирования юзабилити сайта на русском

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

9. Фабрика Юзабилити

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

Тестирование сайта на реальных пользователях Оценка сайта пользователями

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

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

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

Обсудить и заказать можно через форму ниже

9 бесплатных инструментов для тестирования юзабилити сайта на русском
Создание недорогих сайтов
Добавить комментарий