9079
How-to Читать 10 минут

Как провести юзабилити-аудит сайта

Что такое UX-аудит сайта и оценка юзабилити
ЧЕК-ЛИСТ: ЮЗАБИЛИТИ
Юзабилити-аудит сайта — это важная задача для поиска и устранения проблем, связанных с пользовательским опытом. Высокий уровень юзабилити сайта положительно влияет на конверсию и ранжирование ресурса в поисковой выдаче.

Что такое юзабилити-аудит

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

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

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

Юзабилити-аудит необходимо проводить в следующих ситуациях:


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

  • при потребности увеличить уровень конверсии;

  • в случае добавления нового функционала.

Юзабилити-аудит сайта фокусируется на поведении посетителей, их взаимодействии с ресурсом. UX (user experience) — сценарии действий пользователей, например, клики на элементы интерфейса либо прокрутка ленты новостей. Ответственность за удобство, логичность и понятность проекта для пользователей несет UX-дизайнер.

Процесс юзабилити-аудита сайта

1
Изучение сферы деятельности и целевой аудитории — необходимо получить информацию о том, на какие потребительские сегменты рассчитаны товары и услуги, предлагаемые сайтом.
2
Анализ данных — с помощью веб-аналитики нужно получить данные об основных поведенческих показателях, воронке продаж, тепловых картах.
3
Маркетинговый анализ — изучение конкурентных преимуществ, каналов коммуникаций, вариантов повышения конверсии.
4
Оценка эргономичности ресурса — выявление проблем, затрудняющих выполнение конверсионных действий.
5
Secret Shopper — проверка эффективности работы команды отдела продаж: реагирование на звонки, сообщения, вопросы в чатах.
6
Составление отчета с описанием проблем и плана по улучшению проекта.

Диагностика проблем с юзабилити

1
Один из самых главных источников информирования о проблемах — веб-аналитика. Используя отчет Google Analytics, можно получить перечень основных проблем сайта.
Для этого перейдем в раздел «Отчеты» и выберем «Обзор»:
Обзор поведения пользователей в Google Analytics
Для многих сайтов плохие поведенческие показатели — высокий показатель отказов и небольшая продолжительность просмотров страницы. Есть исключения для некоторых категорий ресурсов: например, на сайт службы такси клиенты заходят, чтобы найти номер телефона, а затем сразу выходят. Также это не будет плохим поведенческим показателем для сайтов с прогнозом погоды и пр.

В разделе «Все страницы» можно более детально рассмотреть статистику по различным URL сайта:
Статистика поведения пользователей на всех страницах сайта в Google Analytics
В Яндекс.Метрике также можно ознакомиться с аналитическими данными в разделе «Посетители»:
Отчет о поведении посетителей в Яндекс.Метрике
Данный отчет позволяет получить информацию об активности посетителей ресурса, общем времени, проведенном на сайте, датах первого и последнего визитов, а также их совокупном количестве. Хорошими поведенческими факторами является наличие постоянных посетителей, которые часто посещают ресурс и активно его используют.

Наиболее информативный отчет веб-аналитики — Вебвизор, благодаря которому можно просмотреть любое посещение в формате видео:
Действия пользователей в Вебвизоре Яндекса
В плеере будет виден порядок действий пользователей — заполнение форм, клики, копирование текста.
2
Еще одним сигналом к необходимости проведения UX-аудита сайта являются низкие конверсионные показатели проекта — отсутствие или небольшое число заказов, подписок и звонков при достаточном количестве посещений ресурса может говорить о том, что у пользователей возникают какие-то проблемы с использованием сайта.
3
Информация о проблемах с usability сайта от пользователей — за оценкой ресурса можно обращаться к знакомым, экспертам или же к группе асессоров, проводящих тестирование. Последний вариант наиболее предпочтителен, поскольку в данном случае ресурс будет оценивать целевая аудитория.

Как проверить юзабилити сайта с помощью дополнительных сервисов

#1

AskUsers

К сервисам, предоставляющим услугу юзабилити-аудита, относится платформа AskUsers:
Анализ юзабилити сайта AskUsers
В сервисе есть возможность подбора пользователей для аудита страницы, подходящих по ряду критериев, определяющих целевую аудиторию ресурса: полу, профессии, уровню дохода, семейному положению, возрасту.

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

Five Second Test

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

Чтобы начать работу, необходимо создать свой пятисекундный тест:
Пятисекундный тест юзабилити сайта
Нажмем «Get started»:
Создание проекта в Five Second Test
Пройдем процедуру регистрации, заполнив название организации, контактные данные, язык тестов и выбрав тарифный план. После заполнения полей нажмем «Create my account»:
Регистрация в Five Second Test
Затем заполним данные о собственной должности, команде и выберем участников тестирования. После этого нажмем «Complete setup».
Настройка аккаунта в Five Second Test
После этого появится возможность создать тест:
Создание теста юзабилити в Five Second Test
При создании теста укажем его название и загрузим скриншоты проекта:
Загрузка скриншотов для проверки юзабилити
После добавления интересующих вопросов нажмем «Save and continue». Затем предлагается скидка в размере 30 долларов — эти деньги можно потратить, чтобы нанять участников для тестирования сайта. Второй вариант — использовать ссылку на тест с собственными тестировщиками:

Затем будет предложено получить скидку в размере 30 долларов, чтобы нанять участников или же использовать ссылку на тест с собственной аудиторией:
Тарифы на тестирование юзабилити в Five Second Test
Нажмем «Place an order» и выберем необходимое число участников тестирования, а также их социальные признаки. После указания всех данных отобразится стоимость тестирования и его продолжительность:
Создание заказа на проверку юзабилити в Five Second Test
Затем выберем «Submit Order» и получим возможность ввести данные банковской карточки для зачисления средств на первый тест:
Оплата аудита юзабилити в Five Second Test
#3

Плагины WordPress

Для изучения тепловых карт активности на сайтах WordPress удобно использовать специальные плагины, например, Heatmap for WordPress:
Плагин Heatmap for WordPress
Тепловые карты позволяют узнать, какие участки проекта пользуются наибольшей популярностью, а какие, напротив, не привлекают посетителей. Наименее популярные объекты необходимо удалить либо заменить, ориентируясь на кликабельные элементы как образец того, что находит отклик у аудитории.

Для установки тепловой карты перейдем в раздел «Плагины» административной панели и выберем «Добавить новый». Затем найдем, установим и активируем нужный плагин:
Установка плагина Heatmap for WordPress
Для дальнейшего использования нужно создать аккаунт. После авторизации укажем название и домен компании, выберем тарифный план, примем условия пользования сервисом и нажмем «Sign up for free»:
Создание бесплатного аккаунта в Heatmap for WordPress
После этого добавим данный код на сайт:
Код отслеживания поведения пользователя в Heatmap for WordPress
Затем зайдем в раздел «Heatmap» и выберем «Check now»:
Активация плагина Heatmap for WordPress в настройках
После этого плагин будет активирован и при посещении сайта можно будет пользоваться комбинацией клавиш Alt+Shift+H либо перетянуть меню «heatmap» на панель закладок:
Плагин Heatmap for WordPress в админ-панели сайта
После включения данной кнопки на сайте в правом верхнем углу появится панель плагина:
Панель плагина Heatmap for WordPress на сайте
В бесплатном тарифе можно анализировать до пяти страниц. По ним будет отображаться статистика в реальном времени с указанием наиболее популярных элементов в процентном отношении.
#4

Оценка скорости загрузки страниц

Для пользователей портативных устройств быстрая скорость загрузки ресурса — один из ключевых моментов высокого уровня юзабилити. Также это является фактором ранжирования в поисковых системах. Провести тест скорости можно с помощью инструмента Google PageSpeed Insights:
Оценка скорости загрузки страниц в Google PageSpeed Insights

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

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

  • используются человекопонятные URL;

  • добавлены «хлебные крошки» — путь к странице через разделы и подразделы ресурса;

  • в тексте выделены ссылки, отсутствуют битые и циклические гиперссылки;

  • есть карта сайта;

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

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

  • для иллюстрирования материала нужно подбирать подходящий визуальный контент — фотографии, картинки, графики, диаграммы.
3
Формы и конверсионные элементы
Наибольшее влияние на конверсию оказывают формы регистрации и заказа, кнопка «Купить» и призывы к действию. Формы должны содержать небольшое количество полей. Необходимо как тестировать сайт на десктопе, так и проверять отображение мобильной версии на различных устройствах.

Привлекательность, простота и доступность данных элементов очень важны для эффективной работы, в случае неудовлетворительной конверсии стоит провести А/B тестирование для объективного выбора наилучшего варианта дизайна.
4
Контактная информация
На ресурсе должны присутствовать общее описание деятельности, указаны форма собственности, сертификаты и лицензии. Также необходим легкий доступ к странице с адресом и режимом работы, контактными телефонами, e-mail, желательно — карте проезда и форме обратной связи.
5
Хороший дизайн
Удобный и ненавязчивый дизайн предполагает:

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

  • наличие фавикона, перекликающегося с логотипом сайта;

  • цветовую схему и стилистику проекта, соответствующие его тематике. Для проверки возможных ошибок в цветовых решениях можно воспользоваться сервисом Checkmycolours.com

  • читабельность текстов и надписей на элементах меню, кнопках, виджетах;

  • интуитивно понятные картинки для иконок меню — функции поиска, справки, контактного номера телефона.

Заключение

Юзабилити-аудит — это сложный трудоемкий процесс, в результате которого должны быть

найдены уязвимые места сайта и проведены работы, обеспечивающие следующие аспекты:
1
Техническая сторона — быстрая загрузка, адаптация под мобильные устройства, простая навигация.
2
Удобство использования конверсионных элементов — доступ к контактной информации, простое оформление заказа и заполнение формы подписки на новости.
3
Структурированный текстовый контент.
4
Гармоничные цветовые сочетания элементов, благоприятно влияющие на восприятие сайта и изложенной на нем информации.
5
Оперативная и грамотная работа отдела продаж.

Эта статья — часть модуля «Список задач» в Serpstat
«Список задач» в Serpstat
«Список задач» — готовый to-do лист, который поможет вести учет
о выполнении работ по конкретному проекту. Инструмент содержит готовые шаблоны с обширным списком параметров по развитию проекта, к которым также можно добавлять собственные пункты.
Начать работу со «Списком задач»

Сэкономьте время на изучении Serpstat

Хотите получить персональную демонстрацию сервиса, тестовый период или эффективные кейсы использования Serpstat?

Оставьте заявку и мы свяжемся с вами ;)

Оцените статью по 5-бальной шкале

3.75 из 5 на основе 15 оценок
Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.

Поделитесь статьей с вашими друзьями

Вы уверены?

Знакомство с Serpstat

Узнайте об основных возможностях сервиса удобным способом!

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

Имя

Email

Телефон

Будем рады вашему комментарию
Я принимаю условия Политики конфиденциальности.

Спасибо, мы сохранили ваши новые настройки рассылок.

Сообщить об ошибке

Отменить

Мы используем файлы cookie для обеспечения работоспособности сервиса, улучшения навигации и маркетинговых активностей Serpstat. Нажимая "Принять и продолжить", вы соглашаетесь с нашей Политика конфиденциальности

Открыть чат технической поддержки
mail pocket flipboard Messenger telegramm