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

Нажав кнопку "Принять и продолжить", вы соглашаетесь с Политики конфиденциальности

Принять и продолжить

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

Отменить
1704
How-to Читать 10 минут 5 февраля 2019

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

Что такое 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.67 из 5 на основе 5 оценок
Нашли ошибку? Выделите её и нажмите Ctrl + Enter, чтобы сообщить нам.

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

Войти Регистрация

Вы исчерпали лимит запросов.

Или email
Забыли пароль?
Или email
Back To Login

Не волнуйтесь! Напишите свой электронный адрес и мы пришлем вам новый пароль.

Вы уверены?

Awesome!

To complete your registration you need to enter your phone number

Назад

Мы отправили код подтверждения на ваш номер телефона

Your phone Resend code Осталось запросов

Что-то пошло не так.

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

Знакомство с сервисом

Ознакомьтесь с основными возможностями Serpstat удобным способом!

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

Имя

Email

Телефон

Будем рады вашему комментарию
Увеличить лимиты

Улучшить тариф

Экспорт недоступен для вашего тарифного плана. Вам необходимо улучшить свой тариф до Lite или выше, чтобы получить доступ к инструменту Подробнее

Зарегистрироваться

Спасибо, мы с вами свяжемся в ближайшее время

Пригласить
Просмотр Редактирование

E-mail
Сообщение
необязательно
E-mail
Сообщение
необязательно

У вас закончились лимиты

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

Я хочу больше лимитов