- html5css.dev
- SEO
- SEO продвижение
- Юзабилити сайта
- Корзина и оформление заказа
Корзина и оформление заказа
Последний шаг — самый дорогой: здесь уходят люди, уже готовые заплатить. Разбираем причины отказов и порядок их устранения.
Причины отказов
| Причина | Что видит покупатель | Решение |
|---|---|---|
| Неожиданная сумма | Доставка добавилась на последнем шаге | Показывать стоимость доставки до оформления |
| Обязательная регистрация | Форма с паролем вместо оплаты | Оформление как гость |
| Много шагов | Пятый экран подряд | Один экран или явный индикатор прогресса |
| Много полей | Отчество, дата рождения, компания | Только необходимое для доставки |
| Нет удобной оплаты | Только карта вручную | Платёж в один тап, оплата при получении |
| Корзина обнулилась | Пустая корзина при возврате | Сохранение состава надолго |
| Ошибка без объяснения | «Произошла ошибка» | Понятный текст и альтернативный способ заказа |
| Нет подтверждения | Непонятно, прошёл ли заказ | Явная страница подтверждения и письмо |
Корзина
- Сохраняется между сессиями и устройствами, если пользователь авторизован.
- Виден состав: фото, название, цена за штуку, количество, сумма по позиции.
- Количество меняется на месте, сумма пересчитывается сразу.
- Удаление с возможностью отменить — промахи случаются.
- Итог честный: товары, доставка, скидка, к оплате.
- Понятно, что дальше: одна заметная кнопка перехода к оформлению.
- Ссылка «продолжить покупки» возвращает туда, откуда пришли.
- Индикатор корзины в шапке с числом позиций.
Оформление
- Без регистрации. Аккаунт предлагается после заказа.
- Минимум полей: имя, телефон, адрес доставки. Остальное уточнит менеджер.
- Подсказки адреса вместо ручного ввода города, улицы и индекса.
- Способ доставки с ценой и сроком — выбор осознанный.
- Способы оплаты на выбор, включая оплату при получении.
- Итоговая сумма видна постоянно, а не только в конце.
- Правильные атрибуты полей — см. урок о формах.
Мобильные детали
| Элемент | Как правильно |
|---|---|
| Поля | В одну колонку, высота от 44 px |
| Кнопка оформления | Во всю ширину, не перекрыта клавиатурой |
| Итоговая сумма | Закреплена внизу или всегда видна |
| Ввод карты | Поддержка платёжных кошельков телефона |
| Код из СМС | autocomplete="one-time-code" — подставится автоматически |
| Согласие на обработку | Одна понятная строка, а не три галочки |
После оформления
- Явное подтверждение: номер заказа, состав, сумма, что произойдёт дальше.
- Письмо или сообщение с той же информацией.
- Понятно, как связаться по этому заказу.
- Кнопка блокируется при отправке — иначе будет три одинаковых заказа.
- Ошибка оплаты не теряет заказ: предложите повторить или выбрать другой способ.
Порядок исправлений
- Построить воронку оформления по шагам, отдельно для мобильных.
- Найти шаг с наибольшим падением.
- Посмотреть вебвизор по этому шагу.
- Убрать регистрацию, если она обязательна.
- Показать доставку раньше.
- Сократить поля.
- Проверить результат через две недели и перейти к следующему шагу.
Итог
Корзину бросают не из-за цены, а из-за неожиданностей и лишних шагов. Показывайте доставку заранее, уберите регистрацию, сократите форму и дайте удобную оплату — это даёт больше, чем любые скидки и напоминания. На этом глава о юзабилити закончена; смежная тема — улучшение мобильной конверсии.
Частые вопросы
Почему бросают корзину?
Главные причины: неожиданная итоговая сумма из-за доставки, обязательная регистрация, слишком много шагов и полей, отсутствие удобного способа оплаты. Все они устраняются устройством оформления, а не скидками.
Нужна ли регистрация перед покупкой?
Нет. Оформление как гость — одно из самых заметных улучшений конверсии. Аккаунт можно предложить создать уже после заказа, одним кликом из письма.
Сколько шагов должно быть в оформлении?
Один экран, если данных немного. Если шагов несколько, показывайте индикатор прогресса и позволяйте возвращаться назад без потери введённого.
Должна ли корзина сохраняться?
Обязательно. Человек часто добавляет товары с телефона и покупает позже. Корзина, обнуляющаяся при закрытии вкладки, теряет заметную часть заказов.