Button

Button (Кнопка / CTA) — UI-элемент инициации действия пользователем: основное, вторичное, деструктивное. Три уровня иерархии: Primary (заливка — главное действие), Secondary (обводка — альтернатива),

Button (Кнопка / CTA) — UI-элемент инициации действия пользователем: основное, вторичное, деструктивное. Три уровня иерархии: Primary (заливка — главное действие), Secondary (обводка — альтернатива), Tertiary (текст — вспомогательное). Лучшие практики: один primary CTA на экран, минимум 44×44pt tap target, состояние loading после нажатия до получения ответа. Текст кнопки — глагол в повелительном наклонении: «Оформить заказ», «Войти». Антипаттерн: несколько primary кнопок одинакового веса на экране — пользователь не понимает, какое действие главное.

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

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

Подборка screens, где CTA buttons формируют основную структуру ключевых действий. В подборке 200 экранов из 199 сценариев и 3 приложений. Репрезентативный пример: Мой МТС_52.Перевод на кошелёк_001.webp в сценарии Перевод на кошелёк приложения Мой МТС.

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

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

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

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

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

Намерение пользователя
Управлять аккаунтом (manage_account), 4
Этап воронки
Удержание (retention), 5
Роль шага
Начальный шаг (entry), 10

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

Основное CTA
Другое (other), 8
Паттерн раскладки
Список (list), 5
Навигационный паттерн
Нижние вкладки (tab_bar), 6
Тема
Светлая тема (light), 11

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

Типы экранов
Модальное окно (modal), Поиск (search), Главный экран (home), Каталог (catalog), Список (list), Форма (form), Профиль (profile), Детальная страница (detail)
Состояния экранов
Обычное состояние (default)
Основные CTA
Выбрать (select), Искать (search), Другое (other)
Паттерны раскладки
Список (list), Стопка карточек (card_stack), Сетка (grid), Форма (form)
Навигационные паттерны
Переход вглубь (drill_down), Нижние вкладки (tab_bar), Без явной навигации (none)
Намерения пользователя
Выбрать (select), Фильтровать (filter), Управлять аккаунтом (manage_account), Просматривать (browse), Начать знакомство (onboard), Другое (other)
Этапы воронки
Активация (activation), Обнаружение (discovery), Удержание (retention), Вход в сценарий (entry), Оценка выбора (evaluation)
Темы
Светлая тема (light)
Роли шага
Выбор (selection), Начальный шаг (entry), Ввод данных (input)

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

  • Модальное окно (modal) (ai_screen_type)
  • Поиск (search) (ai_screen_type)
  • Главный экран (home) (ai_screen_type)
  • Каталог (catalog) (ai_screen_type)
  • Список (list) (ai_screen_type)
  • Форма (form) (ai_screen_type)
  • Профиль (profile) (ai_screen_type)
  • Детальная страница (detail) (ai_screen_type)

Теги

  • переводы
  • финансы
  • платежи
  • перевод денег
  • выбор перевода
  • мобильный банк
  • авто
  • поиск
  • фильтры
  • volkswagen
  • golf
  • с пробегом

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

  • Закрыть меню (Кнопка (button))
  • Добавить в поиск (Кнопка (button))
  • пополнить (Кнопка (button))
  • семейная группа (Кнопка (button))
  • мой тариф (Кнопка (button))
  • сменить тариф (Кнопка (button))
  • Умный помощник (Кнопка (button))
  • Умная камера (Кнопка (button))

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