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

Usability можно перевести как «удобство использования». Соответственно, аудит юзабилити сайта — это оценка, насколько пользователю комфортно работать с ресурсом. Проверяется множество характеристик — от скорости загрузки страницы и доступности меню до приятности цветов.

Чем полезен аудит юзабилити сайта, очевидно:

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

• сайт растёт в поисковой выдаче. Хотя юзабилити-аудит сайта и SEO-аудит — разные вещи, для поисковиков тоже важен комфорт посетителей;

• реклама становится выгоднее — хороший удобный сайт успешнее превращает посетителей в покупателей, расходы снижаются, а прибыли растут.

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

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

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

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

4. Термины должны быть ясными и единообразными на всём сайте. Скажем, нельзя допускать, чтобы один и тот же блок в одном месте назывался «Избранное», а в другом — «Любимые товары».

5. Нужно минимизировать риск возникновения ошибок. Если действие нельзя отменить, можно добавить окно, где подробно описывается его суть и требуется подтверждение.

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

7. Важно упрощать однотипные, повторяющиеся действия. Например, при заполнении поисковой строки можно предлагать подсказки.

8. Тексты должны быть полезными, лаконичными, актуальными, хорошо структурированными.

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

10. Подробные документы, различные справочники, хелпы, FAQ должны быть доступны и хорошо структурированы.

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

Проводить анализ usability сайта особенно важно в следующих случаях.

1. Сайт на этапе разработки. Юзабилити-аудит сайта позволит заранее оценить, насколько комфортно будет пользователям ориентироваться в его разделах и находить товары из нужных категорий. Разберём этот случай на примере.

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

2. Сайт работает, но продажи низкие. Аудит конверсий может показать следующее: посетитель на сайте отмечается, но не завершает свой визит ни покупкой, ни каким-либо другим полезным для компании действием (звонком, отправкой формы и пр.). Если с ценовой политикой и технической стороной сайта всё хорошо, то стоит поработать над функционалом, чтобы пользователям было удобнее оформлять заказы: возможно, что-то мешает им делать это.

Бывают курьёзные ситуации. Например, анализ юзабилити сайта цветочного магазина выявил элементарную вещь: в Корзине готовые композиции отображались с пометкой «Нет в наличии», хотя на самом деле они были. Ошибку устранили, объёмы продаж возросли.

3. Вводится новый функционал. В этом случае анализ юзабилити сайта должен ответить как минимум на два вопроса: удобны ли новые возможности для пользователя и корректно ли всё отображается на экране ПК и смартфона.

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

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

1. Анализ клиента. Нужно составить полноценный портрет среднестатистического покупателя. Определите цель посещения: посмотреть красивые картинки, узнать полезное, вдохновиться или купить что-то — от этого зависит путь пользователя по сайту. Представьте, какие вопросы его волнуют. Например, «В какой категории находится нужная мне вещь?», «Как работает доставка?», «Есть ли гарантии?», «Где найти отзывы?». Можно поговорить с сотрудниками, общающимися с клиентами напрямую, — нет ли жалоб, что сложно разобраться и найти нужную информацию?

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

3. Анализ данных сервисов. Бесплатно оценить юзабилити сайта помогут сервисы аналитики, такие как Яндекс Метрика и Google Analytics. С ними вы узнаете, сколько времени проводят пользователи на разных страницах, откуда чаще уходят, где конверсия хорошая, а где — плохая.

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

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

Сделать юзабилити-аудит сайта можно самому — бесплатно и без сложных инструментов. Достаточно посмотреть на страницы глазами случайного посетителя и оценить, насколько всё удобно и понятно. Чек-лист аудита сайта может включать десятки пунктов. Рассмотрим 12 довольно важных.

1. Адаптивный дизайн. Аудит юзабилити сайта включает проверку отображения с ПК или смартфона. Сайт должен выглядеть хорошо на любом устройстве. Также хорошим тоном для крупных компаний считается наличие версии для слабовидящих.

2. Быстрая загрузка. Если сайт грузится более 3 секунд, многие пользователи не станут ждать. Поэтому скорость загрузки страниц — важный компонент аудита юзабилити сайта.


3. Информативный первый экран. Не всегда есть смысл придумывать витиеватые слоганы. Обычно эксперты по юзабилити-аудиту сайтов рекомендуют оставить простое и понятное сообщение: что предлагает компания и кому она может быть полезна.

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

5. Привычное расположение элементов и понятные иконки. Это тоже не поле для креатива. В ходе проверки юзабилити сайта эксперты оценивают, легко ли пользователю найти и опознать нужный элемент. В этом помогают привычные и понятные символы. Например, при аудите юзабилити интернет-магазина ожидается следующее: тележка или корзина супермаркета — переход в Корзину, лупа — поиск, урна — удаление товара, сердечко — добавление в Избранное. Так же привычно расположение логотипа в левом верхнем углу, при клике он должен вести на главную страницу.

6. Понятная навигация. Меню вверху не должно быть перегружено — лучше уложиться в 7−8 пунктов. «Типовые» действия и разделы должны называться привычно — например, «Войти», «Доставка и оплата», «О нас». Также в ходе оценки юзабилити сайта обращают внимание на наличие «хлебных крошек»: меню, показывающего, где находится пользователь, какому разделу принадлежит эта страница. Навигация внутри страницы тоже должны быть удобной. Если материал длинный, не помешает оглавление и кнопка, мгновенно возвращающая наверх.

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

8. Доступные кнопки целевого действия. На всех коммерческих страницах сайта должны быть кнопки целевого действия — покупки, регистрации, оставления заявки. Обычно кнопка предпочтительного действия делается более яркой.

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

10. Понятные сообщения об ошибке. Как минимум должно быть уведомление об ошибке 404 — отсутствии страницы с таким адресом. Также можно добавить понятное описание ошибки 500. Помимо описания проблемы, нужна рекомендация, что делать дальше. Например, на странице 404 стоит разместить ссылку на главную. Не стоит оставлять посетителя в тупике.

11. Правильно прописанные контакты. Это как минимум телефон в корректном формате (мобильный, 8−800 или с городским кодом), e-mail, ссылки на соцсети. Если работаете офлайн, не помешает также карта со схемой проезда. Телефон и почту желательно указывать, прописав в коде атрибуты «tel» и «mailto». Так при клике у пользователя откроется соответствующее приложение для звонков или писем.

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

Кстати, на нашем сайте форма регистрации очень простая: в ней всего одно поле — номер телефона. Этого достаточно, чтобы заказать юзабилити-аудит вашего сайта, страницы в соцсети, карточки на Wildberries или объявления на Авито. Проанализируем множество критериев, подскажем, что можно улучшить перед запуском платной кампании, чтобы привлекать клиентов эффективнее.