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

Ниже — структурированный список того, на что смотреть. Без воды, с примерами.

Первые три секунды

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

Проверьте первый экран (то, что видно без прокрутки):

  • Понятно ли, что за сайт? Название компании, логотип, короткое объяснение — чем занимаетесь и для кого.
  • Есть ли очевидный призыв к действию? Кнопка «Заказать», «Связаться», «Попробовать бесплатно» — что-то конкретное.
  • Нет ли перегруза? Слишком много текста, баннеров, всплывающих окон сразу при входе — это убивает.

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

Навигация: пользователь знает, где он?

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

Что проверять:

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

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

Ссылка на главную. Логотип в хедере должен вести на главную. Это ожидание пользователя, нарушать его не стоит.

Поиск. Если на сайте больше 20 страниц или это магазин — поиск нужен. И он должен работать нормально: находить по синонимам, не выдавать пустые результаты без подсказок.

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

Формы: где теряются заявки

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

Часто встречающиеся проблемы:

  • Слишком много полей. Каждое лишнее поле снижает конверсию. Если для первого контакта нужны только имя и телефон — не спрашивайте ещё дату рождения, город и ИНН компании.
  • Непонятные ошибки. «Ошибка валидации поля» — что это значит? Пользователь не знает, что исправить. Пишите конкретно: «Введите телефон в формате +7 XXX XXX XX XX».
  • Нет подтверждения. После отправки формы должно что-то произойти — появиться сообщение «Мы получили вашу заявку, перезвоним в течение часа». Без этого пользователь не знает, отправилось ли вообще.
  • Форма не сохраняет данные при ошибке. Заполнил десять полей, ошибся в одном — и всё стёрлось. Люди не перезаполняют, они уходят.
  • Кнопка отправки не выделяется. Серая кнопка на белом фоне — классика плохого UX.

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

Кнопки и призывы к действию

CTA (call to action) — кнопки, которые ведут пользователя к целевому действию. Их качество напрямую влияет на конверсию.

Текст кнопки должен говорить о действии. «Узнать больше» — слабо. «Получить коммерческое предложение» — лучше. «Рассчитать стоимость за 2 минуты» — отлично.

Одна главная кнопка на экран. Если на одном экране пять одинаково выделенных кнопок — пользователь не знает, на что нажать. Иерархия важна: один главный CTA, остальные — второстепенные.

Кнопка должна выглядеть как кнопка. Звучит очевидно, но нет. Плоский дизайн породил кнопки, которые выглядят как текст. Пользователь просто не понимает, что на это можно нажать.

Достаточный размер на мобильных. Минимальный размер кликабельной области — 44×44 пикселя. Это рекомендация Apple и Google. Маленькие кнопки промахиваются пальцем, и это раздражает.

Мобильная версия — отдельный аудит

Больше половины трафика сегодня — с телефонов. Проверять сайт только на десктопе — значит игнорировать половину пользователей.

Основные точки проверки:

Текст читается без зума. Минимальный размер шрифта для основного текста — 16px. Мелкий текст на мобильном заставляет пользователя щуриться или приближать — ни то ни другое не помогает конверсии.

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

Меню работает удобно. Гамбургер-меню должно открываться легко, пункты должны быть достаточно крупными для нажатия пальцем.

Формы на мобильном. Проверьте, что при тапе на поле ввода открывается нужная клавиатура: для телефона — цифровая, для email — с символом @, для обычного текста — буквенная.

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

Скорость загрузки — это тоже UX

Пользователь не ждёт. По данным Google, если сайт грузится дольше трёх секунд, 53% мобильных пользователей уходят. Это не цифры из воздуха — это реальные потери.

Как проверить:

  1. Откройте PageSpeed Insights — это бесплатный инструмент от Google. Вбейте адрес своего сайта.
  2. Смотрите на показатели Core Web Vitals: LCP (время загрузки главного контента), FID или INP (отклик на взаимодействие), CLS (смещение элементов при загрузке).
  3. Зелёный — хорошо. Жёлтый — есть над чем работать. Красный — проблема.

Частые причины медленной загрузки:

  • Изображения без оптимизации. Фото с телефона весит 5 МБ — это катастрофа для сайта. Оптимизируйте в WebP, сжимайте до разумных размеров.
  • Лишние скрипты и плагины. Каждый установленный плагин добавляет вес. Ревизия того, что реально используется, часто даёт быстрый прирост скорости.
  • Нет кеширования. Статичные файлы должны кешироваться браузером — это экономит время при повторных визитах.

Читаемость контента

Даже полезный текст можно сделать нечитабельным — и пользователь не осилит его.

Что проверяется:

Длина строки. Оптимальная длина строки для чтения — 60–80 символов. Строки через весь широкий монитор читать тяжело: глаз теряет начало следующей строки.

Контраст текста и фона. Светло-серый текст на белом фоне — красиво, но нечитабельно. Минимальный коэффициент контраста по стандарту WCAG AA: 4.5:1 для основного текста. Проверить можно в браузерных инструментах разработчика или на сайте contrast-ratio.com.

Заголовки помогают ориентироваться. Если статья или страница длинная — заголовки помогают пользователю быстро понять структуру и найти нужное. Без них текст превращается в стену.

Списки вместо перечислений. «Мы делаем сайты, лендинги, интернет-магазины, телеграм-боты и скрипты автоматизации» — хуже, чем маркированный список. Глаз воспринимает список быстрее.

Абзацы не длиннее 4–5 строк. Длинные абзацы без разбивки — ещё одна стена. Разбивайте мысли.

Доверие и социальные доказательства

UX — это не только про навигацию. Это ещё про то, насколько пользователь доверяет сайту. Без доверия нет конверсии.

Что работает:

  • Реальные отзывы с именами и, желательно, фотографиями. Анонимные «Иван П.» работают хуже.
  • Кейсы — конкретные примеры работ. «Сделали сайт для кафе — трафик вырос на 40%» убедительнее, чем «мы лучшие».
  • Контакты — реальный адрес, телефон, мессенджеры. Если контактов нет или они спрятаны — пользователь не доверяет.
  • Политика конфиденциальности — это не просто юридическое требование. Её наличие говорит о том, что компания серьёзная.
  • SSL-сертификат — замочек в адресной строке. Без него браузер показывает предупреждение, а пользователи пугаются.

Как провести аудит самостоятельно

Если хотите разобраться сами — вот последовательность:

  1. Запустите аналитику (Яндекс.Метрика или Google Analytics) и посмотрите: на каких страницах высокий процент отказов, где пользователи уходят из воронки, какие устройства используют.

  2. Включите Вебвизор в Яндекс.Метрике. Это запись сессий пользователей — видите, как реальные люди ведут себя на сайте. Это лучшее, что есть для понимания проблем.

  3. Пройдите сайт как пользователь. Зайдите с телефона, попробуйте найти нужную информацию, заполните форму. Засеките, где возникло раздражение.

  4. Тест пяти секунд. Показывайте первый экран людям, которые не знакомы с вашим бизнесом. Смотрите, что они понимают.

  5. Проверьте скорость через PageSpeed Insights.

  6. Проверьте мобильную версию на реальном устройстве, а не в эмуляторе.

Этого достаточно, чтобы найти самые критичные проблемы.

Что делать с результатами

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

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

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

Если после аудита выясняется, что проблем много и они системные — иногда проще сделать новый сайт, чем латать старый. В REEXY, например, лендинг стоит от 3 500 ₽, а корпоративный сайт — от 15 000 ₽. Для многих бизнесов это дешевле, чем долгий рефакторинг сайта с накопившимися проблемами.

Регулярность важнее разовости

UX-аудит — не событие раз в пять лет. Бизнес меняется, аудитория меняется, устройства меняются. Раз в полгода стоит пробегать по основным пунктам и смотреть аналитику.

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

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