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

Юзабилити сайта (англ. usability — удобство использования) — это характеристика, которая позволяет понять, насколько удобно людям использовать сайт или приложение: комфортно ли расположены кнопки, хорошо ли читается текст, продумана ли логика меню и т. д. Если юзабилити хорошее, то потенциальный покупатель быстро найдёт на сайте интересующий его товар, узнает о нём всю важную информацию, положит в «Корзину» и оформит заказ. Непродуманная логика, неудобные баннеры и запутанная структура оттолкнут пользователя — он не захочет разбираться в сложностях, и просто уйдёт к конкуренту. Чтобы понять, насколько ресурс удобен для посетителей, проводится аудит юзабилити сайта.

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

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

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

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

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

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

• Анализ сайта по эвристикам Нильсена. 10 характеристик, которые описаны ещё в 90-х годах Якобом Нильсеном, — это свод общих стандартов, которым должен соответствовать любой интерфейс сайта или приложения. Например, одна из эвристик касается предупреждения ошибок: если в конкретной области интерфейса у человека есть повышенный риск совершить ошибку, нужно принять дополнительные меры, чтобы этого не случилось.

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

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

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

В Яндекс. Метрике много информации, и при этом она довольно доступна даже для непрофессионала: все пункты меню имеют понятные заголовки, а данные можно представить в виде наглядных графиков, диаграмм или карт (как, например, географию).

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

• Шаг 4. Формирование гипотез о проблемах юзабилити сайта. Как только сформируется список проблемных страниц и элементов, необходимо выяснить, что именно мешает пользователю достичь своей цели. Возможно, дело во всплывающих баннерах или некликабельных кнопках? Именно это и пытаются понять специалисты на данном этапе работ.

• Шаг 5. Анализ данных сервисов аналитики. Сервисы типа Яндекс. Метрики позволяют быстро собрать данные о поведении пользователя на сайте и выявить критические места. Приятный бонус: если сформированная ранее гипотеза подтвердилась статистикой, собранной таким сервисом, то можно говорить о том, что проблема точно найдена, и пора приступить к её устранению.

• Шаг 6. Подготовка рекомендаций по улучшению юзабилити сайта. Список проблем — ничто без списка рекомендаций. Последние предоставляются в виде полноценного отчёта, который содержит в себе описание проблем, данные сервисов аналитики и пути решения.

• Шаг 7. Визуализация рекомендаций. Специалисту, который будет заниматься улучшением веб-ресурса, нужно ТЗ. Чтобы он не смог трактовать текст некорректно, рекомендации дополняются наглядными макетами, на которых дополнительно нанесены пояснения и выделены проблемные элементы. Например, на кнопке «В корзину» может стоять примечание следующего вида: «При нажатии кнопки появляется всплывающее окно с наименованием и изображением товара, количеством единиц в «Корзине» и кнопками «Оформить заказ» и «Продолжить покупки».

Провести анализ юзабилити сайта быстрее и эффективнее поможет ряд сервисов.

Яндекс.Метрика. Инструмент помогает подглядеть за поведением пользователя на сайте: проследить, откуда он пришёл, каким устройством пользовался, какие страницы изучал и многое другое. Вот несколько наиболее информативных разделов Метрики, которые используются для анализа юзабилити:

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

Вот некоторые из них.

• Яндекс.Взгляд. Отлаженный сервис для проведения опросов насчёт креативов, UX, дизайна, цен и некоторых других вещей. Вы создаёте простые вопросники, на которые отвечают люди с заданными вами параметрами.

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

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

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

• непродуманная структура сайта. Если человеку непонятно, как найти тот или иной раздел, он не захочет продолжать поиски дольше минуты. Тщательно продумывайте логику меню и структуру разделов;

• 404 страница не оформлена. «Заглушка» спасёт ваш сайт, если нужной пользователю страницы не оказалось на нём. Вы сможете разместить на 404 кнопку «На главную», поисковую строку или ссылки на другие интересные страницы;

• сложные для заполнения формы. Никто не желает заполнять подробные опросники и указывать адреса резервных электронных ящиков, чтобы купить набор инструментов. Цените личное время пользователя и не усложняйте ему задачу – сведите количество форм для заполнения к минимуму;

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

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

Проверено: после проведённого аудита и доработок на сайте реклама часто работает лучше! Если вы ищете простой и понятный сервис для запуска контекстной и таргетированной рекламы – попробуйте Точка Реклама. Это сервис, созданный специально для предпринимателей, которые не хотят тратить время на сложную многоступенчатую настройку. Точка Реклама имеет простой интерфейс с множеством подсказок, где большинство параметров выставляются автоматически. А если возникнут вопросы – на помощь всегда придут эксперты Точка Реклама. Попробуйте уже сегодня!