Флоу «Оформить заказ» в приложении Детский магазин «Детский мир»
Разбор флоу «Оформить заказ» в приложении Детский магазин «Детский мир»: ключевые экраны, UX-паттерны, UI-элементы и тексты интерфейса. Пользователь начинает оформление…
Категории
- Товары для детей
- E-commerce
- Покупки
- Одежда и обувь
Контекст страницы
- Приложение
- Детский магазин «Детский мир»
- Сценарий
- Оформить заказ
- Категории
- Товары для детей, E-commerce, Покупки, Одежда и обувь
- Версия
- 18.8.0
Семантический профиль
- Тип экрана
- Корзина (cart)
- Состояние экрана
- Обычное состояние (default)
Путь пользователя
- Намерение пользователя
- Купить (purchase)
- Этап воронки
- Конверсия (conversion)
- Роль шага
- Проверка (review)
Паттерны и действия
- Основное CTA
- Перейти к оформлению (checkout)
- Паттерн раскладки
- Список (list)
- Навигационный паттерн
- Нижние вкладки (tab_bar)
- Тема
- Светлая тема (light)
Семантические сигналы
- Типы экранов
- Корзина (cart), Форма (form), Оформление заказа (checkout), Модальное окно (modal), Успешный экран (success)
- Состояния экранов
- Обычное состояние (default), Успешное состояние (success)
- Основные CTA
- Перейти к оформлению (checkout), Продолжить (continue), Выбрать (select), Другое (other)
- Паттерны раскладки
- Список (list), Форма (form), Сетка (grid), Модальное окно (modal)
- Навигационные паттерны
- Нижние вкладки (tab_bar), Переход вглубь (drill_down), Без явной навигации (none)
- Намерения пользователя
- Купить (purchase), Выбрать (select), Другое (other)
- Этапы воронки
- Конверсия (conversion), Активация (activation), После конверсии (post_conversion)
- Темы
- Светлая тема (light)
- Роли шага
- Проверка (review), Ввод данных (input), Выбор (selection), Промежуточный шаг (intermediate), Подтверждение (confirmation)
Текст на экране
Корзина Накопить Списать +33,80 Электронные чеки помогают тратить меньше бумаги и сохранять планету для детей Получать электронные чеки В Подарочная карта Промокоды 2 товара Вес заказа 2,1 кг Акции -4 Итого 3398 +33,80 бонуса
2 товара Вес заказа: 2,1 кг
Элементы интерфейса
- Корзина (cart) (ai_screen_type)
- Форма (form) (ai_screen_type)
- Оформление заказа (checkout) (ai_screen_type)
- Модальное окно (modal) (ai_screen_type)
- Успешный экран (success) (ai_screen_type)
- Обычное состояние (default) (ai_screen_state)
- Успешное состояние (success) (ai_screen_state)
- Перейти к оформлению (checkout) (ai_primary_cta_type)
Теги
- корзина
- бонусы
- электронные чеки
- подарочная карта
- промокоды
- итоговая сумма
- оформить заказ
- оформление заказа
- получатель
- форма
- контактные данные
- рассылка
Ключевые действия
- Оформить заказ (Кнопка (button))
- Далее (Кнопка (button))
- Далее (Кнопка (button))
- Изменить (Кнопка (button))
- Далее (Кнопка (button))
- Далее (Кнопка (button))
- Накопить +33,80 (Кнопка (button))
- Подарочная карта (Кнопка (button))
Ключевые экраны
- Экран корзины с информацией о накопленных бонусах, возможности включить электронные чеки, добавить подарочную карту и промокоды. Отображается итоговая сумма заказа с учетом скидок и кнопка для оформления заказа.
- Экран для ввода и подтверждения данных получателя заказа с полями для имени, телефона и электронной почты. Пользователь может включить или отключить получение электронных чеков и рассылку об акциях. Внизу расположена кнопка для перехода к следующему шагу оформления заказа.
- Экран для ввода и подтверждения данных получателя заказа с полями для имени, телефона и электронной почты. Пользователь может включить или отключить получение электронных чеков и рассылку об акциях. Внизу расположена кнопка для перехода к следующему шагу оформления заказа.
- Экран оформления заказа с выбором пункта самовывоза, времени сбора заказа и способа оплаты. Пользователь может изменить пункт самовывоза, выбрать дату сбора и способ оплаты, после чего перейти к следующему шагу оформления.
- Экран выбора способа оплаты при самовывозе заказа. Пользователь может выбрать один из нескольких способов оплаты, просмотреть данные получателя и добавить дополнительные товары к заказу. Внизу расположена кнопка для перехода к следующему шагу оформления.
- Экран позволяет пользователю добавить дополнительные товары к заказу при самовывозе, просмотреть информацию о бонусной карте, подарочной карте и промокодах, а также увидеть итоговую стоимость заказа с учетом скидок. Внизу расположена кнопка для перехода к следующему шагу оформления.
Связанные страницы
- Экран корзины с информацией о накопленных бонусах, возможности включить электронные чеки, добавить подарочную карту и промокоды. Отображается итоговая сумма заказа с учетом скидок и кнопка для оформления заказа.
- Экран для ввода и подтверждения данных получателя заказа с полями для имени, телефона и электронной почты. Пользователь может включить или отключить получение электронных чеков и рассылку об акциях. Внизу расположена кнопка для перехода к следующему шагу оформления заказа.
- Экран для ввода и подтверждения данных получателя заказа с полями для имени, телефона и электронной почты. Пользователь может включить или отключить получение электронных чеков и рассылку об акциях. Внизу расположена кнопка для перехода к следующему шагу оформления заказа.
- Экран оформления заказа с выбором пункта самовывоза, времени сбора заказа и способа оплаты. Пользователь может изменить пункт самовывоза, выбрать дату сбора и способ оплаты, после чего перейти к следующему шагу оформления.
- Экран выбора способа оплаты при самовывозе заказа. Пользователь может выбрать один из нескольких способов оплаты, просмотреть данные получателя и добавить дополнительные товары к заказу. Внизу расположена кнопка для перехода к следующему шагу оформления.
- Экран позволяет пользователю добавить дополнительные товары к заказу при самовывозе, просмотреть информацию о бонусной карте, подарочной карте и промокодах, а также увидеть итоговую стоимость заказа с учетом скидок. Внизу расположена кнопка для перехода к следующему шагу оформления.
- Корзина