Filter

Filter (Фильтр) — UI-элемент уточнения и сужения выборки в каталогах, поиске и списках. Реализации: чипы-теги над списком, bottom-sheet drawer с параметрами, sticky filter bar. Лучшие практики: показы

Filter (Фильтр) — UI-элемент уточнения и сужения выборки в каталогах, поиске и списках. Реализации: чипы-теги над списком, bottom-sheet drawer с параметрами, sticky filter bar. Лучшие практики: показывать число активных фильтров на кнопке, instant preview количества результатов без закрытия drawer, сброс всех фильтров одним нажатием. Фильтры-чипы эффективнее полного drawer при 3–6 параметрах и частом переключении. Антипаттерн: фильтр применяется только после нажатия «Показать» без предварительного preview результатов — пользователь не знает, сколько останется.

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

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

Подборка screens с filter controls для catalog narrowing, search refinement and discovery. В подборке 9 экранов из 8 сценариев и 3 приложений. Репрезентативный пример: Циан_37.Снять жилье в отпуск_002.webp в сценарии Снять жилье в отпуск приложения Циан.

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

Семейство
Элементы интерфейса
Фокус
Filter
Экранов
9
Сценариев
8
Приложений
3

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

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

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

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

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

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

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

Типы экранов
Поиск (search), Каталог (catalog), Форма (form), Список (list), Карта (map)
Состояния экранов
Обычное состояние (default)
Основные CTA
Другое (other), Добавить в корзину (add_to_cart), Искать (search), Выбрать (select)
Паттерны раскладки
Карта (map), Список (list), Форма (form)
Навигационные паттерны
Нижние вкладки (tab_bar), Переход вглубь (drill_down)
Намерения пользователя
Искать (search), Просматривать (browse), Фильтровать (filter), Сравнивать (compare)
Этапы воронки
Обнаружение (discovery), Оценка выбора (evaluation)
Темы
Светлая тема (light)
Платформы
Android (android)
Роли шага
Промежуточный шаг (intermediate), Ввод данных (input), Выбор (selection)

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

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

Теги

  • поиск
  • аренда
  • квартира
  • москва
  • посуточно
  • карта
  • объявления
  • фильтры
  • смартфоны
  • каталог
  • сортировка
  • карточки товаров

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

  • Сохранить поиск (Кнопка (button))
  • Купить (Кнопка (button))
  • Сбросить (Кнопка (button))
  • Смотреть 8 438 объявлений (Кнопка (button))
  • Сохранить поиск (Кнопка (button))
  • Позвонить (Кнопка (button))
  • Открыть в Картах (Кнопка (button))
  • Позвонить (Кнопка (button))

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