Чек-лист UX-аудита: как проверить сайт или приложение
Практика4 минРедакция Innovialabs
Коротко
UX-аудит — это проход по ключевым сценариям пользователя с чек-листом по навигации, контенту, формам, доступности, мобильной версии и доверию; каждую проблему фиксируйте со скриншотом, оценкой серьёзности и рекомендацией, а исправляйте сначала то, что блокирует целевые действия.
Коротко: как устроен UX-аудит
UX-аудит — экспертная проверка интерфейса на проблемы, которые мешают людям достигать целей. Он не заменяет тестирование с реальными пользователями, но быстро находит очевидные барьеры.
Рабочий порядок:
- Определите цели: что пользователь должен сделать (купить, оставить заявку, найти информацию).
- Выберите 3-5 ключевых сценариев и пройдите их сами на десктопе и телефоне.
- Проверьте каждый сценарий по чек-листу ниже.
- Сверьтесь с данными, если они есть: аналитика, записи сессий, обращения в поддержку.
- Оформите отчёт с приоритетами.
Навигация и структура
- Понятно ли с первого экрана, что это за продукт и для кого?
- Названия пунктов меню отражают содержание, а не внутренний жаргон компании?
- Пользователь всегда понимает, где он находится: активный пункт меню, заголовок страницы, хлебные крошки?
- До ключевых страниц можно добраться в несколько кликов?
- Работает ли поиск с опечатками и выдаёт ли что-то полезное при нулевом результате?
- Есть ли страница 404 с выходом на главную и в поиск?
- Логотип ведёт на главную?
Контент и визуальная иерархия
- Главное действие на экране выделено сильнее второстепенных?
- Заголовки и подзаголовки позволяют просканировать страницу за несколько секунд?
- Тексты короткие, без канцелярита, с конкретикой вместо общих фраз?
- Цены, сроки и условия видны до того, как пользователь начнёт оформлять заказ?
- Ссылки выглядят как ссылки, а некликабельный текст не похож на кнопку?
- Единые стили кнопок, отступов и шрифтов на всех страницах?
Формы
- Полей ровно столько, сколько нужно для этого шага?
- У каждого поля есть видимая подпись, а не только плейсхолдер?
- Обязательные поля отмечены единообразно?
- Ошибки появляются рядом с полем, понятным языком и с подсказкой, как исправить?
- Введённые данные не теряются при ошибке или возврате назад?
- Для телефона, email и чисел открывается подходящая клавиатура на мобильном?
- После отправки пользователь видит, что произошло и что будет дальше?
Доступность
- Контраст текста достаточный (ориентир — уровень AA в WCAG)?
- Всем интерактивным элементам можно управлять с клавиатуры, а фокус видно?
- У изображений, несущих смысл, есть альтернативный текст?
- Информация не передаётся только цветом?
- Страница не ломается при увеличении масштаба текста?
- Кнопки-иконки имеют доступные названия для скринридеров?
Мобильная версия
- Нет горизонтальной прокрутки и обрезанного контента?
- Кликабельные элементы достаточно крупные и не стоят вплотную друг к другу?
- Всплывающие окна закрываются и не перекрывают весь экран?
- Ключевые действия доступны без лишней прокрутки?
- Страницы загружаются приемлемо на мобильном интернете?
Доверие
- Есть контакты, реквизиты или адрес — то, что подтверждает реальность компании?
- Сайт работает по HTTPS, без предупреждений браузера?
- Условия доставки, возврата и оплаты легко найти?
- Нет навязчивых приёмов: скрытых платежей, предвыбранных подписок, обратного отсчёта ради давления?
- Отзывы и примеры работ выглядят настоящими и проверяемыми?
- Есть политика конфиденциальности рядом с формами, где собираются данные?
Как оформить и расставить приоритеты
Каждая находка в отчёте — отдельная карточка:
| Поле | Что указать |
|---|---|
| Где | Экран или страница, сценарий |
| Проблема | Что не так, со скриншотом |
| Почему важно | Как это мешает пользователю |
| Серьёзность | Критично / высокая / средняя / низкая |
| Рекомендация | Конкретное предложение исправления |
Для приоритизации удобна простая матрица влияние × усилие:
- Высокое влияние, малые усилия — исправить в первую очередь (тексты ошибок, контраст, подписи полей).
- Высокое влияние, большие усилия — запланировать (переделка навигации, нового флоу оформления).
- Низкое влияние, малые усилия — делать попутно.
- Низкое влияние, большие усилия — отложить.
Критичными считайте проблемы, которые блокируют целевое действие: форма не отправляется, кнопка не видна на мобильном, оплата не проходит.
Частые вопросы
Аудит проводит эксперт по чек-листу и принципам, тестирование — наблюдение за реальными пользователями при выполнении задач. Аудит быстрее и дешевле, тестирование находит проблемы, которые эксперт может не заметить. Лучше всего они работают вместе: аудит перед тестом убирает очевидное.