Tab bar

Tab bar (Таббар / Нижняя навигация / Панель вкладок) — паттерн основной навигации в нижней части экрана с постоянным доступом к 3–5 разделам. Стандарт нативного мобильного UX на iOS и Android. Лучшие

Tab bar (Таббар / Нижняя навигация / Панель вкладок) — паттерн основной навигации в нижней части экрана с постоянным доступом к 3–5 разделам. Стандарт нативного мобильного UX на iOS и Android. Лучшие практики: 3–5 пунктов, иконка + короткий лейбл, активный таб визуально выделен цветом или bold. Tab bar должен оставаться видимым при скролле контента. Сравнение: tab bar vs top navigation — нижняя навигация доступнее большому пальцу на крупных экранах. Антипаттерн: таббар с 6+ пунктами или только с иконками без лейблов — пользователь не угадывает назначение иконок.

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

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

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

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

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

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

Семейство
Паттерны
Фокус
Tab bar
Экраны
200
Сценарии
173
Приложения
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))

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