Поиск и фильтры

Search & Filter (Поиск и фильтры) — основной flow discovery в каталожных и контентных приложениях. Лучшие практики: instant results без отдельного submit-действия, чипы активных фильтров прямо на экра

Search & Filter (Поиск и фильтры) — основной flow discovery в каталожных и контентных приложениях. Лучшие практики: instant results без отдельного submit-действия, чипы активных фильтров прямо на экране поиска, сохранение истории запросов и последних просмотров. В CJM поиска ключевой момент — zero-state при пустой строке: нужны рекомендации, история и популярные запросы. Сравнение: search vs browse — поиск эффективнее при конкретных намерениях, browse — при исследовании. Антипаттерн: глубокий drawer-фильтр без preview количества результатов перед применением.

Экран поиска автомобилей Volkswagen Golf с пробегом с возможностью фильтрации по цене, году, пробегу и другим параметрам. Пользователь видит список предложений…
Экран поиска автомобилей Volkswagen Golf с пробегом с возможностью фильтрации по цене, году, пробегу и другим параметрам. Пользователь видит список предложений…

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

В подборке 200 экранов из 151 сценариев и 3 приложений. Репрезентативный пример: Авто ру_39.Фильтры_001.webp в сценарии Фильтры приложения Авто.ру.

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

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

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

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

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

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

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

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

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

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

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

  • Поиск (search) (ai_screen_type)
  • Каталог (catalog) (ai_screen_type)
  • Обычное состояние (default) (ai_screen_state)
  • Искать (search) (ai_primary_cta_type)
  • Другое (other) (ai_primary_cta_type)
  • Список (list) (ai_layout_style)
  • Сетка (grid) (ai_layout_style)
  • Форма (form) (ai_layout_style)

Теги

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

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

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

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