При оформлении заказа не сохраняются данные, введённые на предыдущем шаге, при перезагрузке страницы

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

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

Система не даёт сигналов об автосохранении, не показывает индикатор записи, не предлагает восстановить введённое. Валидация при перезагрузке срабатывает заново, подчёркивает пустые поля и воспринимается как ошибка пользователя, хотя причина техническая.

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

Когда проблема критична, а когда нет

Критична:

• Многошаговый чекаут с длинными формами (доставка, адреса, комментарии, документы).
• Товары с конфигурацией (размер, цвет, сборки), выбор ПВЗ, слоты доставки.
• Высокая доля мобильного трафика и нестабильных сетей.
• Гостей больше, чем авторизованных, данные не подтягиваются из профиля.
• Ограниченные по времени офферы, распродажи, бронь билетов/слотов.
• Вертикали с высокой стоимостью ошибки: travel, билеты, продуктовые доставки, медицина, страхование, маркетплейсы, B2B-корзины.

Не критична:

• Одностраничный чекаут с 3–4 полями и быстрым оплатным сценарием.
• Авторизованные пользователи с сохранёнными адресами и способами доставки.
• Автозаполнение из браузера/кошельков и минимальная ручная вводная нагрузка.
• Низкая доля перезагрузок (SPA без перезагрузки, стабильная сеть) и короткая сессия.
• Сценарии, где на предыдущем шаге вводится мало данных или шаг условно «читается», а не редактируется.

Открытый вопрос для UX-исследователей

Что именно из введённых данных теряется при перезагрузке на каждом шаге оформления заказа, в каких ситуациях это происходит, и какие действия предпринимают пользователи после потери данных?

Возможное решение проблемы

• Сохраняйте состояние чекаута по событию change/blur и перед уходом со страницы. Храните минимум: значения полей, выбранные опции, текущий шаг.
• Делайте двухконтурное сохранение: локально (sessionStorage/localStorage с TTL) и на сервере (черновик, привязанный к cartId/anonId/userId). Сервер — источник истины.
• Восстанавливайте данные при загрузке: проверяйте черновик, предлагайте «Восстановить» или «Начать заново». По умолчанию — восстановить, если черновик свежий и валиден.
• Не сбрасывайте корректные поля при повторной валидации и обновлении токенов. Валидацию проводите по полям, а не перезапуская весь шаг.
• Сохраняйте выбор доставки, ПВЗ, тайм-слоты, комментарии, промокод. Учитывайте зависимости (город → список ПВЗ).
• Показывайте мини-сообщения «Сохраняем… Сохранено». Это снижает тревожность и объясняет поведение интерфейса.
• Добавьте правильные атрибуты автозаполнения (autocomplete, inputmode). Не мешайте системному автозаполнению.
• Не храните платёжные данные в локальном хранилище. Используйте платёжные шлюзы, Payment Request API, Apple Pay/Google Pay.
• Реализуйте TTL и очистку черновиков. Дайте явную кнопку «Очистить данные».

Примеры гипотез для роста конверсии

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