Как самому провести UX-аудит сайта через ИИ
Пошагово покажу подход, которым пользуюсь сам. Вы сможете своими руками разобрать любой сайт или сервис — увидеть, что в нём сильно, а что слабо, и почему люди уходят, не дойдя до заявки.
01Отберите, у кого учиться
Прежде чем разбирать чужой сайт — надо понять, у кого учиться.
Скорее всего, вы и так знаете своих конкурентов — вы в своей нише разбираетесь лучше кого-либо. Но если хочется свежим взглядом собрать список, я обычно смотрю обычную поисковую выдачу — Google или Яндекс — по своей теме. Логика простая: если сайт стабильно в топе, за ним обычно стоит работа, и у него есть чему поучиться.
Дальше — важный момент. Берите не все подряд, а те, где видна проработка. Есть сайты, которым вообще не уделяли внимания — ни визуалу, ни удобству. Они вам не нужны как образец. Нужны сервисы, где чувствуется работа: чистый интерфейс, продуманный путь. У них и стоит учиться.
- Соберите список конкурентов — тех, кого знаете сами, плюс из поисковой выдачи
- Пройдитесь по ним, отсейте слабые и явно недоделанные
- Оставьте 3–4 сайта, которые откликаются больше всего — их и будем разбирать глубоко
02Пройдите путь пользователя сами
Лучший способ понять сайт — стать его клиентом.
Откройте отобранный сайт и пройдите весь путь так, будто вы реальный покупатель. Если это лендинг — тут проще, смотреть особо нечего. А вот если это сервис или интернет-магазин, где нужно совершить действие — оформить заказ, заполнить заявку, что-то купить — пройдите этот путь целиком, шаг за шагом.
И на каждом шаге — фиксируйте. Что понятно, что нет. Где вы засомневались. Где пришлось искать кнопку. Где захотелось уйти. Вы проходите путь сами — и сами чувствуете, где он ломается. Это уже половина аудита.
- Идите как настоящий клиент, а не как эксперт «со стороны»
- На каждом шаге делайте скриншот — они понадобятся дальше
- Отмечайте моменты, где вы замешкались или почувствовали неудобство
03Отдайте скриншоты искусственному интеллекту
Здесь ИИ становится вашим вторым взглядом.
Вы прошли путь и насобирали скриншоты каждого экрана. Теперь загружаете их в ИИ (ChatGPT, Claude — любой, что умеет смотреть картинки) и даёте директиву — чёткое задание, что именно проверить.
Ниже — подробная директива. Нажмите «Скопировать», заполните контекст в начале (сайт, ниша, кто пользователь, целевое действие) и вставьте вместе со скриншотами. Внутри — проход глазами пользователя, проверка по 10 эвристикам Нильсена, блок конверсии и доверия, оценка серьёзности и жёсткий формат отчёта. Директиву можно и нужно дополнять под себя.
Ты — UX-исследователь с опытом в конверсионном проектировании. Оценивай интерфейс как человек, который видит его впервые и пришёл решить свою задачу, а не любоваться дизайном. КОНТЕКСТ Сайт: [адрес или название] Ниша: [чем занимается] Кто пользователь: [кто приходит и зачем] Целевое действие: [заявка / покупка / регистрация / звонок] Устройство: [десктоп / мобайл / и то и другое] Сценарий на скриншотах: [какой путь я прошёл] Скриншоты пронумерованы по порядку прохождения — от первого экрана до целевого действия. ЭТАП 1. ПРОЙДИ ПУТЬ ГЛАЗАМИ ПОЛЬЗОВАТЕЛЯ Иди по экранам подряд. На каждом ответь на четыре вопроса: 1. Цель — понимает ли человек, что нужно сделать на этом экране? 2. Заметность — видит ли он элемент, которым это делается? 3. Связь — понимает ли, что именно этот элемент ведёт к его цели? 4. Отклик — после действия понимает ли, что оно сработало и он продвинулся? Где хотя бы один ответ «нет» — это проблема, зафиксируй её. Отдельно отмечай места, где человек скорее всего закроет вкладку. ЭТАП 2. ПРОВЕРЬ ПО ПРИНЦИПАМ Блок А — юзабилити, 10 эвристик Нильсена: 1. Видимость состояния — человек понимает, где он, сколько шагов осталось, приняла ли система его действие? 2. Язык пользователя — термины, иконки и порядок действий привычны или требуют объяснения? 3. Свобода и контроль — можно вернуться, отменить, выйти без потери введённого? 4. Консистентность — одинаковые вещи выглядят и работают одинаково на всём пути? 5. Предотвращение ошибок — интерфейс мешает ошибиться заранее или ловит уже постфактум? 6. Узнавание вместо запоминания — всё нужное на экране или надо помнить с прошлых шагов? 7. Гибкость — есть короткий путь для тех, кто знает, что делает? 8. Минимализм — каждый элемент нужен или второстепенное спорит с главным? 9. Помощь с ошибками — сообщения понятны и говорят, что делать? 10. Подсказки — там, где сложно, есть объяснение? Блок Б — конверсия и доверие: 11. Ясность за 5 секунд — с первого экрана понятно, что за сервис, для кого и что тут делать? 12. Следующий шаг — очевидно, куда идти дальше, или внимание распыляется между равнозначными кнопками? 13. Лишнее трение — есть шаги, поля или требования, без которых можно обойтись? Что просят раньше, чем нужно? 14. Возражения — закрыты ли вопросы, которые возникают перед действием: сколько стоит, что входит, что если не подойдёт, кто вы такие? 15. Доверие — видны ли гарантии, контакты, юридические данные, отзывы, живые люди? Или выглядит шаблонно и настораживает? 16. Иерархия — глаз понимает, куда смотреть, или всё кричит одинаково? 17. Цена — понятно, сколько стоит и что входит? Нет ли неожиданных доплат в конце пути? Блок В — мобильная версия (если есть мобильные скриншоты): 18. Адаптация — всё помещается на узкий экран, ничего не наезжает, не обрезается, не требует горизонтального скролла? 19. Зоны нажатия — кнопки и ссылки достаточно крупные, не слишком близко друг к другу, попадаешь пальцем без промаха? 20. Читаемость на телефоне — шрифт не мелкий, контраст достаточный, не приходится увеличивать, чтобы прочитать? 21. Мобильный сценарий — путь к цели не длиннее и не сложнее, чем на десктопе? Учитывая, что большая часть трафика — с телефона, это критично. 22. Мобильные формы — удобно ли заполнять с телефона: подходящие клавиатуры под поля, нет лишнего ввода, автозаполнение? ЭТАП 3. ОЦЕНИ СЕРЬЁЗНОСТЬ Каждой проблеме поставь уровень: 4 — Блокер. Человек не может выполнить задачу или уходит здесь. 3 — Серьёзно. Сделать можно, но многие застрянут или засомневаются. 2 — Умеренно. Замедляет и раздражает, но обходной путь найдётся. 1 — Косметика. Не мешает, но портит впечатление. ФОРМАТ ОТЧЁТА 1. КАК ПРОШЁЛ ПУТЬ Таблица по экранам: номер / что за экран / где человек спотыкается / оценка четырёх вопросов. 2. ЧТО СДЕЛАНО СИЛЬНО Конкретные удачные решения с номерами экранов и объяснением, почему это работает. Не общие слова. 3. ВСЕ ПРОБЛЕМЫ Таблица: проблема / какой принцип нарушен / уровень 1–4 / номер экрана / что сделать. Отсортируй от 4 к 1. 4. СИСТЕМНЫЕ СЛАБОСТИ Если несколько проблем упираются в один принцип — назови это отдельно. Это не отдельные баги, а дыра в подходе. 5. ГЛАВНЫЕ ТОЧКИ ПОТЕРИ Три места, где сценарий теряет больше всего людей, и почему. 6. ЧТО ЗАБРАТЬ СЕБЕ Решения, которые стоит перенять, и почему они работают. 7. ЧЕГО Я НЕ УВИДЕЛ Что невозможно оценить по статичным скриншотам — анимации, скорость загрузки, поведение при скролле, реальное поведение на разных устройствах. И какие принципы остались непроверенными. ПРАВИЛА — Каждая находка привязана к номеру экрана. Без номера не пиши. — Не подслащивай. Плохой экран назови плохим и объясни чем. — Не выдумывай ради объёма. Пять настоящих проблем лучше двадцати притянутых. — Не додумывай то, чего не видно. Пиши «на скриншотах не видно». — Не советуй «сделать красивее» или «улучшить UX». Каждая рекомендация — конкретное действие. — Разделяй факт и мнение. «Кнопку не видно на первом экране» — факт. «Выглядит несовременно» — мнение, помечай его как мнение.
04Прочитайте результат правильно
Отчёт от ИИ — это не приговор, а материал для решений.
На выходе у вас исследовательский результат: понятно, что в сценарии сильное, а что слабое. Где люди спотыкаются, где теряется доверие, где путь слишком длинный.
Не воспринимайте каждый пункт ИИ как истину — он может ошибаться или придираться к мелочам. Ваша задача — увидеть картину: какие проблемы повторяются, что действительно мешает человеку дойти до цели. В отчёте проблемы уже разбиты по уровням — от блокеров (4) до косметики (1). Начинайте с блокеров и системных слабостей: именно они, а не мелочи, теряют вам людей.
И ещё раз, чтобы не путать: это UX-аудит — он показывает, как устроен опыт и сценарий. Это не конкурентный анализ. Конкурентный анализ — отдельная, более объёмная работа.
Нужна помощь — пишите
Этот гайд поможет вам разобраться самому. А если понадобится помощь с аудитом или экспертная оценка вашего сайта, лендинга или небольшого сервиса — достаточно написать мне, и мы разберёмся.
