UX-аудит сайта: что проверить в первую очередь

UX-аудит сайта: что проверить в первую очередь

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

Ниже — порядок проверки, который даёт максимум находок за минимум времени. Мы расставили пункты так, как обычно идём сами: от цели к деталям.

Определите цель и сценарии до начала проверки

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

  • какие 2–3 действия считаются целевыми (заявка, заказ звонка, покупка, регистрация);
  • кто аудитория и с какими вопросами она приходит на сайт;
  • откуда идёт трафик — из поиска, рекламы, соцсетей; от этого зависит, что человек увидит первым.

Так у каждой находки появляется критерий: мешает ли она добраться до цели. Всё остальное отправляем в список «когда-нибудь потом» — иначе правки растянутся на месяцы.

Первый экран: понятно ли за пять секунд

Главная проверка звучит буднично: откройте сайт и представьте, что вы здесь впервые. Понятно ли, что это за компания, чем она полезна и что делать дальше? Если для ответа нужно скроллить и вчитываться — это уже проблема.

Что смотреть на первом экране

  • Заголовок говорит о выгоде клиента или состоит из общих слов вроде «динамично развивающаяся компания»?
  • Есть ли один очевидный призыв к действию и не конкурируют ли между собой три кнопки?
  • Понятно ли, для кого услуга: город, отрасль, ценовой сегмент?
  • Не перекрывает ли всплывающее окно или баннер сам контент при загрузке?

Навигация и структура

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

Типичные проблемы

  • Пункты меню названы внутренними терминами, понятными только сотрудникам.
  • В выпадающем списке десятки ссылок без группировки.
  • Поиск либо отсутствует, либо не находит товар из-за опечатки.
  • Нет «хлебных крошек» и подсветки текущего раздела — человек теряет ощущение, где он.

Отдельно пройдите путь «не туда»: откройте страницу 404, отправьте пустую форму, введите неверный промокод. Именно в этих тупиках видно, насколько сайт дружелюбен к ошибкам.

Путь к целевому действию

Это ядро аудита. Пройдите каждый сценарий целиком, как обычный посетитель, и посчитайте, сколько раз пришлось задуматься: «а что тут нажать?»

Формы и заявки

  • Сколько полей требуется заполнить? Каждое лишнее поле — минус к конверсии.
  • Понятно ли, что произойдёт после отправки и когда ждать ответа?
  • Есть ли валидация с человеческими подсказками, а не с красной рамкой без объяснений?
  • Сработает ли форма с телефона: не мешает ли клавиатура, не «прыгает» ли страница?

Если на сайте несколько целевых действий, проверяйте их по отдельности. Часто главная кнопка работает хорошо, а путь через раздел «Услуги» обрывается на полпути.

Мобильная версия — проверяем отдельно

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

Скорость и техническое здоровье

Медленная загрузка — это тоже UX. Человек не думает «у них тяжёлые картинки», он просто уходит. Проверьте время до отображения основного контента, стабильность вёрстки при загрузке и то, не мешают ли сторонние скрипты, чаты и счётчики. Заодно пройдитесь по битым ссылкам и изображениям без alt — они влияют и на доступность, и на восприятие.

Тексты и микротексты

Надписи на кнопках, подсказки в полях, тексты ошибок и пустых состояний часто игнорируют, а они формируют тон общения. «Отправить» понятнее, чем «Submit», а «Перезвоним в течение 15 минут» снижает тревогу лучше, чем «Ваша заявка принята». Ищите места, где сайт говорит о себе, вместо того чтобы помогать пользователю.

Чем усилить аудит

  • Юзабилити-тест на пяти людях. Договоритесь о задаче («узнайте стоимость и оставьте заявку»), молча наблюдайте и записывайте, где человек застревает.
  • Аналитика и карты кликов. Смотрите, где пользователи уходят и какие элементы игнорируют.
  • Записи сессий. Быстро показывают повторяющиеся сценарии вроде бесконечного скролла в поиске нужной кнопки.
  • Эвристики Нильсена. Хороший чек-лист, чтобы ничего не забыть при ручной проверке.

Что чинить первым

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

И главное: UX-аудит — это не разовое мероприятие. После правок стоит вернуться к тем же сценариям и проверить, стало ли проще. Сайт меняется, аудитория меняется, и то, что работало год назад, сегодня может мешать.

Комментарии: 5

  1. Юлия

    Поняла главное: сначала цель и сценарии, а не красота отступов. У нас был сайт, где три кнопки на первом экране конкурировали, и заявок почти не было. После того как оставили один CTA и переписали заголовок под выгоду, стало заметно лучше.

  2. Олег Овчинников

    У меня вопрос по порядку проверки. Если сайт уже собирает заявки, но мало, что смотреть первым: аналитику или ручной проход по сценариям? Я обычно начинаю с цифр, но после текста задумался, не упускаю ли качественные тупики.

    1. Сергей Миронов

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

  3. анастасия

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

  4. марина

    Не совсем согласна, что аудит можно всегда уложить в несколько часов. Я как-то пришла на проект с десятками сценариев и разными ролями, и за пару часов получилась только поверхностная карта.