Перейти к содержимому
ManaWebОбсудить задачу
Меню

Печной двор

  • UX
  • Корзина
  • Доставка
  • JavaScript
  • Проверки

Форма доставки на первом экране

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

Опубликовано · 8 сентября 2026Внедрено

Выполнял лично. Разбор сценария, изменение интерфейса, исправление перерисовки и проверка публикации.

Задача

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

Моё решение

Поднять обязательное действие на первый экран и обновлять значения корзины без пересоздания фотографий.

Проверочный экран на ширине 390 px с синтетическим заказом и тестовыми данными. Реальные данные покупателей не используются.
Проверочный экран на ширине 390 px с синтетическим заказом и тестовыми данными. Реальные данные покупателей не используются.Открыть материал целиком
положение первого поля, Москва
с 940 до 271 px
положение первого поля, регионы
с 743 до 303 px
сохранённых изображений в проверке
5 из 5

Как я выполнял работу

  1. 01

    Нашёл незаметный следующий шаг

    На экране после оплаты форма доставки располагалась ниже большого подтверждения. Убрал дубли и сделал выбор доставки главным действием.

    На ширине 390 px первое поле Москвы поднялось с 940 до 271 px; для регионов – с 743 до 303 px.
  2. 02

    Развёл сценарии доставки

    Для Москвы поставил адрес первым, для регионов – выбор способа и населённого пункта, затем данные получателя.

    Сохранены отдельные состояния оплаты, отмены и уже выбранной доставки.
  3. 03

    Устранил мерцание корзины

    Разобрал повторное создание строк при пересчёте. Изменение количества теперь обновляет нужные значения, сохраняя изображения и фокус.

    В контрольном сценарии сохранялись пять из пяти исходных элементов изображений.
  4. 04

    Проверил и опубликовал

    Проверил сайт и режим Mini App, мобильный и настольный вид, суммы и основные действия; сопоставил опубликованные файлы с проверенными.

    Проверки использовали синтетические данные. Изменение продаж и результат на физическом телефоне отдельно не заявлены.

Что получилось

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

Обсудим вашу задачу

Опишите процесс и желаемый результат. Я уточню вводные и предложу первый этап.

Контакты использую для ответа. Автоматической подписки нет.