Юзабилити корзины: 12 мест, где интернет-магазин теряет покупателя

Юзабилити корзины и чек-лист по уменьшению брошенных корзин начинается с цифр: в среднем 68–70% покупателей уходят, не завершив оплату. Каждое лишнее поле в форме отнимает 3–5% конверсии, а показ стоимости доставки только на последнем шаге дает минус 12%. Оформление, растянутое на пять экранов вместо двух, теряет еще четверть заказов. Средний чек падает на 8%, если нет подсказки о бесплатной доставке до порога. Возврат 10% незавершенных заказов приносит магазину до 15% дополнительной выручки без роста рекламного бюджета.

Пример из практики. Интернет-магазин товаров для дачи в Казани с оборотом 6,4 млн рублей в месяц терял 74% оформлений. Аналитика показала: половина уходов приходится на шаг с регистрацией, треть — на экран выбора доставки. Владелец Рустем Ахметов убрал обязательную регистрацию, оставив одну строку с телефоном, поднял стоимость и сроки доставки выше кнопки оплаты, добавил гостевой заказ и автозаполнение адреса по индексу. Переделка заняла три недели. Конверсия выросла с 1,8 до 2,7%, число завершенных заказов — на 460 в месяц, а средний чек прибавил 340 рублей за счет блока с допродажей. Это классический пример того, как грамотная разработка интернет-магазина с фокусом на UX окупается мгновенно.

По данным исследований e-commerce, около 60% пользователей бросают покупку из-за непрозрачной стоимости доставки, 23% — из-за принудительной регистрации, 18% — из-за неудобной формы на телефоне. Доля мобильного трафика в магазинах доходит до 70%, при этом конверсия со смартфонов остается почти вдвое ниже, чем с компьютеров.

Почему покупатель уходит на оплате

Причины делятся на три группы: неизвестность по деньгам, лишние усилия и недоверие. Первая лечится прозрачностью, вторая — сокращением шагов, третья — понятными гарантиями возврата и оплаты. Ниже — то, что встречается в аудитах чаще всего.

• Итоговая сумма с доставкой видна только после ввода адреса.
• Требование создать аккаунт до оформления заказа.
• Форма на пять-семь полей вместо двух-трех ключевых.
• Ошибки ввода без подсказки: поле краснеет, но причина непонятна.
• Отсутствие способов оплаты, к которым привык покупатель.
• Таймер бронирования, который давит и раздражает.
• Медленная скорость загрузки страницы на мобильной сети.
• Отсутствие выбора пункта выдачи и срока доставки.

Отдельная причина — стоимость доставки, всплывающая в конце. Человек уже мысленно согласился с ценой товара, а на последнем шаге видит плюс 400 рублей и уходит искать дешевле. Показать эти цифры сразу проще, чем потом возвращать покупателя письмом и скидкой. Такая корзина кажется честной, но по факту обманывает ожидания, и вернуть доверие уже сложно.

Как построить путь до кнопки «Оплатить»

Хороший экран отвечает на три вопроса без прокрутки: что я покупаю, сколько платить и когда получу. Все, что мешает получить ответ, стоит убрать или перенести ниже. Правило простое: чем меньше решений принимает человек на этом этапе, тем выше доля завершенных заказов. Уменьшать число шагов стоит до тех пор, пока каждый из них не станет очевидным.

• Короткий путь: оформление на одной странице или в двух шагах.
• Гостевой заказ с предложением создать аккаунт после оплаты.
• Итог с доставкой и налогом виден до нажатия кнопки.
• Поле телефона с маской, адрес с подсказками по индексу.
• Кнопка оплаты закреплена внизу экрана на смартфоне.
• Корзина сохраняется при возврате на сайт через неделю.

Каждый шаг стоит измерять отдельно. Если между добавлением товара и подтверждением теряется больше половины людей, проблема в форме или в сумме, а не в трафике. Разбирать это нужно по шагам, а не целиком по воронке — иначе выводы будут о среднем по больнице.

Отдельного внимания требует сама корзина как экран. Если она открывается в новом окне, теряется контекст, и часть людей просто закрывает вкладку. Корзина должна быть доступна с любой страницы и открываться без перезагрузки, а переход к оформлению — занимать один клик, а не три.

Таблица: где теряются деньги

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

Чек-лист: что проверить в своем магазине

Пройти по списку можно за час, а найти — половину проблем. Проверять лучше на телефоне, с реальной картой и настоящим адресом, а не в тестовом режиме на большом мониторе. Такой перечень стоит держать под рукой при каждой правке шаблона интернет-магазина.

• Сумма с доставкой видна до ввода данных.
• Заказ оформляется без регистрации за два-три поля.
• Кнопка оплаты заметна и не теряется при прокрутке.
• Ошибки объясняют, что именно исправить.
• Способы оплаты включают карту и СБП.
• Корзина сохраняется при закрытии вкладки.
• Страница грузится быстрее трех секунд на мобильной сети.
• Есть подсказка о бесплатной доставке до порога.
• Итог пересчитывается сразу после смены количества.
• Возврат к покупкам не обнуляет уже выбранное.

После правок стоит вернуться к тем, кто не завершил заказ: письмо с напоминанием и ссылкой на сохраненную корзину возвращает 5–10% покупателей. Это дешевле, чем покупать новый трафик, и работает даже без скидки — иногда достаточно напомнить, что товар еще в наличии.

Мобильная версия: где ломается больше всего

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

• Кнопка оплаты шириной в экран и не меньше 48 пикселей по высоте.
• Клавиатура не перекрывает поле ввода и подсказки.
• Количество меняется кнопками, а не только вручную.
• Итоговая сумма продублирована вверху и внизу страницы.
• Значки гарантии, возврата и оплаты видны без прокрутки.
• Фотографии товара не растягивают страницу на несколько экранов.

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

Доставка, порог и допродажа

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

• Тариф доставки указан в карточке товара и на экране оформления.
• Шкала «до бесплатной доставки осталось N рублей» видна сразу.
• Самовывоз предложен как более дешевый вариант с адресом пункта.
• Допродажа показывает товары, дополняющие выбранный, а не случайные.
• Сроки доставки даны интервалом, а не фразой «в течение месяца».

Отдельно про промокоды. Поле для них многие прячут в надежде, что покупатель забудет про скидку. Экономия сомнительная: люди уходят искать код в другом месте, а часть возвращается уже к конкуренту. Ссылка «У меня есть промокод» рядом с итоговой суммой снимает раздражение и почти не снижает маржу.

Возврат тех, кто уже ушел

Даже аккуратная корзина не спасает от части отказов, поэтому работает второй контур — возврат. Письмо с напоминанием оставляет человеку выбор вернуться, а магазину дает второй шанс без затрат на рекламу.

• Напоминание через час после ухода и повтор через сутки.
• Ссылка ведет в корзину с сохраненным составом.
• Текст без давления: товар в наличии, срок доставки прежний.
• Скидка во втором письме, но не в первом — иначе ждут акцию.

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

Бросать напоминания после первого письма не стоит: практика показывает, что второе сообщение дает больше возвратов, чем первое. Главное — не превращать их в спам и не повторять одну и ту же формулировку дважды.

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

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

• Доля незавершенных оформлений по шагам.
• Конверсия из просмотра в оплату отдельно для телефона и компьютера.
• Средний чек и число позиций в заказе.
• Время от добавления товара до подтверждения.

Смотреть стоит на недельные срезы, а не на один день: трафик колеблется, и случайный всплеск легко принять за результат. Если показатель не двинулся за две недели, гипотеза не сработала, и ее надо менять, а не дожимать скидками. Процент завершенных покупок — главный индикатор, остальные лишь объясняют, откуда он взялся.

Как тестировать изменения правильно

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

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

Частые вопросы

Закажите аудит оформления заказа

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

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