Фильтр каталога для сайта продажи оборудования видео-продакшена

Автор: Дмитрий Якименко

Создание фильтра товаров для сайта продажи оборудования видео-продакшена представляло сложность из-за необходимости обработки большого объема товаров с разнообразными техническими характеристиками. Это требовало тщательного учета свойств товаров и привязки к свойствам товаров.

Кейсом, который образовался в ходе проведенной работы, стала реализация фильтра по цене, в виде ползунка. Дело в том, что в ходе тестов обнаружилась проблема: при прокрутке ползунка подгрузка товаров включалась еще до того, как был отпущен сам ползунок, и сама подгрузка выглядела вот так:

Пользователь видел, как товары меняются в реальном времени при движении ползунка, что создавало неприятный эффект и затрудняло выбор подходящего товара.

Как в «бородатом» меме с номером телефона:

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

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