Кейс юзабилити-аудита интернет-магазина: аналитика, каталог, mobile и оформление заказа

UX-аудит · E-commerce · аналитика
Юзабилити-аудит интернет-магазина

Как веб-аналитика, мобильный UX, каталог, карточки товаров и оформление заказа помогли выявить реальные барьеры на пути покупателя.

13,3% отказов
10,2 страницы
21:32 на сайте
56,3% mobile



UX ecommerce audit

Кейс юзабилити-аудита интернет-магазина

Исходная ситуация

Хорошие показатели аналитики ещё не означают удобный интерфейс

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

13,3%
показатель отказов
10,2
страницы за визит
21:32
среднее время
56,3%
мобильная аудитория

Основная задача – выяснить, где пользователь тратит лишние усилия и какие проблемы интерфейса способны осложнять путь от входа на сайт до покупки.

Что вошло в юзабилити-аудит

Проверка охватывала не отдельную кнопку или страницу, а весь пользовательский путь интернет-магазина.

Веб-аналитика
Источники, поведение, устройства и конверсия.
Каталог
Категории, фильтры и представление товаров.
Карточка товара
Фото, характеристики, доставка и оплата.
Checkout
Корзина, формы, оплата и подтверждение заказа.
Аналитика

Большая глубина и долгое время на сайте – ещё не доказательство удобства

10,2 просмотренные страницы могут означать высокий интерес к ассортименту. Но этот же показатель может появиться, если человеку приходится открывать слишком много разделов для поиска подходящей модели.

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

UX-аудит начинается с вопроса, а не с оценки метрики

Показатель
21 минута 32 секунды среднего времени на сайте.
Гипотеза
Пользователь вовлечён или ему сложно найти нужное?
Проверка интерфейса
Каталог, поиск, карточка товара, фильтры и оформление заказа.
Находим реальную причину
Mobile UX

Когда 56,3% аудитории – mobile, смартфон нельзя считать вторичной версией сайта

Больше половины пользователей уже приходили со смартфонов. Поэтому даже локальные мобильные дефекты затрагивали существенную часть реальной аудитории.

Какие мобильные проблемы обнаружил аудит

Крупная шапка
Занимала почти весь первый экран смартфона.
Контент за экраном
Некоторые интерфейсные элементы отображались не полностью.
Мелкие таблицы
Информацию было трудно читать без дополнительного масштабирования.
Перекрывающие элементы
Некоторые элементы интерфейса мешали изучению содержимого.

Сам факт адаптивной вёрстки ещё не делает страницу удобной. UX-аудит проверяет не только то, помещается ли сайт в экран, но и насколько легко пользователю выполнить задачу.

Главная страница конкурировала сама с собой за внимание

На главной одновременно присутствовали несколько навигационных зон, слайдер, «Хиты продаж», «Популярные», «Рейтинг», информационные блоки, видео, большой текст и материалы блога.

Меню

Слайдер

Хиты

Популярные

Рейтинг

Технологии

Видео

Статьи

UX-проблема
Когда слишком много элементов одновременно требуют внимания, пользователю становится сложнее понять, какое действие является главным.

Главная должна задавать последовательность

Что продаёт магазин
Основные категории
Почему стоит покупать здесь
Популярные товары
Доверие и полезный контент

Каталог должен сокращать выбор, а не добавлять хаос

В разделе Big Size зимняя, демисезонная и летняя одежда отображалась одним списком. Пользователю не хватало простого способа быстро сократить ассортимент.

Один из ключевых выводов – фильтрация должна соответствовать реальным критериям выбора покупателя.

Фильтр должен уменьшать количество решений

120
товаров
Зима
сезон
M
размер
Цена
диапазон
12
подходящих моделей

Хорошая фильтрация не демонстрирует количество возможностей интерфейса. Она помогает быстро перейти от большого ассортимента к управляемому набору вариантов.

Товар должен появляться раньше вторичного текста

На страницах категорий большой текст мог занимать значительное пространство до товарной выдачи. Для интернет-магазина это создаёт конфликт между информационной частью страницы и основной коммерческой задачей.

Контент нужен
Описание категории помогает раскрыть ассортимент и дать дополнительную информацию.
Но товар важнее на первом экране
Покупателю нужно быстро перейти к выбору, а не сначала прокручивать большой текст.
Карточка товара

Чем ближе пользователь к покупке, тем меньше причин нужно давать ему покидать страницу

На карточке товара человек должен получить основные ответы о самом товаре, характеристиках, доставке, оплате и следующем действии.

Какие вопросы карточка товара должна закрыть до покупки

Что это?
Фото, название и основные характеристики.
Подойдёт ли?
Размеры, параметры и варианты.
Как получить?
Доставка и сроки.
Что дальше?
Понятный CTA и переход к покупке.
Checkout

Оформление заказа лучше разделить на понятные этапы

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

Один этап – один понятный вопрос

1
Что я покупаю?
2
Куда доставить?
3
Как оплатить?
4
Всё правильно?

Навигация – это не только главное меню

Аудит обнаружил несколько разных проблем, которые объединяет один вопрос: понимает ли человек, где находится, куда может перейти и что произойдёт после действия?

Поиск
Форма была недостаточно заметна.
Битые ссылки
Клик не приводил к ожидаемому результату.
Breadcrumbs
Не всегда полностью отражали структуру.
Mobile-навигация
Отдельные элементы мешали просмотру контента.

Битая ссылка – это нарушение обещания интерфейса

Для пользователя ссылка означает простое обещание:

«Нажми сюда – и я покажу обещанную информацию»

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

Хороший визуальный дизайн ещё не гарантирует хороший UX

В исходном аудите оформление сайта в целом оценивалось положительно. При этом были обнаружены локальные проблемы, влияющие на удобство и предсказуемость интерфейса.

Разные заголовки
Неодинаковое оформление похожих элементов.
Разные отступы
Интерфейс выглядит менее системным.
Некорректные изображения
Нарушается визуальное восприятие страницы.
Громоздкие блоки
Занимают слишком много вертикального пространства.

Формы должны объяснять пользователю, что произойдёт дальше

Обязательные поля
Человек должен заранее понимать, какие данные необходимо заполнить.
Контекстное сообщение
Ответ формы должен соответствовать выбранным условиям заказа.
Следующий шаг
После отправки нужно объяснить, когда и каким образом продолжится взаимодействие.

Нельзя оценивать конверсию, если сама аналитика настроена неправильно

В ходе аудита выяснилось, что одна из целей Яндекс.Метрики не собирала данные из-за ошибки в настройке. Это означает, что пользователь мог выполнить нужное действие, а аналитика не фиксировала конверсию.

Пользователь оформил действие
Цель аналитики настроена неверно
Отчёт показывает, что конверсии не было

Поэтому UX-аудит должен проверять не только интерфейс, но и корректность измерения ключевых действий.

UX оценивался относительно реальной аудитории

97%
посетителей – Россия
41,6%
СПб и Ленинградская область внутри российской аудитории
25–54 года
основной возрастной диапазон женской аудитории
45–54
группа, которая чаще оформляла заказы

Демография не должна превращаться в набор стереотипов. Но реальные данные помогают внимательнее проверять читаемость, понятность форм, размеры элементов и сложность сценариев.

Доверие тоже является частью пользовательского опыта

Покупатель оценивает не только товар. Перед оплатой он пытается понять, насколько надёжен сам магазин.

Команда
Кто стоит за компанией.
Сертификаты
Подтверждения качества и работы бизнеса.
Отзывы
Опыт реальных покупателей.
Контакты
Понятные способы связи и реальные адреса.

Не все рекомендации 2019 года нужно переносить в 2026 буквально

Старая трактовка Современный подход
13,3% отказов – «норма» Оцениваем в контексте страницы, интента и источника
10 страниц – хороший показатель Проверяем, помогала ли глубина выполнить задачу
21:32 – слишком долго Используем как гипотезу, а не доказательство проблемы
Лупу заменить текстом «Найти» Проверяем заметность поиска и понятность взаимодействия
Рекомендации по отдельным старым каналам Не смешиваем историческую медиастратегию с современным UX-анализом
Приоритеты

Десятки замечаний нужно превратить в порядок действий

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

Матрица приоритетов после аудита

Уровень Что относится Почему
Критический Аналитические цели, неработающие элементы, проблемные формы Может непосредственно нарушать покупку или измерение
Высокий Каталог, фильтры, карточка товара, checkout, поиск Основной пользовательский путь
Средний Главная, breadcrumbs, доверие, футер Ориентация и уверенность пользователя
Улучшения Вторичные блоки и визуальная консистентность Делают опыт более чистым и предсказуемым

Главный результат – карта пользовательского пути

Найти
поиск и навигация
Отобрать
каталог и фильтры
Оценить
карточка товара
Довериться
условия и отзывы
Заказать
checkout
Измерить
аналитика
Результат аудита

Что получил клиент

Поведенческая диагностика
Анализ трафика, устройств и поведения.
UX-карта
Главная, каталог, товар, навигация и checkout.
Mobile-аудит
Проблемы мобильной версии для основной части аудитории.
Проверка измерений
Контроль целей и корректности аналитики.
Профессиональная оговорка

Чего этот кейс не доказывает

Исходный аудит фиксирует состояние интерфейса и рекомендации на момент проверки.

В материалах нет подтверждённых данных о том, насколько после внедрения выросла конверсия, увеличилось количество заказов или изменились поведенческие показатели. Поэтому в кейсе не используются вымышленные результаты «до/после».

Формула полезного UX-аудита

1. Данные
что происходит
2. Сценарий
что хочет сделать человек
3. Барьер
что мешает
4. Причина
почему возникло
5. Изменение
что исправить
6. Проверка
стало ли лучше

Частые вопросы о юзабилити-аудите интернет-магазина

Что проверяется в UX-аудите интернет-магазина?
Главная, каталог, поиск, фильтры, карточки товаров, корзина, checkout, мобильная версия, формы, навигация и данные веб-аналитики.
Может ли высокая глубина просмотра означать плохой UX?
Да. Если человеку приходится открывать много страниц ради простой задачи, большая глубина может быть следствием сложной структуры.
Нужен ли аудит, если сайт адаптивный?
Да. Адаптивная верстка означает подстройку под размер экрана, но не гарантирует удобства всех элементов и пользовательских сценариев.
Красивый сайт может быть неудобным?
Да. Визуальная привлекательность и удобство взаимодействия связаны, но не являются одним и тем же.
Зачем UX-аудиту веб-аналитика?
Она помогает определить проблемные сценарии, проверить гипотезы и измерить эффект после внедрения изменений.
От наблюдений к изменениям

Нужен UX-аудит, который покажет, где именно магазин теряет пользователя?

Полезный аудит связывает аналитику с реальным поведением пользователя, находит барьеры в каталоге, карточках товаров, mobile и checkout и превращает их в понятный порядок улучшений.