Drill-down navigation

Drill-down navigation (Дриллдаун) — паттерн иерархической навигации от общего к частному: категория → подкатегория → элемент. Стандарт для каталогов, настроек, файловых менеджеров и любых структур с н

Drill-down navigation (Дриллдаун) — паттерн иерархической навигации от общего к частному: категория → подкатегория → элемент. Стандарт для каталогов, настроек, файловых менеджеров и любых структур с несколькими уровнями вложенности. Лучшие практики: breadcrumb или back-стрелка на каждом уровне, заголовок экрана всегда отражает текущий уровень, не более 3–4 уровней без shortcut. Сравнение: drill-down vs search — search эффективнее при точных намерениях, drill-down — при исследовании. Антипаттерн: глубже 4 уровней без навигации по крошкам — пользователь теряется и закрывает приложение.

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

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

Подборка screens с hierarchical list-to-detail navigation и step-by-step information drill-down. В подборке 200 экранов из 147 сценариев и 3 приложений. Репрезентативный пример: Мой МТС_52.Перевод на кошелёк_001.webp в сценарии Перевод на кошелёк приложения Мой МТС.

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

Семейство
Паттерны
Фокус
Drill-down navigation
Экранов
200
Сценариев
147
Приложений
3

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

Семейство
Паттерны
Фокус
Drill-down navigation
Экраны
200
Сценарии
147
Приложения
3

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

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

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

Основное CTA
Другое (other), 4
Паттерн раскладки
Список (list), 5
Навигационный паттерн
Переход вглубь (drill_down), 12
Тема
Светлая тема (light), 12

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

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

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

  • Модальное окно (modal) (ai_screen_type)
  • Каталог (catalog) (ai_screen_type)
  • Поиск (search) (ai_screen_type)
  • Детальная страница (detail) (ai_screen_type)
  • Список (list) (ai_screen_type)
  • Авторизация (auth) (ai_screen_type)
  • Профиль (profile) (ai_screen_type)
  • Обычное состояние (default) (ai_screen_state)

Теги

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

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

  • Закрыть меню (Кнопка (button))
  • Умный помощник (Кнопка (button))
  • Умная камера (Кнопка (button))
  • Подобрать новостройку (Кнопка (button))
  • Продать жильё (Кнопка (button))
  • Снять жильё в отпуск (Кнопка (button))
  • Подбор вторички (Кнопка (button))
  • Найти акции и скидки (Кнопка (button))

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