Флоу «Пополнить» в приложении Циан
Разбор флоу «Пополнить» в приложении Циан: ключевые экраны, UX-паттерны, UI-элементы и тексты интерфейса. Пользователь начинает с экрана кошелька с нулевым балансом, где…
Категории
- Недвижимость
- Аренда жилья
Контекст страницы
- Приложение
- Циан
- Сценарий
- Пополнить
- Категории
- Недвижимость, Аренда жилья
- Версия
- 2.412.0
Семантический профиль
- Тип экрана
- Профиль (profile)
- Состояние экрана
- Пустой экран (empty)
Путь пользователя
- Намерение пользователя
- Управлять аккаунтом (manage_account)
- Этап воронки
- Удержание (retention)
- Роль шага
- Начальный шаг (entry)
Паттерны и действия
- Основное CTA
- Другое (other)
- Паттерн раскладки
- Один главный фокус (single_focus)
- Навигационный паттерн
- Переход вглубь (drill_down)
- Тема
- Светлая тема (light)
Семантические сигналы
- Типы экранов
- Профиль (profile), Модальное окно (modal), Нижняя шторка (bottom_sheet), Форма (form)
- Состояния экранов
- Пустой экран (empty), Обычное состояние (default)
- Основные CTA
- Другое (other), Продолжить (continue), Подтвердить (confirm)
- Паттерны раскладки
- Один главный фокус (single_focus), Модальное окно (modal), Форма (form), Нижняя шторка (bottom_sheet)
- Навигационные паттерны
- Переход вглубь (drill_down), Без явной навигации (none)
- Намерения пользователя
- Управлять аккаунтом (manage_account), Оплатить (pay), Начать знакомство (onboard)
- Этапы воронки
- Удержание (retention), Монетизация (monetization), Активация (activation)
- Темы
- Светлая тема (light)
- Роли шага
- Начальный шаг (entry), Ввод данных (input), Выбор (selection), Промежуточный шаг (intermediate)
Текст на экране
Кошелёк У меня есть промокод Последние операции В этом месяце операций не было Разместите объявление или пополните счёт чтобы увидеть тут информацию о совершённых операциях Привязанные карты У вас нет привязанных карт Добавить карту мож
0 ₽
Элементы интерфейса
- Профиль (profile) (ai_screen_type)
- Модальное окно (modal) (ai_screen_type)
- Нижняя шторка (bottom_sheet) (ai_screen_type)
- Форма (form) (ai_screen_type)
- Пустой экран (empty) (ai_screen_state)
- Обычное состояние (default) (ai_screen_state)
- Другое (other) (ai_primary_cta_type)
- Продолжить (continue) (ai_primary_cta_type)
Теги
- кошелёк
- баланс
- пополнение
- промокод
- операции
- привязанные карты
- платежи
- оплата
- сумма
- способы оплаты
- сбп
- финансы
Ключевые действия
- Пополнить (Кнопка (button))
- сбп (Кнопка (button))
- Другие способы (Кнопка (button))
- + 100 (Кнопка (button))
- + 500 (Кнопка (button))
- + 1 000 (Кнопка (button))
- Продолжить (Кнопка (button))
- сбп (Кнопка (button))
Ключевые экраны
- Экран кошелька с балансом 0 рублей. Пользователь может пополнить счёт кнопкой «Пополнить» или ввести промокод. Отображается сообщение об отсутствии операций за текущий месяц и отсутствие привязанных карт с подсказкой добавить карту при оплате.
- Экран пополнения баланса с вводом суммы и выбором способа оплаты. Пользователь может выбрать быстрые суммы +100, +500, +1000 рублей, оплатить через СБП или другие способы. Кнопка продолжить неактивна до ввода суммы.
- Экран с формой для пополнения баланса, где пользователь может ввести сумму, выбрать способ оплаты (СБП или другие способы) и использовать быстрые кнопки для выбора суммы. Кнопка продолжить неактивна до ввода суммы.
- Экран для пополнения баланса кошелька с вводом суммы, выбором способа оплаты (СБП или другие способы) и быстрыми кнопками для добавления фиксированных сумм. Пользователь может подтвердить операцию кнопкой «Продолжить».
- Экран выбора способа оплаты для пополнения баланса кошелька. Пользователь видит список доступных методов оплаты: ЮMoney, SberPay и банковская карта, и может выбрать один из них для продолжения операции.
- Экран пополнения баланса через банковскую карту с указанием суммы платежа 1000 рублей. Пользователь может ввести номер карты, разрешить автосписания и продолжить оплату, принимая условия сервиса.
Связанные страницы
- Экран кошелька с балансом 0 рублей. Пользователь может пополнить счёт кнопкой «Пополнить» или ввести промокод. Отображается сообщение об отсутствии операций за текущий месяц и отсутствие привязанных карт с подсказкой добавить карту при оплате.
- Экран пополнения баланса с вводом суммы и выбором способа оплаты. Пользователь может выбрать быстрые суммы +100, +500, +1000 рублей, оплатить через СБП или другие способы. Кнопка продолжить неактивна до ввода суммы.
- Экран с формой для пополнения баланса, где пользователь может ввести сумму, выбрать способ оплаты (СБП или другие способы) и использовать быстрые кнопки для выбора суммы. Кнопка продолжить неактивна до ввода суммы.
- Экран для пополнения баланса кошелька с вводом суммы, выбором способа оплаты (СБП или другие способы) и быстрыми кнопками для добавления фиксированных сумм. Пользователь может подтвердить операцию кнопкой «Продолжить».
- Экран выбора способа оплаты для пополнения баланса кошелька. Пользователь видит список доступных методов оплаты: ЮMoney, SberPay и банковская карта, и может выбрать один из них для продолжения операции.
- Экран пополнения баланса через банковскую карту с указанием суммы платежа 1000 рублей. Пользователь может ввести номер карты, разрешить автосписания и продолжить оплату, принимая условия сервиса.
- Баланс - Кошелёк