Мы завершили ряд изменений в фильтрах, направленных на улучшение читаемости, сокращения занимаемого на странице места и повышению удобства составления фильтров с условиями ИЛИ. Интерфейс. Основное изменение в интерфейсе — убраны висящие везде выпадающие списки для добавления условий фильтрации.
2 сентября 2014
Большие изменения в фильтрах
Мы завершили ряд изменений в фильтрах, направленных на улучшение читаемости, сокращения занимаемого на странице места и повышению удобства составления фильтров с условиями ИЛИ.
Интерфейс.
Основное изменение в интерфейсе — убраны висящие везде выпадающие списки для добавления условий фильтрации (которые «+ Искать по»). При сложном фильтре (включающем в себя вложенные друг в друга фильтры) все эти «+ Искать по» занимали массу места на странице, а смысла никакого не несли.
Теперь мы все это убрали и сделали так, что «+ Искать по» появляется только там, где происходит добавление условия.
Если добавляется условие во вложенный фильтр — «+ Искать по» будет только там:
![Если добавляется условие во вложенный фильтр — «+ Искать по» будет только там Если добавляется условие во вложенный фильтр — «+ Искать по» будет только там](https://image.mindbox.ru/draw/93348767-2456-44a6-b323-a727041fa830.png/-/size/1600/webp/1)
Если на основной уровень — то только на основном:
![Если на основной уровень — то только на основном Если на основной уровень — то только на основном](https://image.mindbox.ru/draw/028edbcf-891d-4108-831d-7d85f6ae1d14.png/-/size/1600/webp/1)
После применения (или перехода по ссылке с фильтром) «+ Искать по» вообще не появляется и фильтр имеет только текстовое представление:
![После применения (или перехода по ссылке с фильтром) «+ Искать по» вообще не появляется и фильтр имеет только текстовое представление После применения (или перехода по ссылке с фильтром) «+ Искать по» вообще не появляется и фильтр имеет только текстовое представление](https://image.mindbox.ru/draw/01627cc1-f338-4f80-8c04-9a3df729c2e7.png/-/size/1600/webp/1)
Добавление условия фильтрации происходит после наведения мышки и клика на том уровне, куда надо добавить условие (для удобства появившийся выпадающий список еще и раскрывается):
![Добавление условия фильтрации Добавление условия фильтрации](https://image.mindbox.ru/draw/d6fa7779-aaa2-4dff-90e1-cced033c9466.png/-/size/1600/webp/1)
![Добавление условия фильтрации Добавление условия фильтрации](https://image.mindbox.ru/draw/acaf3b9b-0769-4c39-b546-18e8eba9cf69.png/-/size/1600/webp/1)
Теперь вообще любая работа с условиями фильтра унифицирована и имеет общее правило — если при наведении появилась подсветка, значит с тем местом можно что-то сделать (это «что-то», конечно, зависит от контекста) — если навели на сам фильтр, то добавляется условие фильтрации, если на условие — значит это условие можно отредактировать и т. п.:
![Теперь любая работа с условиями фильтра унифицирована Теперь любая работа с условиями фильтра унифицирована](https://image.mindbox.ru/draw/3cfb4f92-8e0e-4f60-9f88-a8c3449ca5da.png/-/size/1600/webp/1)
Удаляются условия также единообразно — клик по характерному крестику удаляет условие:
![Удаляются условия также единообразно Удаляются условия также единообразно](https://image.mindbox.ru/draw/afa368f4-4dbd-466e-8262-73b444e1cac7.png/-/size/1600/webp/1)
![Удаление через клик по крестику Удаление через клик по крестику](https://image.mindbox.ru/draw/9c4ae790-4093-498d-8408-0ee0d274ddca.png/-/size/1600/webp/1)
И раз уж мы поджимали фильтр по высоте, то заодно решили убрать никому непонятную кнопку «Свернуть фильтр», которая сворачивала фильтр до узкой строки и которой не пользовался никто вообще:
![Убрали кнопку «Свернуть фильтр» Убрали кнопку «Свернуть фильтр»](https://image.mindbox.ru/draw/430b3ecc-1d54-4917-8b83-8b77ec7d0d5c.png/-/size/1600/webp/1)
Функции убранной кнопки заменили просто скрытием фильтра при скролле:
![Функции убранной кнопки заменили просто скрытием фильтра при скролле Функции убранной кнопки заменили просто скрытием фильтра при скролле](https://image.mindbox.ru/draw/e592fa5c-1eb2-4e00-97a6-9a621fe935fd.png/-/size/1600/webp/1)
Функционал.
Помимо интерфейса, мы внесли большие изменения в фильтр, в саму его основу — теперь в фильтре больше нет групп.
Тех самых групп, про которых раньше было написано «Объединять условия через И, а группы через ИЛИ», тех самых, которые жили с нами с самой первой версии этих фильтров на протяжении 6 лет:
![Нет групп Нет групп](https://image.mindbox.ru/draw/c684aac0-fb50-4a16-9aec-ae130a648632.png/-/size/1600/webp/1)
Теперь все условия всегда объединяются через И (если специально не указано объединять через ИЛИ) о чем дополнительно напоминает надпись над фильтром (да, все условия в фильтре на скриншотах выше объединены через И):
![Теперь все условия всегда объединяются через И Теперь все условия всегда объединяются через И](https://image.mindbox.ru/draw/a943400b-a794-43fc-a5ec-d1ffb6785e10.png/-/size/1600/webp/1)
Если надо использовать в фильтре объединение условий через ИЛИ — надо просто это ИЛИ добавить, также, как добавляются все остальные условия — через выпадающий список «+ Искать по»:
![+ Искать по + Искать по](https://image.mindbox.ru/draw/94559f8a-c364-4f1d-b51e-e62e51819072.png/-/size/1600/webp/1)
Например, надо найти всех потребителей с подтвержденным адресом email из Москвы, Курска и Хабаровска. Раньше, это бы выглядело так:
![Поиск раньше Поиск раньше](https://image.mindbox.ru/draw/31635542-18f7-41ee-b64b-9c9257feee96.png/-/size/1600/webp/1)
Теперь это выглядит так:
![Поиск сейчас Поиск сейчас](https://image.mindbox.ru/draw/c7a7b62e-7c36-47fb-a94b-597bd10d6000.png/-/size/1600/webp/1)
Но это простой пример, на котором польза, может быть, не так очевидна, однако в реальности встречаются более сложные условия — например, надо найти действие «Вход на сайт», выданное с 1 марта по 1 апреля в брендах Балтика 7 или Арсенальное:
Было:
![Было Было](https://image.mindbox.ru/draw/83c55d01-1a4b-4e40-9a41-c35379827e81.png/-/size/1600/webp/1)
Стало:
![Стало Стало](https://image.mindbox.ru/draw/f6621e4b-b544-4832-876a-53600d5ac900.png/-/size/1600/webp/1)
При этом, условия И/ИЛИ можно вкладывать друг в друга (если это вдруг зачем-то может понадобиться) — аналогично добавлению ИЛИ надо навести на блок ИЛИ (или И) и кликнуть по нему:
![Условия можно вкладывать Условия можно вкладывать](https://image.mindbox.ru/draw/151c5d59-20fd-4de1-8a90-9ae923430b73.png/-/size/1600/webp/1)
![Условия можно вкладывать Условия можно вкладывать](https://image.mindbox.ru/draw/7ba12984-179f-4922-828f-1953b82890ce.png/-/size/1600/webp/1)
![Условия можно вкладывать Условия можно вкладывать](https://image.mindbox.ru/draw/bc30a6e8-ec0b-4930-9d5c-56ff67b9b985.png/-/size/1600/webp/1)
Разумеется, эти изменения не повлияют на старые фильтры, ссылки на которые уже где-то сохранены — всё старое будет прекрасно работать и в новом.
Мы сами довольны тем, что получилось и надеемся, что использование новых фильтров будет приносить такое же удовольствие, которое приносило нам их написание.
Самая большая гидроэлектростанция России — Саяно-Шушенская ГЭС, восстановление которой сейчас завершается, одобряет данные изменения.
![Саяно-Шушенская ГЭС Саяно-Шушенская ГЭС](https://image.mindbox.ru/draw/f0d6951a-9845-4651-830f-bf29454e1fcc.jpg/-/size/1600/webp/1)