Modal

Modal (Модальное окно / Попап) — паттерн принудительного фокуса: контент блокирует фон и требует явного действия от пользователя. Когда использовать: подтверждение критичного действия, ввод данных без

Modal (Модальное окно / Попап) — паттерн принудительного фокуса: контент блокирует фон и требует явного действия от пользователя. Когда использовать: подтверждение критичного действия, ввод данных без перехода, предупреждение. Лучшие практики: один чёткий заголовок, не более двух CTA, обязательный способ закрыть. В CJM модальное окно появляется в точках принятия решений — удаление, оплата, согласие. Антипаттерн: модалка поверх модалки или модал для некритичного контента, который можно показать inline.

Экран с разделом переводов денег, где пользователь может выбрать тип перевода: по России, за рубеж, из-за рубежа, на баланс телефона или на кошелёк. Отображает…
Экран с разделом переводов денег, где пользователь может выбрать тип перевода: по России, за рубеж, из-за рубежа, на баланс телефона или на кошелёк. Отображает…

Что покрывает эта подборка

Подборка экранов с модальными окнами и overlay-patterns для focused actions и confirmations. В подборке 200 экранов из 109 сценариев и 3 приложений. Репрезентативный пример: Мой МТС_50.Переводы зарубеж_001.webp в сценарии Переводы за рубеж приложения Мой МТС.

Контекст страницы

Семейство
Паттерны
Фокус
Modal
Экранов
200
Сценариев
109
Приложений
3

Семантический профиль

Семейство
Паттерны
Фокус
Modal
Экраны
200
Сценарии
109
Приложения
3

Путь пользователя

Намерение пользователя
Просматривать (browse), 4
Этап воронки
Обнаружение (discovery), 4
Роль шага
Промежуточный шаг (intermediate), 5

Паттерны и действия

Основное CTA
Подтвердить (confirm), 3
Паттерн раскладки
Модальное окно (modal), 12
Навигационный паттерн
Переход вглубь (drill_down), 10
Тема
Светлая тема (light), 6

Семантические сигналы

Типы экранов
Модальное окно (modal)
Состояния экранов
Обычное состояние (default), Успешное состояние (success)
Основные CTA
Выбрать (select), Подтвердить (confirm), Другое (other)
Паттерны раскладки
Модальное окно (modal)
Навигационные паттерны
Переход вглубь (drill_down), Без явной навигации (none)
Намерения пользователя
Выбрать (select), Просматривать (browse), Перейти на платный доступ (upgrade), Другое (other), Управлять аккаунтом (manage_account)
Этапы воронки
Обнаружение (discovery), Другое (other), Активация (activation), Оценка выбора (evaluation), Удержание (retention)
Темы
Светлая тема (light)
Роли шага
Выбор (selection), Промежуточный шаг (intermediate), Подтверждение (confirmation)

Элементы интерфейса

  • Модальное окно (modal) (ai_screen_type)
  • Обычное состояние (default) (ai_screen_state)
  • Успешное состояние (success) (ai_screen_state)
  • Выбрать (select) (ai_primary_cta_type)
  • Подтвердить (confirm) (ai_primary_cta_type)
  • Другое (other) (ai_primary_cta_type)
  • Модальное окно (modal) (ai_layout_style)
  • Переход вглубь (drill_down) (ai_navigation_pattern)

Теги

  • переводы
  • деньги
  • финансы
  • переводы по россии
  • переводы за рубеж
  • баланс телефона
  • кошелёк
  • инфраструктура
  • жилой комплекс
  • удобства
  • детский сад
  • спортивные площадки

Ключевые действия

  • Переводы по России (Кнопка (button))
  • За рубеж (Кнопка (button))
  • Из-за рубежа (Кнопка (button))
  • На баланс телефона (Кнопка (button))
  • На кошелёк (Кнопка (button))
  • Закрыть (Кнопка (button))
  • Закрыть (Кнопка (button))
  • Закрыть (Кнопка (button))

Подходящие страницы