Панель фильтров: драгндроп или сортировка по алфавиту

Пишу о продуктовом дизайне и рабочей кухне: UX‑паттерны, таблицы и формы, исследования и коммуникация в команде. Делюсь практическими шпаргалками по Фигме, разбором решений и кейсами «было/стало», которые экономят часы работы и спасают метрики. Больше пользы, меньше воды — рассказываю то, что обычно остаётся за кадром.

фильтрыдрагндроппанель

Одной из первых моих задач было привести в порядок фильтры огромной таблицы — каждый столбец был со своим фильтром и применять их можно было только по очереди.

Я разместила все фильтры в одной панели и время работы сократилось в разы.

Новая задача (выявила опросом) — поработать над порядком расположения фильтров.

У разных пользователей разные задачи и фильтры им нужны разные. Фильтры расположены по популярности и это ок для большинства, но ~30% это не особо удобно.

Придумали с командой несколько вариантов решения проблемы, отмели заведомо неудобные, осталось два:

  • расположить фильтры по алфавиту
  • дать пользователям возможность самим настраивать панель

Мне нравилась идея настройки: ненужные фильтры можно скрыть, а оставшиеся перетащить в нужном порядке. Но коллеги меня не поддержали: идея таскать фильтры драгндропом казалась им странной и чужеродной. Самый весомый контраргумент — «Так никто не делает», это непривычный и непонятный паттерн.

А вот за расположение фильтров по алфавиту все были единогласно (кроме меня)).

На юзтестах выяснилось, что абсолютно всем респондентам очень удобно настраивать фильтры под себя, скрывать и перетаскивать. Они справлялись с драгндропом без дополнительных подсказок.

И так же единодушно все выступили категорически против сортировки по алфавиту. Некоторые респонденты признавали, что нужно, конечно, привыкнуть, но независимо от привычки в ней есть проблемы, например, самый популярный фильтр всегда будет внизу списка под скроллом.

Как проверить драгндроп на прототипе — это тема отдельной истории, скоро выложу. Спойлер: в фигме — никак.

Не изобретать велосипед без необходимости, а пользоваться стандартными и привычными паттернами — идея здравая и подходит для большей части случаев. Но иногда случается, что нужен новый велосипед, и не нужно бояться его делать — главное, проверять на пользователях)

Хэппиэнда у истории пока нет: доработка ещё не вышла в релиз, после этого буду смотреть по гугланалитике, сколько людей ей на самом деле пользуются)

Читайте так же