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

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

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

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

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

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

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

Для этого перейдем в раздел «Отчеты» и выберем «Обзор»:

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

В разделе «Все страницы» можно более детально рассмотреть статистику по различным URL сайта:

В Яндекс.Метрике также можно ознакомиться с аналитическими данными в разделе «Посетители»:

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

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

В плеере будет виден порядок действий пользователей — заполнение форм, клики, копирование текста.

К сервисам, осуществляющим юзабилити тестирование сайтов онлайн, относится платформа AskUsers:

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

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

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

Сервис позволяет провести экспресс-оценку юзабилити ресурса на основе первого пятисекундного впечатления от дизайна сайта:

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

Чтобы начать работу, необходимо создать свой пятисекундный тест:

Нажмем «Get started»:

Пройдем процедуру регистрации, заполнив название организации, контактные данные, язык тестов и выбрав тарифный план. После заполнения полей нажмем «Create my account»:

Затем заполним данные о собственной должности, команде и выберем участников тестирования. После этого нажмем «Complete setup».

После этого появится возможность создать тест:

При создании теста укажем его название и загрузим скриншоты проекта:

После добавления интересующих вопросов нажмем «Save and continue». Затем предлагается скидка в размере 30 долларов — эти деньги можно потратить, чтобы нанять участников для тестирования сайта. Второй вариант — использовать ссылку на тест с собственными тестировщиками:

Затем будет предложено получить скидку в размере 30 долларов, чтобы нанять участников или же использовать ссылку на тест с собственной аудиторией:

Нажмем «Place an order» и выберем необходимое число участников тестирования, а также их социальные признаки. После указания всех данных отобразится стоимость тестирования и его продолжительность:

Затем выберем «Submit Order» и получим возможность ввести данные банковской карточки для зачисления средств на первый тест:

Для изучения тепловых карт активности на сайтах WordPress удобно использовать специальные плагины, например, Heatmap for WordPress:

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

Для установки тепловой карты перейдем в раздел «Плагины» административной панели и выберем «Добавить новый». Затем найдем, установим и активируем нужный плагин:

Для дальнейшего использования нужно создать аккаунт. После авторизации укажем название и домен компании, выберем тарифный план, примем условия пользования сервисом и нажмем «Sign up for free»:

После этого добавим данный код на сайт:

Затем зайдем в раздел «Heatmap» и выберем «Check now»:

После этого плагин будет активирован и при посещении сайта можно будет пользоваться комбинацией клавиш Alt+Shift+H либо перетянуть меню «heatmap» на панель закладок:

После включения данной кнопки на сайте в правом верхнем углу появится панель плагина:

В бесплатном тарифе можно анализировать до пяти страниц. По ним будет отображаться статистика в реальном времени с указанием наиболее популярных элементов в процентном отношении.

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

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

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

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

На ресурсе должны присутствовать общее описание деятельности, указаны форма собственности, сертификаты и лицензии. Также необходим легкий доступ к странице с адресом и режимом работы, контактными телефонами, e-mail, желательно — карте проезда и форме обратной связи.

Основные принципы удобного и ненавязчивого дизайна:

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

К сайтам с хорошим дизайном и юзабилити относятся Google, Spotify, Instagram и пр.

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

найдены уязвимые места сайта и проведены работы, обеспечивающие следующие аспекты: