UX-аудит сайта — это проверка того, насколько легко посетителю понять предложение, найти нужное и оставить заявку. Перед редизайном его стоит провести хотя бы самостоятельно: часто выясняется, что деньги теряются на трёх-пяти конкретных экранах, а не во всём сайте сразу. Ниже — 25 пунктов в пяти блоках, которые можно пройти за пару часов с телефоном, ноутбуком и доступом к аналитике.
- Проходите сайт глазами нового клиента: в режиме инкогнито, с телефона и с компьютера.
- Отмечайте пункт, только если он выполняется без оговорок.
- Каждый неотмеченный пункт подтверждайте данными: аналитика, записи сессий, тепловые карты.
- В конце расставьте приоритеты: что мешает заявке напрямую, а что просто неудобно.
Перед проверкой: какие данные понадобятся
UX-аудит без цифр превращается в спор о вкусах. Поэтому до начала откройте Яндекс Метрику и Google Analytics 4 и выпишите несколько показателей за последние месяцы: конверсию в заявку или заказ, долю отказов на главных посадочных страницах, долю мобильного трафика, страницы, с которых чаще всего уходят. Если в Метрике включён вебвизор, посмотрите 15–20 записей сессий тех, кто дошёл до формы, но не отправил её.
Если аналитики нет или она не настроена, начните с неё: двух недель сбора данных достаточно для первых выводов. Без этого вы не узнаете, какой из найденных пунктов действительно стоит денег.
Второй шаг подготовки — выбрать страницы. Проверять весь сайт подряд долго и бессмысленно. Откройте в аналитике отчёт по страницам входа и возьмите пять самых посещаемых, а к ним — страницы, через которые проходит путь к заявке: карточку услуги или товара, корзину, форму, страницу контактов. Обычно это 8–10 страниц, и на них приходится основная часть трафика и денег. Если на сайте есть RU и KZ-версии, пройдите главные сценарии на обеих: переводные страницы часто отстают по содержанию и ломаются при обновлениях.
Первый экран: 5 пунктов
За первые секунды посетитель решает, туда ли он попал. Проверьте главную и две-три самые посещаемые посадочные страницы — часто это вовсе не главная, а карточки услуг из рекламы.
- 1. Из заголовка понятно, что вы продаёте и кому, без прокрутки
- 2. Есть одно главное действие, и кнопка видна без прокрутки
- 3. Город или регион работы указан, если это важно для клиента
- 4. Есть доказательство: клиенты, опыт, цифры, отзывы — рядом с оффером
- 5. Заголовок посадочной страницы совпадает с тем, что обещала реклама
Навигация и структура: 5 пунктов
Структуру удобно проверять заданиями самому себе: «найти цену на услугу X», «найти адрес филиала в Астане», «найти примеры работ». Засеките, сколько кликов и секунд уходит на каждое.
- 6. Пункты меню названы словами клиента, а не внутренними терминами компании
- 7. До любой услуги или категории — не больше трёх кликов с главной
- 8. На внутренних страницах понятно, где вы находитесь: заголовок, крошки, активный пункт меню
- 9. Поиск находит услуги и товары по разговорным запросам и ошибкам в написании
- 10. Со страницы услуги есть переход к ценам, кейсам и форме, без возврата в меню
Проверять навигацию на компьютере сотрудника, который знает сайт наизусть. Попросите пройти задания человека со стороны и молча понаблюдайте. Пять таких наблюдений дают больше, чем час самостоятельной проверки.
Формы и путь к заявке: 5 пунктов
Форма — последний шаг перед деньгами, и именно на ней чаще всего теряются уже заинтересованные клиенты. В записях сессий ищите тех, кто начал заполнять и бросил: это прямые потери.
- 11. В форме только те поля, без которых менеджер не сможет перезвонить
- 12. Ошибки показываются сразу под полем, понятным текстом, а не после отправки
- 13. После отправки видно подтверждение и что произойдёт дальше
- 14. Есть альтернатива форме: телефон, WhatsApp или другой мессенджер
- 15. Тестовая заявка доходит до CRM или почты с источником и всеми полями
Пункт 15 проверяйте обязательно, отправив заявку самому. Сломанная интеграция формы с CRM — одна из самых дорогих и незаметных проблем: сайт работает, заявки уходят «в никуда».
Мобильная версия: 5 пунктов
Проверяйте на настоящем телефоне, а не в режиме разработчика браузера, и желательно на недорогой модели Android с мобильным интернетом — так сайт видит заметная часть ваших клиентов.
- 16. Текст читается без увеличения, кнопки нажимаются пальцем с первого раза
- 17. Кнопка звонка или мессенджера доступна на любом экране
- 18. Таблицы, цены и сравнения не требуют горизонтальной прокрутки
- 19. Всплывающие окна и виджеты не закрывают контент и легко закрываются
- 20. Поля форм вызывают нужную клавиатуру: цифровую для телефона, с «@» для почты
Скорость и техническое состояние: 5 пунктов
Медленная загрузка — проблема интерфейса, даже если её решают разработчики. Посетитель не различает «дизайн» и «сервер»: он видит пустой экран и уходит.
- 21. Первый экран на телефоне с мобильным интернетом появляется быстро, без долгого белого экрана
- 22. Контент не «прыгает» при загрузке картинок и баннеров
- 23. Нет битых ссылок, пустых страниц и ошибки 404 на важных разделах
- 24. Фильтры, калькуляторы и слайдеры работают на всех основных браузерах
- 25. Сайт корректно открывается по HTTPS без предупреждений браузера
Глубже технические и поисковые проблемы — индексацию, дубли, скорость по страницам — проверяет SEO-аудит сайта. Чем он отличается от UX-аудита и технического, мы разбирали в статье «Технический, SEO- и UX-аудит сайта».
Как расставить приоритеты по итогам аудита
Список из десяти неотмеченных пунктов не значит, что нужно переделывать всё. Оцените каждый по двум признакам: насколько он мешает дойти до заявки и сколько посетителей с ним сталкивается.
| Приоритет | Признак | Пример | Что делать |
|---|---|---|---|
| Высокий | Мешает заявке, затрагивает многих | Форма не работает на iPhone, кнопка не видна на мобильном | Исправить сразу, это не ждёт редизайна |
| Средний | Мешает части посетителей или замедляет путь | Непонятные пункты меню, нет цен на услуги | В план точечного редизайна |
| Низкий | Неудобно, но к цели доходят | Нет хлебных крошек, длинный подвал | Собрать в список доработок |
Подтверждайте приоритеты цифрами. Если в отчёте по воронке видно, что с карточки услуги до формы доходит малая доля посетителей, а записи сессий показывают, что люди ищут цену и не находят, — это и есть точка потери. Связать поведение на сайте с заявками и продажами в CRM помогает анализ воронки и конверсии: иногда самый конверсионный экран приносит самые слабые лиды.
ПРАВИЛОСначала чините то, что мешает заявке у большинства. Красоту и удобство второго порядка — потом.
Чего самостоятельный UX-аудит не покажет — и что дальше
Чек-лист ловит очевидные проблемы, но у него есть пределы. Вы смотрите на сайт глазами человека, который знает продукт. Вы не видите, как ведут себя реальные клиенты в сотнях сессий, и не знаете, какие из заявок стали деньгами. Для этого нужны тепловые карты, записи сессий, интервью с клиентами и данные CRM — то, из чего состоит профессиональный аудит.
В WeMake аудит перед редизайном на основе аналитики бесплатный. Смотрим аналитику, тепловые карты и записи сессий, проводим пять интервью с клиентами и присылаем отчёт с 3–5 главными точками потери и планом. Если аналитика уже стоит, это неделя; если нет — ставим Метрику с вебвизором и добавляем две недели на сбор данных. Отчёт остаётся у вас, и если окажется, что проблема в скорости, оффере или трафике, а не в дизайне, мы так и скажем.
Пришлите доступ к аналитике — проведём бесплатный UX-аудит и покажем 3–5 точек, где сайт теряет заявки.
Заказать бесплатный аудитКогда точки потери найдены, их обычно закрывает точечный редизайн: 3–5 ключевых экранов, A/B-тест на части трафика, около трёх недель и от 500 000 ₸. Полный редизайн сайта с дизайн-системой нужен, когда проблемы системные — устаревшая структура, нет мобильной версии, каждый раздел выглядит по-своему. Ориентиры по всем дизайн-работам собраны на странице цен на дизайн.
Как провести UX-аудит сайта самостоятельно?
Пройдите сайт с телефона и компьютера по чек-листу, подтвердите найденное данными аналитики и записями сессий, затем расставьте приоритеты по влиянию на заявки.
Чем юзабилити-аудит отличается от UX-аудита?
На практике эти слова используют как синонимы. Иногда юзабилити-аудитом называют проверку удобства интерфейса, а UX-аудитом — более широкий анализ пути клиента вместе с аналитикой и интервью.
Сколько длится профессиональный UX-аудит?
У нас — неделя, если аналитика уже стоит. Если её нет, добавляются две недели на сбор данных.
Обязательно ли после аудита делать редизайн?
Нет. Часть проблем решается без дизайна: починить форму, ускорить загрузку, переписать оффер. Редизайн нужен, когда проблемы в структуре и интерфейсе.