Юзабилити (usability) аудит сайта — подробное руководство

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

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

Для коммерческих сайтов основная цель — продажа, а значит нажатие кнопок «купить», «положить в корзину» и «оформить заказ». Так же важными метриками являются количество заходов на страницу Контакты , нажатие кнопки «Заказать обратный звонок», звонки по номеру телефона, указанному на сайте. Эти цели актуальны, если у Вас не интернет-магазин.

Цели сайта необходимо отслеживать с помощью Яндекс.Метрики и Google Analytics.

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

Давайте разберем алгоритм создания юзабилити-аудита по пунктам.

1. Системы Аналитики.

Для проведения качественного аудита сайта необходимы подключенные системы аналитики, такие как Яндекс.Метрика и Google Analytics. Если они не подключены, то необходимо их настроить (для начала можно обойтись одной Яндекс.Метрикой, т.к. там есть встроенный Вебвизор). При проведении первого юзабилити-аудита необходимо, чтобы система аналитики работала на сайте минимум 2 недели, и трафик был от 100 человек в день. Если трафика нет — то  стоит запустить контекстную рекламу Яндекс Директ или Google Adwords.

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

2.Анализ главной страницы.

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

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

Если у Вас адаптивный дизайн, то необходимо посмотреть на главную страницу во всех основных разрешениях:

  1. 1280*1024 — Монитор компьютера (Desktop)
  2. 1024*768 — iPad
  3. 768*1280 — Windows Phone
  4. 640*960 — iPhone
  5. 320*480 — Android, телефоны с маленьким экраном.

Быстро подстроить экран под вышеперечисленные разрешения Вам поможет плагин для Google Chrome — Window Resizer.

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

3.Время загрузки сайта.

Отслеживание скорости загрузки страниц в Google Analytics
Отслеживание скорости загрузки страниц в Google Analytics

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

Для этого стоит отсортировать записи в Вебвизоре по времени посещения. Начать с «время посещения менее 3 секунд».

Рекомендации по уменьшению времени загрузки вы можете получить напрямую в интерфейсе Гугл Аналитикс, открыв Поведение/Скорость загрузки сайта/Ускорение загрузки, или можете напрямую в сервисе от Google —  PageSpeed Insights:

Анализ скорости загрузки сайта в инструменте PageSpeed Insights
Анализ скорости загрузки сайта в инструменте PageSpeed Insights

4.Анализируем карту скроллинга.

Особое внимание уделяем страницам, где расположены кнопки, нажатие на которые является целевым действием (карточки товара, корзина). Важно — кнопки «Купить», «Заказать» должны умещаться в красную область, т.е. в первый экран просмотра. Чем выше будут целевые кнопки — тем бОльшую конверсию они дадут.

5.Анализируем карту ссылок.

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

В Google Analytics карту ссылок и карту скроллинга заменяет Поведение/Статистика страницы. Также поможет расширение Page Analytics для Chrome.

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

6.Проверяем кроссбраузерность.

Кроссбраузерность — это свойство сайта отображаться во всех браузерах одинаково.

Необходимо проверить сайт (как минимум — его главные и продающие страницы) в Chrom, Opera, Internet Explorer, Firefox и Safari (для PC подходит версия Safari 5.1.7.)  Стараемся проверять сайт в  наиболее используемых версиях браузеров, о которых нам расскажет система аналитики. Не забываем менять разрешение экрана при адаптивном дизайне сайта.

7.Отображение сайта на мобильных устройствах.

Еще раз про адаптивный дизайн. Здесь заостряем своё внимание на смартфонах и планшетах. Важный пункт, если есть мобильная версия сайта. Проверяем, как отображается сайт на планшетах, мобильных телефонах, работающих на iOs и Android. Доля мобильного трафика в российском интернете растет с каждым днем, поэтому даже если сейчас на сайт заходят мало с мобильных устройств, то через пол-года их доля увеличиться. Статистику по посещениям с мобильных устройств можно посмотреть в Яндекс.Метрике или Google Analytics.

Отчет "Доля мобильных устройств" в Google Analytics
Отчет «Доля мобильных устройств» в Google Analytics

Важно, чтобы при просмотре с мобильного устройства не плыла верстка, и в первом экране была видна кнопка целевого действия («Купить», «Заказать обратный звонок» и др.), а также контакты (телефон).

Стоит воспользоваться Вебвизором — выбрать те визиты, которые были с мобильных устройств, и просмотреть около 50 визитов. На основании этих просмотров дать рекомендации по доработки мобильной версии сайта (или его адаптивной верстке).

8.Анализ шапки сайта.

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

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

9.Анализ футера сайта.

Его также необходимо проанализировать с помощью карты кликов, определить наиболее кликабельные места и ссылки, проверить — рабочие ли они.

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

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

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

В завершении статьи предлагаю Вам посмотреть познавательное видео от SeopultTV про юзабилити и его роль в продвижении сайта.

 

Остались вопросы? Закажите консультацию!

 

Комментарии (1) к статье “Юзабилити (usability) аудит сайта — подробное руководство

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *