Начните искать ключевые слова

Используйте Serpstat, чтобы находить лучшие ключи

How-to 19 октября 2021  |  19081   |  Читать 11 минут  – Прочитать позже

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

Что такое 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. Five Second Test

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

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

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

2. Плагины WordPress

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • интуитивно понятные картинки для иконок меню — функции поиска, справки, контактного номера телефона.
К сайтам с хорошим дизайном и юзабилити относятся Google, Spotify, Instagram и пр.

FAQ

Что такое аудит юзабилити сайта?

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

Как оценить юзабилити сайта?

Чтобы оценить юзабилити сайта, анализируют поведенческие факторы в системах аналитики, используют специальные плагины, привлекают ассесоров и проводят опросы пользователей ресурса. Существуют платформы, предназначенные для юзабюилити-аудита, например, AskUsers.

Почему юзабилити сайта важна?

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

Заключение

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

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

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

Serpstat — набор инструментов для поискового маркетинга!

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

Набор инструментов для экономии времени на выполнение SEO-задач.

7 дней бесплатно

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

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

Используйте лучшие SEO инструменты

Подбор ключевых слов

Поиск ключевых слов – раскройте неиспользованный потенциал вашего сайта

Возможности Serpstat

Возможности Serpstat – комплексное решение для эффективного продвижения вебсайтов

Кластеризация ключевых слов

Кластеризация ключевых слов автоматически обработает до 50 000 запросов в несколько кликов

SEO аудит страницы

Проанализируйте уровень оптимизации документа используя SЕО аудит страницы

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

Вы уверены?

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

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

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

Имя

Email

Телефон

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

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

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