Навіщо в інтернет-магазині потрібен фільтр?
Але якщо врахувати весь асортимент магазину в цілому, то, вступивши ми так, була б і 4-а, 5-а або навіть 6-я вкладеність. Це не найзручніше рішення, враховуючи, що один товар може ставитися відразу до декількох параметрах. І цю проблему вирішують фільтром.
Хороший фільтр може створювати унікальні сторінки на основі параметрів. Тобто, для різних параметрів або їх поєднання будуть створені окремі унікальні сторінки, які можна використовувати як посадочні. Зараз так вміють працювати тільки лідери ринку.
Фільтр, як правило, розташовують праворуч. Таке розташування дозволяє робити акцент спочатку на фільтрі, а вже потім на товар. Ви можете провести юзабіліті аудит сайту і переконатися в цьому.
Формат «фільтр зліва» вигідний, коли вигідніше в першу чергу показати товар. Або ліва колонка вже зайнята більш важливими блоками.
Формат горизонтального фільтра менш практичний. Він займає більше місця по висоті, це означає, що з таким рішенням товари можуть не потрапити в перший екран. Крім того, місце по горизонталі обмежена, і потрібно бути обережним з кількістю блоків, інакше все не увійде або, навпаки, буде дуже порожньо.
Логіка роботи фільтра «і» / «або» залежить від того, чи можуть опції бути «паралельними» або ж вони взаємовиключні.
Опції з великою різноманітністю легше ставити в діапазоні, наприклад: ціни, вага, розмір знижки, обсяг пам'яті, розмір монітора і інші. Реалізація може бути різна, все залежить від конкретного випадку, іноді досить двох полів введення, а іноді краще розбити по готовим діапазонами (наприклад, коли вартість доставки товарів вагою до 2 кг і більше 2 кг різна).
Формат «від і до» займає значно менше корисного місця, простіше і зручніше у використанні списку формату «і».
Якщо список занадто великий, його можна частково приховувати або утискувати по висоті, додаючи скролінг. Іноді не зайвим буде додати швидкий пошук по списку.
Повний список може розкриватися у спливаючому вікні, наприклад, як у ebay.
Вибрані опції, яких немає в наявності, повинні бути неактивними або ховатися. Щоб користувач не вибирав те, що не може купити.
Сортування товарів обов'язкова, як правило, товари виводять за популярністю або по самій вигідною ціною.
Візуалізація обраних параметрів вносить додаткову ясність і полегшує роботу, особливо коли список опцій величезний.
Великі інтернет-магазини намагаються використовувати мінімум графіки, щоб не навантажувати додаткової не дуже інформацією.
Деякі блоки вигідніше показувати в кілька стовпчиків, щоб економити місце. І з графічними елементами для інформативності або залучення уваги. У хорошого фільтра повинна бути така можливість.
Якщо ми переходили в картку товару з фільтра, то після натискання на кнопку «назад» в браузері повинні потрапляти на ті ж результати фільтрації.
Передбачати прелоудер. Щоб коли обрана опція довантажувати, весь інший фільтр був неактивним.
- Важлива швидкість роботи фільтра. Оптимізація SQL запитів.
- Фільтр не повинен забивати кеш.
- Повинна бути можливість ручного налаштування черговості виведення блоків фільтра для кожної сторінки окремо.
- Функція обмеження максимальної висоти блоку, окремо для кожного. До стану: розгорнути, показати весь у спливаючому вікні або по прокручуванні.
- Функція згорнути весь блок в рядок.
- Живий пошук по опціях в блоці фільтра.
- Передбачати прелоудер. На всю сторінку або тільки на фільтр.
- Задавати кількість колонок, за якими розбивається контент, окремо для кожного блоку.
- Передбачити сценарії для довгих назв блоків. До однієї або двох рядків, далі в три точки, але перед кількістю товарів в дужках.
- Сортування «від / до» з будь-якого числовому параметру.
- Показувати блок обраних позицій. З кнопкою «скинути всі параметри».
- Підрахунок відсортованих товарів.
Після впровадження функціоналу фільтра на сайт, обов'язково потрібно провести SEO аудит. так як робота фільтра тягне за собою внесення нових параметрів і правок в CMS сайту, що викликає велику кількість дублів сторінок фільтрів, появи технічних сторінок, які можуть негативно позначитися на просуванні сайту. Такі сторінки потрібно проаналізувати і закрити від індексації пошуковими системами.
Перевіряйте фільтр перед здачею, комбінації кожну окремо, а потім на поєднання полів.
Інтернет маркетолог.
Знайти вихід зі складного рішення? Інтернет-магазин з 20 000 товарів? Це до Максима. Природна тяга до складних завдань, бажання розібратися в усьому до дрібниць дозволяють йому видавати точні рішення під аудиторію сайту.
Виконав понад 30 замовлень, в числі яких сайти-каталоги, великі інтернет-магазини, сайти для лідерів в своєму сегменті.