Юзабилити сайта: чек-лист для проверки
Решить эту проблему поможет юзабилити-аудит. О нем и поговорим, а именно:
- на что влияет юзабилити;
- что конкретно проверять;
- какие есть бесплатные инструменты для проведения аудита;
- что делать после аудита, чтобы работа не была напрасной.
На что влияет юзабилити сайта
Если переводить дословно, юзабилити – это «пригодность к использованию». В этом термине, в общем-то, уже заложена ценность юзабилити. Если оно низкое – сайт неудобен, пользователи достигают своих целей реже, чем могли бы. Это ведет к трем серьезным последствиям.
Позиции в топе поисковых систем. Яндекс (в максимальной степени) и Google (в некоторой степени) учитывают при ранжировании поведенческие факторы. Если пользователи быстро покидают неудобный сайт, это сигнал для поисковых систем, что его стоит понизить в выдаче в пользу других – с лучшим юзабилити.
Посещаемость сайта. Помним, что посещаемость складывается не только из переходов с органической выдачи. Это также прямые заходы – по URL, ссылке из «Избранного» в браузере или из журнала посещений. Логично, что у неудобного сайта, если только он не является уникальным по контенту и предоставляемым возможностям, прямых заходов будет крайне мало. Пользователи с большей охотой выберут другой, более дружелюбный к ним.
Выполнение целей сайта. Если речь идет про интернет-магазин или онлайн-витрину услуг – логично, что низкое юзабилити приводит к снижению конверсий. Раз сайтом трудно пользоваться, не все посетители, даже если они являются целевыми, дойдут до совершения целевого действия. Если же сайт используется для перепродажи трафика – эта цель также будет сложнее достижима. Почему – описано в двух предыдущих пунктах.
Так что работа над юзабилити – это не просто забота о пользователях. Это целенаправленное повышение ключевых качеств сайта: способности ранжироваться в поиске и помогать посетителям достигать целей, важных для владельца ресурса.
Что проверять при юзабилити-аудите
Показатели с первым приоритетом критичности
Адаптивность. По данным рекламной сети SlickJump доля мобильного трафика в Рунете достигла отметки 90%. Так что оптимизация сайта под просмотры со смартфонов не просто полезна, а необходима.
Скорость загрузки. Технологии доступа в интернет шагают вперед, однако факт остается фактом: пока что лишь на ~12% территории России ловит 4G, не говоря уже о 5G. Даже в Москве и Санкт-Петербурге этот показатель составляет лишь около 50%. Поэтому если сайт грузится при хорошем доступе в интернет дольше 1–2 секунд – это уже плохой показатель, который отсеивает много потенциальных посетителей. Долго ждать люди не хотят: если ваш сайт грузится медленно, они могут уйти искать другой, с похожим контентом и функционалом.
Доступность контента. Особенно важный пункт, если на вашем сайте размещается реклама – например, баннеры через RTB-сети. Понятно, что любой баннер занимает какую-то полезную часть экрана – это нормально. Однако точно ненормально, если при этом едет верстка или, к примеру, уезжает за пределы экрана кнопка «Закрыть». То же самое касается не только баннеров, но и интерактивных элементов – к примеру, всплывающей формы callback-сервиса или онлайн-консультанта.
Доступность и работоспособность CTA-элементов. Речь о формах, кнопках вроде «Купить» / «Заказать» и других подобных элементов сайта. Если они не работают – цель, к которой вы должны привести пользователя, технически недостижима. Идеально, если в том или ином виде один из CTA-элементов всегда виден на экране. Например, если сбоку страницы за пользователем «бежит» кнопка «Оставить заявку».
Показатели со вторым приоритетом критичности
Наличие ключевой информации о товаре/услуге. К такой информации относится описание, фото или видео, стоимость, варианты комплектации / тарифы. Не стоит думать, что фото и видео нужны только для товаров и необязательны для услуг. Например, если это страница про квартирный переезд, можно и нужно показать автопарк и такелажное оборудование.
Понятные заголовки H1. Из заголовка, который виден на первом экране, пользователь должен за 1–2 секунды понять, о чем ему расскажут на странице. Помните, что на любую страницу пользователь может попасть по прямой ссылке – например, из сохраненных. Он должен с легкостью вспомнить, что это за страница и зачем он на нее заходил.
Контакты. Одноименный раздел, где указаны телефон, мессенджеры, электронная почта – гигиенический минимум. При возможности купить товар офлайн также критично наличие карты с указанием магазинов. Если пользователь быстро не поймет, как с вами связаться при наличии вопросов, скорее всего, он будет для вас потерян. Оптимально, если базовые контакты и ссылки на соцсети представлены в шапке сайта, чтобы они всегда были на виду.
Информация о компании. Если речь не о бренде уровня Яндекса или Ozon – критично, чтобы пользователь мог понять, что он находится на сайте компании, которая заслуживает доверия. Адрес офиса, имена топ-менеджеров, сертификаты и награды, краткая история и т. п. – чем больше есть информации по существу, тем лучше.
Разделы «Доставка», «Варианты оплаты», «Гарантия и возврат» и т. п. Какие именно служебные разделы нужны конкретному сайту – зависит от его специфики. Например, интернет-магазину автозапчастей нужны все упомянутые.
Удобство восприятия контента. Оптимально, если ключевая информация доступна в текстовом формате (чтобы ее было легко скопировать и сохранить либо переслать) и иллюстрировалась медийным контентом – фото, видео, схемами.
Наличие и работоспособность фильтров по товарам. Привычные большинству пользователей фильтры – по цене, характеристикам, популярности.
Информирование о статусе заказа. Например, если формат сайта предполагает, что пользователю перезвонит менеджер после заполнения заявки – об этом стоит сказать после ее заполнения. Лучше всего – если можете хотя бы примерно сориентировать по времени звонка: например «мы перезвоним вам в течение 15 минут».
Отсутствие лишних полей в форме заявки. Проверьте каждое поле на его необходимость. Например, нет нужды просить пользователя указать полные ФИО, если вы будете ему перезванивать. Достаточно оставить поле «Имя», в котором можно указать имя или имя + отчество.
Показатели с третьим приоритетом критичности
- Наличие меню «хлебные крошки» в верхней части страницы.
- Наличие поиска по сайту.
- Регистрация в один клик – например, через соцсети.
- Выделение кликабельных элементов плюс изменение вида курсора при наведении на них.
- Логическое расположение элементов в соответствии с паттернами восприятия – слева направо / сверху вниз.
- Проработка страницы 404-й ошибки: возможность вернуться на главную и/или воспользоваться поиском по сайту.
- Выделение ссылок синим цветом с подчеркиванием.
- Ссылки на соцсети компании.
- Кликабельный логотип в шапке сайта, ведущий на главную страницу.
- Наличие в футере ссылки на карту сайта.
- Кнопка «Наверх» на длинных страницах.
- Выбор точки на карте из списка или по клику.
Какие бесплатные инструменты помогут провести юзабилити-аудит
Все просто – это стандартный тандем Яндекс Метрика + Google Analytics.
Отчеты по посещению с разных устройств помогут понять, для каких гаджетов, браузеров и экранов сайт оптимизирован хуже всего. Эти же отчеты помогут понять суммарный трафик с таких устройств и согласно ему выбрать приоритеты. Так, если пользователи браузера Safari на iPhone чаще других уходят с сайта – возможно, сайт некорректно отображается именно в нем. Это стоит проверить и исправить ошибку, если она найдется.
Тепловые карты покажут, как пользователи взаимодействуют с контентом: как заполняют формы, куда кликают, до какого места пролистывают страницы. Например, можно увидеть, что многие пользователи воспринимают подчеркнутый заголовок текста как ссылку и пытаются по нему перейти на раздел с подробностями. Вполне возможно, что это можно использовать – действительно создать такую страницу с простой возможностью дойти до заполнения формы или другого целевого действия.
Отчеты по составу аудитории подскажут, на каких пользователей в основном стоит ориентироваться. Например, если у сайта много посетителей в возрасте 45+ – пожалуй, стоит позаботиться о хорошо читаемом и достаточно крупном шрифте.
Вебвизор (доступен только в Метрике) дает уникальную возможность проследить за конкретными сеансами. Использование этого инструмента требует много времени, однако для ключевых страниц – например, для главной – это время имеет все шансы окупиться. Например, вы можете увидеть, что многие пользователи пытаются скопировать номер телефона или адрес офиса, но не могут это сделать, так как вы зачем-то защитили контент от копирования.
Есть также множество платных сервисов, которые отдают не только данные для анализа, но и частично готовые выводы – сделанные машиной, другими пользователями или экспертами. Кроме того, на digital-рынке популярна отдельная услуга юзабилити анализа, когда нанятый эксперт-аналитик сам пройдет по всему чек-листу, отдаст выводы и рекомендации.
Провели аудит – что дальше?
Сам по себе аудит – не более чем сбор информации. Чтобы от него была польза, нужно пройти довольно длинный цикл:
Аудит юзабилити, заполнение чек-листа.
↓
Выводы – что хорошо, что проседает.
↓
Приоритизация – с какими проблемами нужно работать в первую очередь.
↓
Формирование ТЗ на доработку сайта (можно пропустить, если аудитом и исправлением занимается один и тот же специалист, но такое сочетание навыков – скорее редкость, чем правило).
↓
Выполнение ТЗ, исправление ошибок.
↓
Финальный контроль – полный или выборочный (по исправленным недочетам) аудит, который проверит, действительно ли проблемы исчезли.
Из этого следует очевидный и несколько грустный вывод: устранение проблем с юзабилити – достаточно долгий процесс. Именно поэтому опытные SEO-специалисты анализируют свои сайты, не дожидаясь «красных флагов» – раз в определенный промежуток времени. Обычно – раз в квартал или полугодие. Такой подход поможет регулярно вылавливать ошибки и исправлять их раньше, чем они образуют критическую массу и обрушат показатели сайта.
Выводы
- Юзабилити – фактор, над которым стоит регулярно работать. Он влияет не только на позиции и трафик, но и на конверсии с сайта.
- Для проведения аудита достаточно бесплатных инструментов – Яндекс Метрики и Google Analytics. Хотя для сокращения трудозатрат можно использовать и платные инструменты, и помощь экспертов-аналитиков.
- Проводить аудит проще всего по чек-листу. Параметров слишком много, чтобы удержать их в голове. Да и анализировать результаты будет проще, глядя на заполненный чек-лист.
- Проводить юзабилити-аудит стоит раз в квартал или хотя бы раз в полгода. Это позволит не накапливать ошибки до той ситуации, когда они значительно ухудшат показатели сайта.
Подписывайся!
ВКонтакте
Есть о чем рассказать? Тогда присылайте свои материалы Марине Ибушевой
