Переупаковали старый аудит в современный кейс: показали, как через юзабилити, веб-аналитику и поведение аудитории найти точки, которые мешают посетителю быстро выбрать товар и оформить заказ.
От поиска товара до оформления заказа. Это не проверка “понравился дизайн или нет”: мы разобрали, как пользователь проходит путь от входа на сайт до выбора товара, формы заказа и повторного перехода.
Название сайта изменено для публикации. В аудите был разобран каталожный проект: главная страница, шапка, внутренние страницы, навигация, поиск, визуальный стиль, формы, веб-аналитика, аудитория, источники трафика и конверсионные точки.
Что нужно было выяснить через аудит юзабилити
Задача аудита – понять, почему при нормальных поведенческих показателях сайт всё равно требует доработок. В отчёте были сильные данные по вовлечённости: 7 518 визитов, 76 478 просмотров, глубина 10,2 страницы и среднее время на сайте 21:32. Но слишком долгое время на сайте для каталога может означать не только интерес, но и трудности с поиском нужного товара.
Аудит был построен как проверка всего маршрута заказа
Аудит лучше показывать через маршрут пользователя. В нём каждый этап связан с бизнес-риском: посетитель не понял, не нашёл, не доверился, не смог заполнить форму или ушёл без заказа.
Что было вынесено в главные доработки
В отчёте ключевые рекомендации были сгруппированы по критичности. Для кейса это сильный блок, потому что показывает не только найденные проблемы, но и порядок принятия решений.
| Зона | Что обнаружено | Критичность | Экспертный вывод |
|---|---|---|---|
| Главная | доработать шапку для десктопной и мобильной версии, переписать текст о компании, выделить преимущества | обязательно | первый экран должен сразу объяснять, кто компания и почему ей можно доверять |
| Внутренние страницы | улучшить навигацию в каталоге, добавить условия заказа, усилить страницу о компании фото и сертификатами | обязательно | каталог должен не просто показывать товары, а вести к решению о заказе |
| Навигация | доработать форму поиска, убрать нерабочие ссылки, переместить кнопку “вверх” в мобильной версии | важно | путь по сайту должен быть очевидным даже для нового посетителя |
| Дизайн | доработать отображение контента, особенно на мобильных, привести заголовки и тексты к единому стилю | рекомендуется | разный стиль блоков снижает ощущение собранности сайта |
| Формы | указать обязательные поля и доработать сообщения после отправки данных | обязательно | форма – точка конверсии, поэтому в ней нельзя оставлять неясность |
Шапка сайта должна была стать центром ориентации, а не набором разрозненных ссылок
В разделе по главной странице отмечалось, что ссылки на основные разделы стоит объединить в одно меню, а ссылки на авторизацию, регистрацию и личный кабинет – вынести отдельно. Сейчас такие элементы могли дезориентировать пользователя.
Разделить навигацию по смыслу
- основные разделы собрать в одно понятное меню;
- личный кабинет, вход и регистрацию вынести в отдельную служебную зону;
- поиск сделать заметным и понятным;
- главный текст о компании переписать в более продающем формате;
- выделить конкурентные преимущества и доверительные элементы.
Избранное, сравнение и личный кабинет должны находиться там, где их ожидает пользователь
В старом аудите отдельно отмечалось, что служебные ссылки лучше не смешивать с основным меню. Для каталога это особенно важно: пользователь может сравнивать товары, возвращаться к избранному, входить в личный кабинет и продолжать заказ. Если эти элементы спрятаны или стоят в непривычном месте, сайт создаёт лишнее трение.
| Элемент | Проблема | Как лучше оформить | Зачем это бизнесу |
|---|---|---|---|
| Избранное | пользователь может не найти отложенные товары | разместить рядом с корзиной и личным кабинетом | помогает вернуть пользователя к выбору |
| Сравнение | сложный выбор товара растягивает сессию | показать заметную ссылку в шапке и карточках | ускоряет принятие решения |
| Личный кабинет | вход и регистрация конкурируют с основным меню | вынести в отдельную служебную зону | снижает путаницу и делает шапку чище |
| Корзина | путь к заказу не должен теряться | держать в привычном правом верхнем углу | уменьшает риск потери заказа |
Каталог и карточки товаров нуждались в коммерческой логике
Внутренние страницы должны не только показывать товар, но и помогать принять решение: что это, как заказать, на каких условиях, почему компании можно доверять и куда перейти дальше.
Каталог
Навигация должна помогать быстро переходить между категориями и не возвращать пользователя в тупик.
Карточки товаров
На страницах товаров нужно раскрыть условия заказа, доставки, оплаты и отличия предложения.
О компании
Страницу нужно усилить фотографиями, сертификатами, фактами и доказательствами надёжности.
Просмотренные товары лучше показывать на карточке, а не прятать на отдельной странице
В старом аудите была важная рекомендация: просмотренные товары должны помогать пользователю вернуться к выбору в момент принятия решения. Если вынести их только на отдельную страницу, часть посетителей просто не найдёт этот раздел. Для каталога логичнее показывать просмотренные товары внизу карточки и в ключевых местах маршрута.
Почему отдельная страница слабее
Пользователь должен помнить, что такой раздел существует, и специально искать его в навигации.
Почему блок на карточке сильнее
Человек видит недавно просмотренные товары сразу после изучения текущего товара и быстрее возвращается к сравнению.
Как использовать коммерчески
Добавить рядом похожие товары, недавно просмотренные позиции и мягкий переход к оформлению заказа.
Форма поиска и нерабочие ссылки напрямую влияли на удобство каталога
В разделе навигации было рекомендовано сделать форму поиска крупнее, расположить кнопку отправки справа и вместо одной иконки лупы использовать понятный текст “Найти” или “Искать”. Также нужно убрать нерабочие ссылки и корректно разместить кнопку “вверх” в мобильной версии.
| Проблема | Почему мешает | Как исправить |
|---|---|---|
| незаметная форма поиска | новому пользователю сложнее найти нужный товар | увеличить поле, кнопку поставить справа, добавить текст “Найти” |
| нерабочие ссылки | создают ощущение неаккуратности и мешают маршруту | проверить все ссылки, удалить или заменить битые переходы |
| кнопка “вверх” в мобильной версии | может перекрывать элементы или быть неудобной | переместить её в безопасную зону, не мешающую заказу и меню |
Формы – не техническая мелочь, а место принятия решения
В отчёте указано: обязательные поля в формах заметны не сразу, а автоматические сообщения нужно менять в зависимости от выбранного способа оплаты или доставки. Это типичная проблема: сайт вроде принимает заказ, но пользователь не получает ясного подтверждения своих действий.
Пользователь не сразу понимает требования формы
- обязательные поля не выделены символом “*”;
- сообщения после отправки слишком общие;
- выбранная доставка или оплата не меняет пояснения;
- при ошибке пользователь может не понять, что исправить.
Форма становится понятным диалогом
- обязательные поля отмечены сразу;
- после отправки появляется конкретное сообщение;
- подсказки меняются под способ доставки и оплаты;
- ошибки объясняются рядом с нужным полем.
Оформление заказа лучше разделить на понятные этапы
В старом аудите была рекомендация разделить оформление заказа на шаги: сначала корзина, затем форма заказа. Это снижает перегрузку и даёт пользователю ощущение контроля. Дополнительно стоит настроить составную цель в аналитике, чтобы видеть, на каком шаге люди останавливаются.
| Шаг | Что отслеживать в аналитике | Какой вывод даёт |
|---|---|---|
| Переход в корзину | добавление товара и открытие корзины | понятно, вызывает ли товар интерес |
| Начало оформления | переход от корзины к форме | видно, не пугают ли условия заказа |
| Заполнение формы | ошибки, незаполненные обязательные поля | видно, где форма создаёт трение |
| Отправка заказа | успешная отправка и сообщение пользователю | фиксируется реальная конверсия сценария |
Дизайн был хорошим, но отдельные блоки требовали дисциплины
В отчёте указано, что в целом дизайн сайта хороший и серьёзных проблем с оформлением нет. Но были замечания к аккуратности размещения блоков, отображению контента, особенно в мобильной версии, а также к единому стилю заголовков и текстов.
Аккуратность блоков
Не все блоки размещены ровно и одинаково, из-за чего страница выглядит менее собранной.
Единый стиль
Заголовки, тексты, карточки и визуальные элементы должны подчиняться одной системе.
Мобильное отображение
Даже хороший дизайн теряет смысл, если на смартфоне блоки отображаются хуже.
Веб-аналитика показала сильную вовлечённость, но не сняла UX-вопросы
Данные за квартал с 12 июля по 11 октября 2019 года показали: сайт получает поисковый трафик, пользователи активно просматривают страницы, но очень долгое время на сайте может быть не только плюсом. Для каталога 21 минута 32 секунды может означать, что человек долго подбирает товар или пытается разобраться в структуре.
Перед выводами нужно очистить аналитику от внутренних визитов
Отдельная ценность UX-аудита – не только смотреть цифры, но и понимать, насколько им можно доверять. Если сотрудники регулярно заходят на сайт, проверяют карточки, тестируют формы или обновляют каталог, эти визиты могут искажать поведение реальных покупателей.
Внутренние заходы команды
- проверка карточек товаров;
- тестовые заказы;
- обновление каталога;
- частые переходы сотрудников по одним и тем же страницам.
Фильтрацию и правила учёта
- исключить внутренние IP, где это возможно;
- отделить тестовые действия от реальных заказов;
- проверять цели после доработок;
- сравнивать данные до и после внедрения правок.
После аудита нужно настроить отчёты, которые показывают качество сценариев
Старый аудит указывал не только на интерфейсные ошибки, но и на необходимость настроенных отчётов. Для каталожного сайта важно отдельно смотреть источники трафика, посадочные страницы, вовлечённую аудиторию, лояльных пользователей и тех, кто реально доходит до заказа.
| Отчёт | Что показывает | Как использовать |
|---|---|---|
| Эффективность источников | какие каналы дают просмотры, заказы и отказы | перераспределять бюджет и усиливать посадочные страницы |
| Посадочные страницы | куда попадает пользователь первым | дорабатывать страницы с высоким входом и слабым действием |
| Активная аудитория | кто смотрит много страниц и долго выбирает | улучшать сравнение, избранное и подсказки |
| Вовлечённая аудитория | кто изучает каталог, но не оформляет заказ | искать барьеры в карточках и формах |
| Целевая аудитория | кто доходит до корзины, формы и заказа | улучшать самый прибыльный пользовательский сценарий |
Динамика посещаемости помогает планировать рекламу, обновления и коммуникации
В старом аудите было отмечено, что активность аудитории распределяется неравномерно по неделе: трафик начинал расти в выходные, максимум приходился на понедельник, после чего постепенно снижался к четвергу. Для каталога это можно использовать в рекламе, рассылках, обновлении ассортимента и публикации материалов.
Поиск приводил основную аудиторию, но источники требовали разной логики
Основной источник трафика – переходы из поисковых систем. Второй слой без поиска – прямые заходы и внутренние переходы. Отдельно было отмечено, что у переходов по ссылкам на сайтах показатель отказов выше нормы, поэтому нужно проверить, соответствует ли информация на сторонних площадках содержанию посадочных страниц.
| Источник | Наблюдение | Что делать |
|---|---|---|
| Поисковые системы | главный источник трафика | развивать SEO, посадочные страницы, тексты и каталог |
| Прямые заходы | второй значимый источник без поиска | усилить брендовые элементы, доверие, страницу “О компании” |
| Внутренние переходы | важны для движения по каталогу | улучшить меню, перелинковку, похожие товары и футер |
| Ссылки на сайтах | отказы 27,1% | проверить обещания в размещениях и соответствие посадочной странице |
Поиск был лояльным, но каналы давали разное качество заказов
Поисковый трафик в отчёте был преимущественно из Google – 61,1%, другие поисковые системы давали 36,9%. В целом поведенческие показатели поискового трафика были в норме. При этом больше всего заказов приходило из Google, а самая высокая конверсия была у переходов из email-канала.
| Канал | Визиты | Отказы | Глубина | Время | Конверсия | Вывод |
|---|---|---|---|---|---|---|
| 3 083 | 10,3% | 12,2 | 17:18 | 0,94% | основной источник заказов | |
| 1 862 | 14,4% | 9,37 | 16:04 | 0,32% | нужна доработка посадочных и сниппетов | |
| email-канал | 46 | 10,9% | 14,5 | 15:03 | 2,17% | малый объём, но интересная точка для теста рекламы |
Социальный трафик был лояльным, но требовал пересборки контента
По соцсетям преобладали переходы из Facebook – 60,2%, на втором месте был Instagram – 38,8%. В отчёте отмечалось, что в целом трафик из соцсетей лояльный, но с позиции заказов результат давал в основном Facebook. Поэтому контент в Instagram нужно пересмотреть, а Facebook использовать как канал привлечения новой аудитории.
Портрет аудитории помогает точнее проектировать интерфейс
По данным веб-аналитики в отчёте был составлен портрет посетителя: 92% аудитории из Украины, 38,4% – Киев и Киевская область. Чаще заказы совершали женщины 45–54 лет, также стоило обратить внимание на возраст 55+. Пик посещаемости приходился на 14 часов.
Мобильный опыт требовал отдельной проверки
В отчёте указано, что показатель отказов в целом в пределах нормы, но чуть выше для трафика со смартфонов. Также отмечались проблемы со скоростью загрузки на мобильных. Это важный сигнал: даже если сайт работает на компьютере, покупательский сценарий на телефоне может давать больше трения.
Мобильная версия может снижать конверсию без явной технической поломки
Пользователь может видеть страницу, но испытывать неудобство: мелкие элементы, плавающие блоки, неудобная кнопка “вверх”, слабый поиск, непонятные формы.
Проверять мобильный путь как отдельный сценарий
Нужно пройти путь с телефона: вход, поиск, категория, карточка, условия заказа, форма, сообщение после отправки. Только так видно, где возникают реальные потери.
Аудит юзабилити показал, что сайту нужна и SEO-доработка
В отчёте были рекомендации по смысловой и поисковой доработке: переписать основной текст о компании, выделить конкурентные преимущества, добавить условия заказа, улучшить страницу “О компании”, развивать контент и связать страницы между собой. Для каталожного сайта SEO и UX работают вместе: поисковый спрос приводит пользователя, а удобная структура помогает ему дойти до заказа.
| SEO/контент-задача | Зачем она нужна | Как влияет на UX |
|---|---|---|
| переписать текст о компании | показать преимущества и доверие | пользователь быстрее понимает, почему стоит заказать здесь |
| добавить условия заказа на карточки | снять вопросы перед покупкой | меньше неопределённости перед формой |
| усилить страницу “О компании” | показать фото, сертификаты, опыт | растёт доверие к каталогу и форме заказа |
| создать внутренние переходы | связать каталог, товары и информацию | пользователь не застревает на одной странице |
Что меняется после внедрения рекомендаций
На странице кейса лучше не обещать неподтверждённые проценты роста. Сильнее показать, как сайт становится понятнее и коммерчески управляемее после внедрения рекомендаций.
До аудита
После внедрения
Оптимальный порядок исправлений после аудита
Приоритеты строятся по влиянию на конверсию. Сначала закрываются зоны, где пользователь может потеряться или не отправить заказ, затем – улучшения дизайна, контента и каналов привлечения.
Что получает бизнес после такого аудита юзабилити
Карту пользовательского маршрута
Где пользователь входит, ищет, выбирает товар, переходит к заказу и где может потеряться.
Список критичных правок
Шапка, внутренние страницы, поиск, формы, мобильная версия и доверительные элементы.
Аналитику по источникам
Какие каналы приводят трафик, где поведение лучше и какие посадочные требуют внимания.
Портрет аудитории
География, возраст, поведение, время активности и особенности покупателей.
Приоритеты внедрения
Что исправить сразу, что вынести во второй этап, а что контролировать через аналитику.
Связку UX, SEO и продаж
Как интерфейс, контент, поиск, каталог и формы работают на заказ.
Кому нужен такой аудит юзабилити
Каталожным сайтам
Когда есть товары, категории, поиск и условия заказа, но путь пользователя неочевиден.
Интернет-магазинам
Когда трафик есть, но формы, карточки или мобильная версия мешают заказам.
B2B-проектам
Когда нужно показать надёжность, сертификаты, условия поставки и компанию.
Сайтам после редизайна
Когда внешний вид обновлён, но важно проверить логику, сценарии и аналитику.
Связанные кейсы и разделы VozniNet
Эта страница должна быть связана с общим разделом аудитов и портфолио VozniNet. На странице /audity есть навигация по кейсам создания сайтов, продвижения, web-дизайна, продающих текстов, SEO-аудитов, рассылок, AI-работ и видео.
Вопросы по аудиту юзабилити каталожного сайта
Чем такой аудит отличается от SEO-аудита?
SEO-аудит показывает, как сайт видят поисковые системы. Аудит юзабилити показывает, как сайт проходит человек: понимает ли он меню, поиск, карточку товара, условия и форму заказа.
Почему важно смотреть веб-аналитику?
Интерфейсные замечания становятся сильнее, когда подтверждаются цифрами: источниками трафика, глубиной, отказами, конверсией и поведением на разных устройствах.
Что важнее исправлять первым?
Сначала шапку, поиск, формы, условия заказа на карточках, нерабочие ссылки и мобильные проблемы. Затем – дизайн, контент, блог и внутреннюю перелинковку.
Можно ли использовать такой аудит для интернет-магазина?
Да. Формат особенно полезен для магазинов и каталогов, где есть категории, карточки товаров, формы заказа, поиск и разные источники трафика.
Хотите понять, где посетитель теряет путь к заказу?
VozniNet проведёт аудит юзабилити сайта: проверит шапку, каталог, поиск, карточки товаров, формы, мобильную версию, поведение аудитории, источники трафика и точки конверсии. На выходе вы получите не общие замечания, а карту улучшений для сайта и продаж.