UX корзины интернет-магазина: почему покупатели бросают заказ и как это исправить

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

Сколько заказов теряется из-за корзины

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

Посетитель может добавить товар в корзину по разным причинам:

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

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

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

• просмотр карточки товара;
• добавление в корзину;
• переход к оформлению;
• ввод контактов;
• выбор доставки и оплаты;
• нажатие кнопки подтверждения;
• успешная оплата или отправка заказа.

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

Почему покупатели бросают заказ в интернет-магазине

Чаще всего отказ возникает, когда человек узнаёт реальную цену, условия доставки или объём работы только на последнем шаге. Если сведения скрыты до этого момента, покупатель чувствует себя поставленным перед фактом. Хорошая корзина заранее отвечает на три вопроса: сколько платить, когда привезут и что произойдёт после оформления.

Есть и менее очевидные причины. Товар нельзя удалить без перезагрузки страницы. Количество меняется только через отдельный экран. Выбранный размер пропадает после возврата в корзину. Промокод вынесен в заметный блок, и пользователь вместо покупки начинает искать скидку.

Непонятные сообщения об ошибках тоже забирают заказы. Фраза «Произошла ошибка» не объясняет, что делать. Лучше написать: «Введите номер в формате 8 777 123 45 67» или «Этот способ доставки недоступен для выбранного города». Сообщение должно находиться рядом с проблемным полем, а введённые данные - сохраняться.

Как проверить UX корзины без дорогого исследования

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

Проверяйте путь в таком порядке:

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

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

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

Как упростить оформление заказа

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

Оптимальная форма обычно включает:

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

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

Кнопка должна описывать действие: «Оформить заказ» или «Перейти к оплате». Не используйте рядом две одинаково заметные кнопки «Назад» и «Подтвердить», если они визуально конкурируют. Возврат к редактированию должен быть доступен, но не перетягивать внимание от следующего шага.

Если процесс многошаговый, показывайте прогресс: «1 из 3 - контакты», «2 из 3 - доставка», «3 из 3 - оплата». После перехода назад данные должны сохраняться. Перезагрузка страницы не должна превращать заполненную форму в пустую. Для этого проверяют сохранение состояния и поведение корзины после закрытия вкладки.

Что учесть в UX корзины для Казахстана

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

До кнопки оплаты стоит явно указать:

• какие способы оплаты доступны для выбранного товара;
• на каком шаге проходит оплата;
• есть ли комиссия и кто её оплачивает;
• сколько стоит доставка в Алматы, Астану и другие города;
• когда заказ будет передан в доставку;
• можно ли забрать товар самостоятельно и где находится точка;
• как связаться с менеджером, если адрес не находится.

Если у бизнеса есть офлайн-точка, адрес лучше показывать не только текстом. Добавьте карту или кнопку для построения маршрута, а рядом укажите режим работы. Человек должен быстро понять, сможет ли он забрать заказ по пути, а не искать филиал вручную. Если самовывоз временно недоступен, это нужно обозначить до оформления.

Для доставки по Казахстану полезен выбор города до ввода полного адреса. После него можно менять доступные способы и сроки. В Алматы курьер сегодня и пункт выдачи завтра - разные сценарии; в небольшом городе выбор может быть уже. Интерфейс должен показывать реальную доступность, а не обещать одинаковую доставку для всех.

Номер телефона проверяйте без жёсткой привязки к одному виду записи. Пользователь может ввести его с «8», «+7» или пробелами. Система должна привести формат к единому виду, но не заставлять человека исправлять очевидно корректный номер вручную. При ошибке объясните ожидаемый формат и не стирайте введённые цифры.

Как вернуть покупателя после брошенной корзины

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

Сценарий может выглядеть так:

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

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

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

Текст напоминания лучше строить вокруг конкретного препятствия: «Нужна помощь с размером?» или «Проверить доставку в Астану». Сообщение «Вы забыли покупку» звучит как упрёк. Не отправляйте много сообщений подряд и предусмотрите отказ от маркетинговых рассылок. Ссылку на корзину проверяйте с телефона до запуска сценария.

Что тестировать в чекауте и в каком порядке

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

Приоритет можно определить по такой очереди:

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

Смотрите не только на число оплаченных заказов. Отдельно измеряйте переход из корзины к форме, завершение формы, успешную оплату и долю ошибок. Если заказов стало больше, но выросло количество обращений по одному и тому же вопросу, интерфейс всё ещё требует доработки. Аналитику сопоставляйте с обращениями менеджеров и возвратами.

Записи сессий и тепловые карты могут показать, где пользователь нажимает несколько раз, пытается прокрутить неактивный блок или возвращается к уже заполненному полю. Перед установкой таких сервисов проверьте настройки приватности и не записывайте платёжные данные. Инструмент полезен для поиска проблем, но не объясняет мотив пользователя без дополнительной проверки.

A/B-тест имеет смысл при достаточном потоке заказов. Если покупок мало, надёжнее провести несколько наблюдаемых сценариев, изучить обращения клиентов и исправить очевидные барьеры. На небольшом магазине случайное колебание заказов легко принять за результат теста. Любое изменение фиксируйте: дата, версия интерфейса, сегмент и измеряемый шаг.

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

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

• Нужно ли обязательно делать покупку без регистрации? Да, если товар можно отгрузить без аккаунта. Гостевой заказ сокращает барьер, а создать личный кабинет можно предложить после покупки.
• Стоит ли сразу давать скидку за брошенную корзину? Не всегда. Сначала проверьте доставку, оплату и форму: скидка не исправит техническую ошибку и приучит ждать бонус.
• Какой чекаут лучше - в один экран или по шагам? Подходит тот вариант, где клиент понимает прогресс и не теряет данные. Для небольшого заказа часто удобен один экран, для сложной доставки - несколько коротких шагов.
• Можно ли принимать заказы только через мессенджер? Это удобно для консультации, но плохо масштабируется и мешает аналитике. Лучше оставить полноценную корзину, а переписку использовать как дополнительную помощь.
• Нужно ли показывать промокод в корзине? Если промокоды используются регулярно, поле должно быть доступным, но не доминирующим. При редких акциях его можно свернуть, чтобы пользователь не уходил искать скидку.
• Когда нужен редизайн, а когда достаточно доработки? Если ломается один шаг, обычно хватает точечного исправления. Редизайн оправдан, когда проблемы повторяются в каталоге, карточке, корзине и мобильной версии одновременно.

С чего начать исправление корзины

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

Если нужен новый магазин или переработка существующего чекаута, мы проектируем интернет-магазины с учётом мобильного сценария, SEO-структуры и удобной админки. Разработка интернет-магазина у нас начинается от 500 000 ₸ и занимает от 30 дней; редизайн - от 350 000 ₸, срок от 14 дней. Цена фиксируется после брифа, на проект действует гарантия 12 месяцев и предусмотрены два бесплатных круга правок.

Pozhidayev работает из Алматы с компаниями по всему Казахстану, в том числе удалённо. На первой встрече можно разобрать текущую воронку, определить узкое место и понять, нужна ли полноценная переделка или хватит нескольких точечных изменений.