Navigation

Navigation (Навигация) — UI-элементы перемещения по приложению: tab bar, top app bar, back button, FAB, breadcrumb. Каждый элемент решает конкретную задачу: tab bar — постоянный доступ к основным разд

Navigation (Навигация) — UI-элементы перемещения по приложению: tab bar, top app bar, back button, FAB, breadcrumb. Каждый элемент решает конкретную задачу: tab bar — постоянный доступ к основным разделам, back button — выход из текущего контекста, FAB — быстрый запуск ключевого действия. Ключевой вопрос при проектировании back stack: нажатие «назад» из deep link должно вести в предыдущий контекст, а не на главную — иначе пользователь теряет весь путь. Сравнение: sticky nav vs auto-hide — скрывать навигацию оправдано только в immersive-режимах (видео, карта). Антипаттерн: кнопка «назад» из push-уведомления ведёт на главную вместо экрана, породившего уведомление.

Экран настроек профиля с разделами действий и настроек. Пользователь может выбрать различные опции, такие как покупка новостройки, ипотечный калькулятор, заявк…
Экран настроек профиля с разделами действий и настроек. Пользователь может выбрать различные опции, такие как покупка новостройки, ипотечный калькулятор, заявк…

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

Подборка screens с заметными navigation elements для movement across app sections. В подборке 200 экранов из 160 сценариев и 3 приложений. Репрезентативный пример: Циан_94.Индивидуальные тарифы_001.webp в сценарии Настройки - Индивидуальные тарифы приложения Циан.

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

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

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

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

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

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

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

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

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

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

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

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

Теги

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

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

  • Добавить в поиск (Кнопка (button))
  • Позвонить (Кнопка (button))
  • Написать (Кнопка (button))
  • Мне интересно (Кнопка (button))
  • Пополнить (Кнопка (button))
  • Операции (Кнопка (button))
  • Промокод (Кнопка (button))
  • + Разместить объявление (Кнопка (button))

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