UX-аудит сайта: чеклист из 50 пунктов

UX-аудит — это системная проверка сайта на соответствие принципам юзабилити, конверсионного дизайна и современным стандартам пользовательского опыта. За 7 лет работы арт-директором в Canonic Digital я провёл более 100 аудитов для проектов разного масштаба — от лендингов до сложных e-commerce платформ. В этой статье я собрал 50 ключевых пунктов проверки, разбитых по 6 категориям.

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

Совет: Не пытайтесь проверить все 50 пунктов за один подход. Разделите аудит на 3 этапа: быстрая проверка (30 минут) → детальный анализ (2-3 часа) → углублённый технический аудит (отдельный день). Так вы не устанете и не пропустите важные детали.

Навигация — это скелет сайта. Если пользователь не может найти нужный раздел за 3 секунды, он уходит к конкурентам. По данным Nielsen Norman Group, 60% пользователей покидают сайт из-за плохой навигации. Проверьте следующие пункты.

Чеклист навигации:

Главное меню — количество пунктов не превышает 7 (±2). Меню не перегружено, названия интуитивно понятны.
Хлебные крошки (Breadcrumbs) — присутствуют на всех внутренних страницах, кликабельны, показывают полный путь от главной.
Поиск — строка поиска видна без лишних кликов, поддерживает автодополнение и корректно обрабатывает опечатки.
Логотип — кликабельный, ведёт на главную страницу. Работает на всех страницах сайта.
Footer-навигация — дублирует ключевые разделы, содержит контакты, ссылки на политику конфиденциальности и оферту.
Правило трёх кликов — до любой страницы сайта можно добраться не более чем за 3 клика от главной.
Мобильное меню — гамбургер-меню или другая адаптивная реализация. Все пункты доступны, подменю раскрываются без проблем.
Активный пункт — текущий раздел подсвечивается в меню, чтобы пользователь понимал, где находится.
Категории и подкатегории — логическая структура: не более 2-3 уровней вложенности. Товары/услуги распределены по однозначным категориям.
Фильтры и сортировка — на страницах каталога есть фильтры по ключевым параметрам, сортировка по цене/популярности/новизне.

Типичная ошибка: В погоне за «креативностью» дизайнеры прячут навигацию в неочевидные места — за иконки без подписей, в выпадающие меню с micro-анимацией, в нетривиальные жесты на мобильных. Помните: пользователь не обязан разгадывать загадки вашего интерфейса. Если пункт меню нужно искать дольше 1 секунды — это плохой UX.

2. Посадочные страницы и CTA (8 пунктов)

Посадочная страница — это лицо вашего бизнеса в интернете. Именно здесь формируется первое впечатление и принимается решение: остаться или уйти. CTA (Call to Action) — кнопки, которые ведут пользователя к целевому действию. Качество CTA напрямую влияет на конверсию.

Уникальное ценностное предложение (UVP) — на главной и лендингах чётко сформулировано, почему пользователь должен выбрать именно вас. Укладывается в 1-2 предложения.
Выше сгиба (Above the Fold) — ключевое сообщение и CTA видны без скролла. Пользователь понимает суть предложения за 3-5 секунд.
Кнопка CTA — контрастная, заметная, с понятным текстом («Заказать», «Купить», «Оставить заявку»). Не «Отправить» и не «Кликнуть».
Одна цель на страницу — на каждой посадочной странице одна чёткая цель. Нет конкурирующих CTA, которые отвлекают пользователя.
Социальные доказательства — отзывы, кейсы, логотипы клиентов, цифры (количество клиентов, лет на рынке) размещены рядом с CTA.
Визуальная иерархия — заголовки, подзаголовки, CTA выстроены по принципу F-паттерна или Z-паттерна чтения.
Гарантии и снятие возражений — блоки с гарантией возврата, бесплатной доставкой, сертификатами и лицензиями повышают доверие.
A/B-тесты — CTA-элементы протестированы: цвет, размер, текст, расположение. Решения основаны на данных, а не на вкусовщине.

Лайфхак для проверки CTA: Включите режим «нечитаемый» — зажмурьтесь на секунду и откройте глаза. Куда падает взгляд в первую очередь? Это и есть точка фокуса страницы. Если это не ваша CTA — дизайн требует доработки. Повторите тест на 5-10 людях, результаты удивят.

3. Формы и конверсия (9 пунктов)

Формы — самый критичный элемент с точки зрения конверсии. По статистике, средний показатель брошенных форм (form abandonment rate) составляет 68-81%. Каждое лишнее поле снижает конверсию на 5-15%. Оптимизация форм — самый быстрый способ увеличить количество заявок без привлечения дополнительного трафика.

Минимальное количество полей — только необходимые поля. Имя, телефон, email — достаточно для первого контакта. Остальное узнаете в диалоге.
Автофокус — первое поле формы получает фокус автоматически. Пользователь начинает ввод без лишнего клика.
Placeholder-подсказки — внутри полей есть примеры формата ввода (+7 (999) 999-99-99), но они исчезают при фокусе (не заменяют лейблы).
Подписи полей (Labels) — каждый input имеет текстовую подпись сверху или слева. Placeholder не заменяет label — это требование WCAG.
Валидация в реальном времени — ошибки подсвечиваются сразу после ввода, а не после отправки. Номер телефона форматируется автоматически.
Понятные сообщения об ошибках — конкретное указание, что не так («Email указан неверно»), а не абстрактное «Ошибка заполнения».
Кнопка отправки — неактивна до заполнения обязательных полей, либо показывает превью перед отправкой. Есть защита от двойного нажатия.
Спасибо-страница — после отправки формы пользователь видит подтверждение с понятными следующими шагами («Мы перезвоним в течение 15 минут»).
Капча не раздражает — используется невидимая reCAPTCHA v3 или аналогичное решение. Пользователь не должен разгадывать картинки с велосипедами.

Кейс из практики: На одном из аудитов мы выяснили, что форма обратной связи на сайте медицинского центра требовала 12 полей — включая «Номер полиса ОМС», «Дата рождения», «Серия и номер паспорта». Мы сократили форму до 3 полей (Имя, Телефон, Комментарий) — конверсия выросла на 340%. Пользователи не обязаны заполнять анкету для первого звонка.

4. Мобильная версия (9 пунктов)

Более 60% всего трафика в СНГ приходится на мобильные устройства. Google использует mobile-first indexing — ранжирует сайты по мобильной версии. Если ваш сайт плохо работает на телефоне, вы теряете больше половины потенциальных клиентов. Это не просто «адаптивность», а полноценный мобильный UX.

Touch-цели — все кликабельные элементы размером не менее 44×44px (рекомендация Apple HIG). Кнопки не перекрывают друг друга.
Отсутствие горизонтального скролла — контент вписывается в ширину экрана. Никаких «ушей» по бокам.
Текст читается без зума — размер шрифта не менее 16px для основного текста. Пользователь не должен увеличивать масштаб.
Формы удобны для заполнения — поля ввода крупные, выпадающие списки работают корректно, клавиатура не перекрывает активное поле.
Меню адаптировано — гамбургер-меню с плавным открытием, пункты сгруппированы логично, подменю раскрываются по тапу.
Изображения оптимизированы — используется responsive images (srcset, picture), WebP формат. Размер загрузки не более 200-300 КБ на экран.
Скорость загрузки на 3G/4G — сайт загружается за 2-3 секунды даже на медленном соединении. Проверьте через PageSpeed Insights.
Жесты и свайпы — галереи и слайдеры поддерживают свайпы. Нет конфликтов между жестами браузера и интерфейса.
Удобные номера телефонов — номера телефонов кликабельны (tel: ссылки), открывают приложение «Звонок» по тапу.

Чеклист быстрой мобильной проверки:

Откройте сайт на телефоне и попробуйте совершить целевое действие (заказ, звонок, регистрацию) — сколько шагов потребовалось?
Проверьте, не накладываются ли кнопки друг на друга. Самый частый баг — «Заказать» и «В корзину» на мобильном экране.
Откройте все страницы каталога в портретной и ландшафтной ориентации — контент не должен «разъезжаться».
Проверьте pop-up окна и модалки — они должны корректно закрываться на мобильных (крестик + тап вне зоны).
Откройте DevTools → Lighthouse → Mobile и прогоните аудит. Оценка Performance должна быть 70+.
Проверьте шрифты — на мобильных экранах они должны быть на 2-4px крупнее, чем на десктопе, для комфортного чтения.
Убедитесь, что карусели и слайдеры не «заедают» на iOS Safari — это самый частый источник багов.
Проверьте, что блоки с position: fixed (например, sticky-хедер) не перекрывают контент на мобильных.

5. Контент и доверие (8 пунктов)

Контент — это не просто текст. Это инструмент убеждения, который формирует доверие к бренду и помогает пользователю принять решение. По данным Edelman Trust Barometer, 81% потребителей утверждают, что доверие к бренду — ключевой фактор при покупке. Контент-аудит не менее важен, чем аудит интерфейса.

Текст без ошибок — орфографические, пунктуационные и грамматические ошибки отсутствуют. Проверьте через Главред или аналоги.
Тон коммуникации (Tone of Voice) — тексты написаны в едином стиле, соответствующем бренду. Нет смеси официального и панибратского тона.
Актуальность информации — цены, акции, контакты, график работы актуальны. «Скидка до 31 декабря 2022» — признак заброшенного сайта.
Политика конфиденциальности — размещена в футере, доступна без регистрации. Соответствует требованиям 152-ФЗ и GDPR (если есть EU-трафик).
Изображения качественные — фотографии высокого разрешения, без артефактов сжатия, с одинаковым стилем обработки. Нет стоковых фото с узнаваемыми моделями.
Видео и инфографика — там, где это уместно, используются видеообзоры, анимации или инфографика для сложных продуктов/услуг.
Контактная информация — телефон, email, адрес, ссылки на соцсети видны на всех страницах. Желательно в хедере и в футере.
Страница «О компании» — содержит историю, миссию, фото команды, реальные факты. Не «водянистый» текст ради SEO.

Совет по контенту: Используйте принцип «Перевёрнутой пирамиды» — самая важная информация в начале, детали и предыстория — ниже. Пользователи читают по диагонали: заголовки, подзаголовки, списки, выделенные фразы. Структурируйте текст так, чтобы его можно было понять за 30 секунд сканирования. Каждый абзац — одна мысль. Каждый список — 3-7 пунктов (не больше).

6. Технический аудит (6 пунктов)

Техническая часть UX-аудита часто недооценивается, хотя именно технические проблемы чаще всего становятся причиной плохого пользовательского опыта. Медленная загрузка, битые ссылки, 404 ошибки, некорректный SSL — всё это убивает доверие к сайту быстрее, чем плохой дизайн.

Скорость загрузки (Core Web Vitals) — LCP менее 2.5 с, FID менее 100 мс, CLS менее 0.1. Проверьте через PageSpeed Insights.
SSL-сертификат — сайт работает по HTTPS, сертификат не просрочен. Браузер не показывает предупреждение «Не защищено».
Битые ссылки — отсутствуют 404 ошибки на внутренних и внешних ссылках. Проверьте через Screaming Frog или аналоги.
Редиректы — корректно настроены 301 редиректы со старых URL на новые. Нет цепочек редиректов (302 → 301 → 200) — это замедляет загрузку.
Микроразметка (Schema.org) — добавлена结构化 разметка для товаров, отзывов, организации, хлебных крошек. Улучшает сниппеты в поиске.
Безопасность форм — все формы защищены от CSRF-атак. Данные передаются по HTTPS. Пароли хранятся в хешированном виде.

Важно: Core Web Vitals — это не просто «техническая метрика», а прямой фактор ранжирования Google. С 2024 года Google Search Console показывает отчёт по CWV для каждого URL. Если LCP вашего сайта превышает 4 секунды — вы теряете до 30% органического трафика. Инвестиции в оптимизацию скорости — это инвестиции в SEO и UX одновременно. В одном из проектов мы уменьшили LCP с 5.2с до 1.8с, что дало +18% к конверсии.

Таблица критериев оценки UX-аудита

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

Оценка	Уровень	Описание	Срок исправления	Влияние на бизнес
1 — Критично	Blocker	Пользователь не может совершить целевое действие. Сайт не работает на ключевых устройствах/браузерах.	0-24 часа	Потеря продаж, трафика и репутации. Прямой ущерб бизнесу.
2 — Высокий	Major	Серьёзное препятствие для пользователя. Действие возможно, но с большими усилиями.	1-3 дня	Значительное снижение конверсии. Ухудшение пользовательского опыта.
3 — Средний	Minor	Проблема заметна, но не блокирует действие. Может вызывать раздражение.	3-7 дней	Умеренное влияние. Часть пользователей может уйти к конкурентам.
4 — Низкий	Cosmetic	Визуальный или структурный дефект. Не влияет на функциональность.	Следующий спринт	Минимальное. Может влиять на восприятие бренда в долгосрочной перспективе.
5 — Улучшение	Enhancement	Не проблема, а возможность улучшить UX. Рекомендация на будущее.	План развития	Потенциальный рост конверсии и лояльности пользователей.

Как пользоваться таблицей:

Приоритизация: Сначала фиксите все «критичные» (1) и «высокие» (2) проблемы. Они приносят 80% негативного эффекта.
Roadmap: «Средние» (3) и «низкие» (4) уходят в бэклог следующего спринта. Не пытайтесь исправить всё сразу.
Улучшения: «Улучшения» (5) — это не баги, а точки роста. Анализируйте их отдельно и включайте в продуктовый роадмап.

Итоговый чеклист: 8 шагов для регулярного UX-аудита

Чтобы UX-аудит приносил реальную пользу, а не пылился в папке «Отчёты», следуйте этому алгоритму. Регулярность — ключевой фактор: аудит раз в полгода помогает держать сайт в тонусе и не отставать от конкурентов.

Назначьте ответственного за UX-аудит (дизайнер, PM, маркетолог — кто-то один должен вести процесс)
Проведите аудит по чеклисту из 50 пунктов, фиксируя оценку каждого (от 1 до 5)
Составьте матрицу проблем: категория, описание, оценка, скриншот, рекомендация
Приоритизируйте: сначала критические (оценка 1), затем высокие (2), потом средние (3)
Поставьте сроки: для критических — 24 часа, для высоких — до 3 дней, для средних — до 7 дней
Внедрите исправления и обязательно перепроверьте — до 30% правок ломают что-то ещё
Замерьте метрики до/после: конверсия, отказы, время на сайте, глубина просмотра
Запланируйте следующий аудит — оптимальный интервал 3-6 месяцев (или после крупных обновлений)

Заключение

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

В Canonic Digital мы проводим комплексные UX-аудиты для проектов любого масштаба. Наш подход включает не только проверку по чеклисту, но и анализ бизнес-метрик, юзабилити-тестирование с реальными пользователями и конкурентный анализ. Результат — конкретный план действий с приоритетами, сроками и прогнозами.

Нужен Полный UX-Аудит Вашего Сайта?

Проведём аудит по 50 пунктам, составим матрицу проблем и приоритетов, дадим конкретные рекомендации с прогнозом влияния на бизнес-метрики. Более 100 выполненных аудитов — ваш проект будет следующим.

Заказать UX-аудит Посмотреть кейсы

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