Menu drawer

Menu drawer (Гамбургер-меню / Боковое меню) — паттерн скрытой навигации, выезжающей по тапу на иконку ≡. Используется при большом числе разделов или вторичных пунктах меню, которые не помещаются в tab

Menu drawer (Гамбургер-меню / Боковое меню) — паттерн скрытой навигации, выезжающей по тапу на иконку ≡. Используется при большом числе разделов или вторичных пунктах меню, которые не помещаются в tab bar. Лучшие практики: drawer открывается свайпом от края, закрывается тапом вне области, верхний раздел — профиль пользователя. Сравнение: tab bar vs drawer — drawer скрывает навигацию и снижает discoverability. Антипаттерн: вся главная навигация спрятана в drawer без tab bar — пользователь не знает, куда идти.

Экран сервисов пользователя Павла Иванова с доступом к разделам Электро, Китайские, Журнал, Авто.ру AI, Экзамен ПДД и Гараж. Отображаются настройки уведомлений…
Экран сервисов пользователя Павла Иванова с доступом к разделам Электро, Китайские, Журнал, Авто.ру AI, Экзамен ПДД и Гараж. Отображаются настройки уведомлений…

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

Подборка экранов с drawer-based navigation для hamburger and side-menu patterns. В подборке 200 экранов из 162 сценариев и 3 приложений. Репрезентативный пример: Авто ру_63.Экзамен пдд_001.webp в сценарии Экзамен ПДД приложения Авто.ру.

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

Семейство
Паттерны
Фокус
Menu drawer
Экранов
200
Сценариев
162
Приложений
3

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

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

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

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

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

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

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

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

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

  • Меню (menu) (ai_screen_type)
  • Настройки (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)

Теги

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

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

  • Электро (Кнопка (button))
  • Китайские (Кнопка (button))
  • Журнал (Кнопка (button))
  • Авто.ру AI (Кнопка (button))
  • Экзамен ПДД (Кнопка (button))
  • Гараж (Кнопка (button))
  • Настройка уведомлений (Кнопка (button))
  • Настройки темы (Кнопка (button))

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