Комплексный UX-аудит сайта и mobile с eye-tracking

Комплексный UX-аудит сайта и mobile с eye-tracking

Информация о клиенте

Что проверили

Мы провели комплексную проверку пользовательского пути в веб-версии и мобильных сценариях:

• навигацию и структуру разделов;
• поиск, категории, фильтры и карточки товаров;
• ключевые конверсионные шаги: добавление в корзину, переход к оформлению, заполнение формы;
• заметность и понятность CTA на основных экранах;
• мобильные паттерны и сценарии повторного заказа;
• распределение внимания пользователей с помощью eye-tracking на ключевых экранах.

Наша цель была не собрать длинный список замечаний, а выделить точки, которые сильнее всего влияют на скорость пути к заказу и итоговую конверсию.

Задача

Клиенту требовался не список разрозненных замечаний, а рабочая картина потерь по всей воронке:

• где пользователь теряет контекст в навигации;
• что замедляет переход к заказу;
• какие интерфейсные элементы отвлекают внимание от CTA;
• что в mobile-сценариях мешает быстро добавить товар и завершить оформление.

Что показал комплексный аудит

Основные потери находятся не в одном экране, а в связке навигации, выбора и конверсионного шага оформления.

1) Навигация и структура сайта

В рамках аудита мы зафиксировали проблемы в базовых элементах ориентации:

• выделение текущего пункта меню работает не везде;
• часть экранов слабо структурирована заголовками и подзаголовками;
• часть ключевых разделов стоит выносить в меню, чтобы путь к ним был короче и предсказуемее;
• в поиске не хватает подсказок при вводе.

Дополнительно eye-tracking страницы категорий подтвердил, что часть бокового меню оказывается в слепой зоне из-за недостаточной визуальной выразительности.

2) Конверсионный путь и форма заказа

Ключевые узкие места конверсии:

• критическая проблема: призывы к действию не везде сформулированы достаточно четко и лаконично;
• контактный блок ограничивает часть пользователей, которым удобнее другой канал связи;
• после добавления товара не всегда хватает ясного и быстрого перехода к корзине;
• критическая проблема: в форме заказа нужно минимизировать набор полей до необходимого минимума;
• в форме не хватает более явных подсказок по формату заполнения (в частности, для телефона);
• pop-up на этапе оформления создает дополнительное отвлечение и может ломать линейность шага;
• логика указания адреса требует более прозрачного сценария до перехода к финальному оформлению.

3) Eye-tracking: конкуренция внимания на ключевых экранах

По desktop-сценариям eye-tracking показал повторяющийся паттерн:

• на первом экране внимание перетягивают контрастные второстепенные элементы;
• кнопка Узнать подробнее выглядит слишком слабо на светлом фоне и проигрывает по контрасту;
• в карточках категорий и товарных блоках часть взглядов уходит в декоративные зоны вместо целевого действия.

4) Mobile-сценарии: меню, фильтры, карточка товара

В мобильных сценариях в приложении и mobile-экранах зафиксированы следующие проблемы:

• нижнее меню дублирует навигацию и занимает полезное пространство экрана;
• иконка фильтров считывается неочевидно и может восприниматься как сортировка;
• сценарий добавления в корзину требует более явного подтверждения и быстрого перехода к корзине;
• в кнопке перехода к корзине рекомендуется показывать сумму заказа;
• на этапе оформления не рекомендуется использовать боковое pop-up окно, так как оно сбивает поток заполнения.

5) Дополнительные выводы по проекту

На этом этапе мы собрали дополнительные выводы для приоритизации внедрения:

• в меню каталога фильтрация расположена слишком низко, после длинного списка разделов, и теряет заметность;
• к фильтрации рекомендована стандартная сортировка (по цене, по размеру скидки, по умолчанию);
• в сценарии адреса предложен более линейный поток: сначала явное определение адреса, затем переход к меню;
• для повторных заказов рекомендован сценарий «Избранное»;
• для оплаты рекомендовано сделать способы более понятными и добавить вариант Apple Pay;
• в приложении рекомендовано автоопределение локации на первом экране с возможностью исправить адрес;
• предложено автоматическое считывание SMS-кода, чтобы сократить трение при входе;
• зафиксированы дополнительные проблемы мобильной корзины: неочевидная иконка фильтров, слабая видимость скидки в блоке заказа, лишние шаги в сценарии добавления.

Что рекомендовали внедрить в приоритете

1. Сделать CTA более четкими и лаконичными на конверсионном пути.
2. Сократить поля формы заказа до необходимого минимума и стандартизировать формат ввода.
3. Добавить более явные подсказки в поиске и сделать переходы по меню предсказуемыми.
4. Поднять заметность фильтров в каталоге и добавить стандартную сортировку (по цене, по размеру скидки, по умолчанию).
5. Пересобрать мобильный сценарий: снизить конкуренцию нижнего меню с основными действиями и ускорить путь «добавил товар → открыл корзину».
6. Привести mobile-навигацию и фильтрацию к более понятным паттернам (узнаваемые иконки, предсказуемое поведение, более читаемые служебные элементы).
7. Убрать отвлекающий pop-up на шаге оформления и перестроить адресный сценарий в более линейный поток.
8. Для приложения добавить автоопределение локации и автоматическое считывание SMS-кода.
9. Улучшить сценарии повторных и мобильных заказов: добавить «Избранное», сделать способы оплаты понятнее и явно показывать примененную скидку в корзине.

Итог

Аудит НИЯМА показал, что для роста конверсии важна не точечная правка одного блока, а согласованная доработка всей цепочки: навигация, визуальные акценты, форма заказа и мобильный путь.

Экспертный аудит определил зоны риска, а eye-tracking подтвердил, где интерфейс теряет внимание пользователя в реальных экранах. Это дало основу для приоритетного и практически применимого плана внедрения.