Юзабилити сайта: чек-лист для проверки

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

Юзабилити-аудит поможет решить эту проблему. Поговорим об этом, а именно:

• что влияет на юзабилити;
• что именно проверять;
• Что такое бесплатные инструменты аудита?
• что делать после проверки, чтобы работа не прошла даром.

Что влияет на юзабилити сайта

В буквальном переводе юзабилити означает «пригодность для использования». В этом термине, как правило, уже заложена ценность юзабилити. Если она низкая, сайт неудобен, пользователи достигают своих целей реже, чем могли бы. Это приводит к трем серьезным последствиям.

Позиции в ТОПах поисковых систем. Яндекс (в максимальной степени) и Google (в некоторой степени) учитывают поведенческие факторы при ранжировании. Если пользователи быстро покидают неудобный сайт, это сигнал для поисковых систем о том, что его следует понизить в пользу других с лучшим юзабилити.

Трафик сайта. Помните, что трафик состоит не только из кликов из результатов обычного поиска. Это тоже прямые посещения — по URL, ссылке из «Избранного» в браузере или из журнала посещений. Логично, что неудобный сайт, если только он не уникален по содержанию и функциям, будет иметь очень мало прямых посещений. Пользователи чаще выбирают другую, более дружелюбную к ним.

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

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

Что проверить во время юзабилити-аудита

Показатели с первым приоритетом критичности

приспособляемость. По данным рекламной сети SlickJump, доля мобильного трафика в Рунете достигла 90%. Так что оптимизировать сайт для просмотра со смартфонов не только полезно, но и необходимо.

Скорость загрузки. Технологии доступа в Интернет шагают вперед, но факт остается фактом: пока только ~12% территории России ловит 4G, не говоря уже о 5G. Даже в Москве и Санкт-Петербурге этот показатель составляет всего около 50%. Поэтому, если сайт загружается при хорошем доступе в интернет более 1-2 секунд, это уже плохой показатель, который отсеивает многих потенциальных посетителей. Люди не хотят долго ждать: если ваш сайт загружается медленно, они могут уйти в поисках другого с аналогичным содержанием и функциональностью.

Доступность контента. Особенно важный момент, если на вашем сайте размещается реклама — например, баннеры через RTB-сети. Понятно, что любой баннер занимает какую-то полезную часть экрана — это нормально. Однако это точно не нормально, если при этом запущена раскладка или, например, кнопка «Закрыть» уходит с экрана. Это же касается не только баннеров, но и интерактивных элементов — например, всплывающей формы службы обратного звонка или онлайн-консультанта.

Доступность и эффективность элементов CTA. Речь идет о формах, кнопках типа «Купить»/«Заказать» и других подобных элементах сайта. Если они не работают, цель, к которой вы должны привести пользователя, технически недостижима. В идеале в том или ином виде один из элементов СТА всегда виден на экране. Например, если сбоку страницы кнопка «Оставить заявку» «бежит» за пользователем.

Показатели со вторым приоритетом критичности

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

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

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

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

Разделы «Доставка», «Варианты оплаты», «Гарантия и возврат» и др.. Какие служебные разделы нужны тому или иному сайту, зависит от его специфики. Например, интернет-магазин автозапчастей нуждается во всем вышеперечисленном.

Легкость восприятия контента. Оптимально, если ключевая информация доступна в текстовом формате (чтобы ее было легко скопировать и сохранить или отправить) и проиллюстрирована медиа-контентом – фотографиями, видео, схемами.

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

Уведомление о статусе заказа. Например, если формат сайта предполагает, что менеджер перезвонит пользователю после заполнения заявки, об этом следует сказать после ее заполнения. Лучше всего — если вы сможете хотя бы примерно ориентироваться по времени звонка: например, «мы вам перезвоним в течение 15 минут».

Отсутствие дополнительных полей в форме заявки. Проверьте каждое поле, чтобы убедиться, что оно обязательно. Например, нет необходимости просить пользователя назвать полное имя, если вы ему перезвоните. Достаточно оставить поле «Имя», в котором можно указать имя или имя+отчество.

Показатели с третьим приоритетом критичности

• Наличие меню в верхней части страницы.
• Поиск по сайту.
• Регистрация в один клик — например, через социальные сети.
• Выбор кликабельных элементов плюс изменение внешнего вида курсора при наведении на них.
• Логическое расположение элементов в соответствии со схемами восприятия — слева направо/сверху вниз.
• Работа над страницей ошибки 404: возможность вернуться на главную страницу и/или воспользоваться поиском по сайту.
• Выделите ссылки синим цветом с подчеркиванием.
• Ссылки на социальные сети компании.
• Кликабельный логотип в шапке сайта, ведущий на главную страницу.
• Наличие в футере ссылки на карту сайта.
• Кнопка «Наверх» на длинных страницах.
• Выбор точки на карте из списка или клик.

Какие бесплатные инструменты помогут провести юзабилити-аудит

Все просто — это стандартный тандем Яндекс Метрика + Google Analytics.

Отчеты о посещениях с разных устройств поможет вам понять, для каких гаджетов, браузеров и экранов ваш сайт хуже всего оптимизирован. Эти же отчеты помогут вам понять общий трафик с таких устройств и в соответствии с ним выбрать приоритеты. Итак, если пользователи браузера Сафари на айфоне уходят с сайта чаще других, возможно, сайт в нем отображается некорректно. Стоит проверить и исправить ошибку, если она есть.

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

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

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

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

Мы проверили — что дальше?

Аудит сам по себе есть не что иное, как сбор информации. Чтобы быть полезным, нужно пройти довольно длинный цикл:

Юзабилити-аудит, заполнение чек-листа.

↓

Выводы — что хорошо, что провисает.

↓

Расстановка приоритетов – какие вопросы необходимо решить в первую очередь.

↓

Формирование ТЗ на доработку сайта (можно пропустить, если аудитом и исправлением занимается один и тот же специалист, но такое сочетание навыков скорее редкость, чем правило).

↓

Выполнение технического задания, исправление ошибок.

↓

Итоговый контроль – это полный или выборочный (по устраненным недостаткам) аудит, который проверит, действительно ли проблемы исчезли.

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

выводы

• Юзабилити — фактор, над которым следует регулярно работать. Это влияет не только на позиции и посещаемость, но и на переходы с сайта.
• Для проведения аудита достаточно бесплатных инструментов — Яндекс Метрики и Google Analytics. Хотя для снижения трудозатрат можно использовать как платные инструменты, так и помощь экспертов-аналитиков.
• Проще всего провести аудит по чек-листу. Слишком много параметров, о которых нужно помнить. Да и анализировать результаты будет проще, взглянув на заполненный чек-лист.
• Проводить юзабилити-аудит стоит раз в квартал или хотя бы раз в полгода. Это позволит вам не накапливать ошибки до тех пор, пока не возникнет ситуация, когда они значительно ухудшат работу сайта.