Input

Input (Инпут / Поле ввода) — UI-элемент захвата пользовательского ввода: текст, число, дата, пароль, поиск. Применение: формы регистрации, поиск, checkout, настройки профиля. Лучшие практики: placehol

Input (Инпут / Поле ввода) — UI-элемент захвата пользовательского ввода: текст, число, дата, пароль, поиск. Применение: формы регистрации, поиск, checkout, настройки профиля. Лучшие практики: placeholder только как подсказка, не как замена лейбла; floating label при фокусе; inline-валидация в реальном времени без потери фокуса; правильный тип клавиатуры (email, numeric, tel). Длина поля визуально намекает на ожидаемый объём ввода — короткое для кода, длинное для адреса. Антипаттерн: форма из 10+ инпутов на одном экране без разбивки на логические шаги.

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

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

Подборка screens с input-heavy controls для forms, search and authentication. В подборке 200 экранов из 133 сценариев и 3 приложений. Репрезентативный пример: Мой МТС_25.Cashback_001.webp в сценарии Cashback приложения Мой МТС.

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

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

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

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

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

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

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

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

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

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

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

  • Главный экран (home) (ai_screen_type)
  • Поиск (search) (ai_screen_type)
  • Форма (form) (ai_screen_type)
  • Профиль (profile) (ai_screen_type)
  • Детальная страница (detail) (ai_screen_type)
  • Каталог (catalog) (ai_screen_type)
  • Обычное состояние (default) (ai_screen_state)
  • Другое (other) (ai_primary_cta_type)

Теги

  • баланс
  • расходы
  • подключённые услуги
  • тариф
  • семейная группа
  • персональные бонусы
  • скидки
  • поиск
  • фильтры
  • недвижимость
  • материал дома
  • ключевые слова

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

  • пополнить (Кнопка (button))
  • семейная группа (Кнопка (button))
  • мой тариф (Кнопка (button))
  • сменить тариф (Кнопка (button))
  • Смотреть 8 438 объявлений (Кнопка (button))
  • Сохранить поиск (Кнопка (button))
  • Выбрать (Кнопка (button))
  • Добавить (Кнопка (button))

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