UX/UI-аудит — это не сбор скриншотов с комментариями «мелкий шрифт» и «переделать кнопку». Настоящий аудит измеряет, как быстро и безошибочно пользователь доходит до ценности, где теряется по дороге и что мешает бизнес-метрикам расти. Ниже — концентрированная методика: что считать результатом, как организовать двухнедельный цикл, какие артефакты передать команде и как расставить приоритеты без вечных споров вкусов.
Что считается результатом, а не «отчётом ради отчёта»
Результат UX/UI-аудита — это:
- карта критических путей (red routes) с потерями на каждом шаге;
- список проблем с оценкой severity и прогнозом влияния на метрику;
- проверенные решения (прототип/мокап + тексты) и фокус-метрики на 4–8 недель;
- дорожная карта: quick wins (до 2 недель), средние задачи (до 1–2 спринтов), стратегические изменения (архитектура, дизайн-система);
- «передаваемые артефакты»: видео с тестов, таблица находок, спецификации состояний, чек-листы для Dev и QA.
Подготовка: без данных аудита не бывает
Сформулируйте цель в терминах результата («повысить активацию с 28% до 38%»), соберите доступы (веб-аналитика, реплеи сессий, CRM-статусы лидов), выделите 5–7 типичных задач пользователя и сегменты (новый/возвращающийся, десктоп/мобайл, источники трафика). Договоритесь, что аудит оценивает не «красиво/некрасиво», а риск/влияние/стоимость.
14-дневная программа аудита
Дни 1–3. Диагностика и гипотезы.
Размечаем воронки и события, смотрим записи сессий, строим карту путей. Проводим 5 экспресс-интервью (30–40 минут) по подходу JTBD, фиксируем «моменты ценности». Формируем первичный список проблем и гипотез.
Дни 4–6. Эвристический анализ + контент/формы.
Проходим интерфейс по 3 слоям: навигация/структура → экраны → состояния (пустые, ошибки, загрузки). Проверяем тексты и формы: ясность, микро-копирайтинг, подтверждения, ошибки. Выявляем «тупиковые CTA» и заменяем на «безопасные шаги» (демо, чек-лист, пробный расчёт, пилот).
Дни 7–9. Доступность и скорость.
Проверяем основные критерии WCAG (контраст, фокус, клавиатурная навигация, aria-метки), мобильную пригодность и Core Web Vitals (LCP, INP, CLS). Фиксируем технические причины UX-проблем (ленивые загрузки, блокирующие скрипты, тяжёлые изображения).
Дни 10–11. Быстрые решения и прототипы.
Готовим прототипы для проблем топ-3 путей (онбординг, форма заявки/покупки, поиск/фильтры). Прописываем тексты, пустые состояния и ошибки. Согласовываем с Dev на предмет реализуемости «за спринт».
Дни 12–13. Проверка на пользователях.
5 коротких юзабилити-сессий по задачам (think-aloud). Фиксируем время до первой ценности, ошибки, места неуверенности. Обновляем оценки влияния.
День 14. Итоги и план внедрения.
Презентация с приоритизацией, расчётами влияния, чек-листами для разработки и контролем качества. Подписываем план A/B/AA-тестов и календарь изменений на 4–8 недель.
На что смотреть: карта проблем «от смысла к пикселям»
1) Смысл и маршрут. Понимает ли человек «для кого это» и «как получить пользу» за 1–2 экрана? Есть ли очевидный следующий шаг с низким риском (без обязательной регистрации и интеграций)?
2) Информационная архитектура. Названия разделов, дубляж, поисковая находчивость, «тупики» без обратной связи.
3) Формы. Количество полей, маски, ошибки «на лету», подтверждения, автозаполнение, прогресс-бар.
4) Состояния. Пустые, загрузки, ошибки, пустые результаты поиска — учат ли они, что делать дальше?
5) Доступность. Контраст, фокус-кольца, последовательность табов, альтернативы для иконок, размеры кликабельных зон.
6) Мобильный опыт. Хит-зоны, «липкие» CTA, клавиатуры по типу поля, вложенность модалок.
7) Визуальная иерархия. Заголовки, типографика, отступы, сетка — видно ли главное на первом экране без скролла-угадайки.
8) Скорость и стабильность. LCP/INP/CLS в реальной среде, блокирующие ресурсы, медиавес.
9) Доверие. Социальные доказательства, прозрачность цен/условий, политика данных, сигналы качества.
10) Системность. Единые паттерны, компоненты дизайн-системы, консистентность текстов и состояний.
Как приоритизировать: матрица влияния и RICE
Каждой находке присваиваем Severity:
S1 — блокер (ломает путь, даёт 20%+ потерь),
S2 — серьёзная (5–20%),
S3 — средняя (1–5%),
S4 — низкая (косметика/удобство).
Дальше считаем RICE (Reach × Impact × Confidence ÷ Effort) — и получаем объективный порядок. В отчёт попадают топ-10 задач с расчётом прогнозного эффекта (например: +6–9 п.п. к завершению формы за счёт сокращения полей, инлайн-ошибок и автозаполнения).
«Безопасные шаги» вместо тупиковых CTA
Вместо «Оставьте контакты — и всё» проектируйте низкорисковые действия, которые дают пользу сразу и создают «артефакт» для внутреннего согласования: демо на шаблонных данных, чек-лист внедрения, экспресс-аудит с PDF-резюме, пробный расчёт ROI, доступ в песочницу. Это уменьшает трение между ролями и ускоряет цикл решения.
Что передавать в разработку и продукт
- Таблица находок (id, путь, описание, скрин/видео, severity, RICE, решение, тексты, owner, срок).
- Прототипы/макеты со всеми состояниями.
- Копирайтинг-пакет: заголовки, подписи, ошибки, подтверждения.
- Чек-листы: доступность (WCAG A/AA), форм-UX, мобайл-поведение, CWV.
- План измерений: события, конверсии, дашборды; формат недельного отчёта.
Как мерить эффект после аудита
Определите 1–2 North Star Metrics (время до первой ценности, активация, успешное завершение ключевой задачи) и 3–5 поддерживающих показателей (глубина, отказ на красных маршрутах, скорость форм, доля ошибок). Катайтесь ступенчато: AA → A/B, защищайте метрики охраны (скорость, ошибки JS, NPS).
План на 90 дней после аудита
- 0–30 дней: quick wins из дизайн-системы, тексты и формы, пустые состояния, «липкие» CTA на мобайле, исправления контраста, ускорение LCP.
- 31–60 дней: рефакторинг навигации, поиск/фильтры, онбординг, единые шаблоны кейсов/услуг, автоматизация событий аналитики.
- 61–90 дней: внедрение дизайн-системы/Storybook, правила контента, A/B-пакет по сценариям, доступность AA, процессы дизайн-QA.
Итог
Хороший UX/UI-аудит — это управляемый двухнедельный цикл с проверкой гипотез на людях, оценкой влияния на метрики и готовыми решениями, которые разработка может внедрить без излишней героики. Он превращает интерфейс в прозрачную «дорожку» безопасных шагов к ценности — и даёт бизнесу предсказуемый рост вместо бесконечных «косметических правок».
