Tab

Tab (Таб / Вкладка) — UI-элемент переключения между секциями на одном экране без полного перехода. Реализации: top tabs, segmented control, scrollable tabs. Лучшие практики: активный таб визуально выд

Tab (Таб / Вкладка) — UI-элемент переключения между секциями на одном экране без полного перехода. Реализации: top tabs, segmented control, scrollable tabs. Лучшие практики: активный таб визуально выделен цветом и/или индикатором, текст вкладок короткий (1–2 слова), не более 5 табов без горизонтального скролла. Tabs vs bottom navigation: tabs переключают контент внутри раздела, bottom nav — между разделами. Антипаттерн: табы с неодинаковыми по смыслу или объёму разделами — пользователь теряет ориентацию.

Экран сообщений приложения Циан с вкладками для фильтрации сообщений по статусу (Активные, Важные, Непрочитанные). Отображается список диалогов с поддержкой, п…
Экран сообщений приложения Циан с вкладками для фильтрации сообщений по статусу (Активные, Важные, Непрочитанные). Отображается список диалогов с поддержкой, п…

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

Подборка screens с tab controls и tab bar navigation. В подборке 200 экранов из 107 сценариев и 3 приложений. Репрезентативный пример: Циан_64.Для собственника_001.webp в сценарии Для собственника - Мой дом приложения Циан.

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

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

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

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

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

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

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

Основное CTA
Искать (search), 3
Паттерн раскладки
Список (list), 7
Навигационный паттерн
Нижние вкладки (tab_bar), 12
Тема
Светлая тема (light), 10

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

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

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

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

Теги

  • сообщения
  • поддержка
  • помощник
  • уведомления
  • недвижимость
  • для собственника
  • навигация
  • фильтрация
  • авто
  • поиск
  • фильтры
  • volkswagen

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

  • Добавить в поиск (Кнопка (button))
  • Позвонить (Кнопка (button))
  • Написать (Кнопка (button))
  • Пополнить (Кнопка (button))
  • Мой тариф (Кнопка (button))
  • Сменить тариф (Кнопка (button))
  • Все сервисы и приложения (Кнопка (button))
  • Подобрать новостройку (Кнопка (button))

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