Пошук по каталогу: якими повинні бути фільтри і сортування каталогу товарів

У продовження статті про форми пошуку поговоримо про організацію фільтрів в каталозі. Задуматися про те, якими будуть фільтри, краще до додавання товарів на сайт, щоб потім не довелося змінювати характеристики для довгого списку найменувань.

Такий пошук дозволяє:

  • показати асортимент;
  • прискорити пошук потрібного товару;
  • додатково розповісти про акції і знижки;
  • розширити семантичне ядро сайту;
  • отримати посилання на вузьку вибірку товарів для контекстної реклами.

Також досвід наших клієнтів показує, що добре організована фільтрація товарів допомагає підвищити конверсію сторінок каталогу і знизити відсоток відмов.

Розташування

Найбільш звичний варіант – бічне меню зліва від списку товарів. Користувачі звикли сприймати інформацію зліва-направо і спочатку вибирають критерії, а потім вже дивляться на сформований список товарів.

Фільтри займають майже два перших екрану і список товарів не відразу помітний

Меню фільтрів зручно розташоване зліва

Також не варто «ховати» фільтри, так як користувачі можуть просто не помітити:

Основні елементи

Складно виділити універсальний список фільтрів, який підходив би кожному товару, тому поговоримо про обов’язкові елементи.

  1. Категорії товарів. Очевидно, але не завжди зустрінеш їх на сайті. Ділити товари на категорії краще по їх типу, призначенню і/або бренду. Розташувати список посилань рекомендуємо на початку блоку з фільтром.

    Список категорій відсутнй, що ускладнює пошук, якщо вам потрібні різні товари

    Хороший приклад того, як після вибору категорії компактно показати посилання на інші товари

  2. Новинки та/або акції. Користувачі люблять такі розділи, тому варто додати вибір нових або знижкових товарів для всього переліку товарів і окремо для кожної категорії.

    Не сама вдала назва фільтра, краще замінити на «Товари зі знижкою»

    Вдало, що виділили не тільки новинки та знижки, але і товари з подарунками

  3. Наявність товару. Якщо у вас хоча б частина товарів доступна під замовлення, то обов’язково додайте можливість відсортувати товари, які можна купити прямо зараз.

    Антиприклад фільтрації за наявності, так як два пункти означають одне і те ж

    Хороший приклад фільтрації товарів по розташуванню складу

  4. Вибір діапазону цін. Дуже зручний фільтр для тих клієнтів, які хотіли б виключити занадто дешеві та/або дорогі товари.

    Можна використовувати готові варіанти діапазонів, але краще дозволити користувачеві самому задати значення

    Хороший приклад вибору діапазону ціни

  5. Кнопка скидання фільтрів. На відміну від кнопки запуску фільтрації, яку можна не додавати (якщо у вас встановлено автоматичне оновлення списку товарів), скасування обраних фільтрів повинне бути присутнє в кожному каталозі.

    Краще не розташовувати кнопки запуску і скидання фільтрів поруч, щоб користувачі робили менше помилок

    Найзручніший варіант – розташувати список обраних фільтрів і кнопку скидання до списку товарів

Рекомендації по організації

Перерахуємо основні помилки, яких слід уникати:

  1. Порожні категорії. Рекомендуємо не відображати категорію, якщо для неї з якихось причин немає відповідних товарів, щоб не навантажувати блок фільтрів.

    Такі категорії лише заважають пошуку товару:

  2. Вибрані фільтри не виділяються. Слід показати користувачеві, що він вибрав, на випадок якщо він захоче змінити параметри.

    Вибрані фільтри потрібно виділити в бічному меню, а також можна продублювати перед списком товарів:

  3. Довгий список фільтрів. Звертайте додаткові параметри, щоб вони не займали багато місця. Пам’ятайте, що мета фільтра категорії товарів – звузити пошук, тому орієнтуйтеся тільки на важливі характеристики.

    Приклад компактного відображення фільтрів:

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

  4. Незрозумілі категорії. Дивіться на фільтри очима клієнтів. Рекомендуємо вивчити статистику запитів, наприклад, в Яндекс.Метриці або Google Analytics. Пам’ятайте про новачків, яким потрібні пояснення для професійних термінів або характеристик товару.

    Хороший приклад списку категорій товарів на основі проблем клієнта:

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

    Приклад схожих параметрів, які тільки дезорієнтують користувача:

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

Крім того, радимо для кожної категорії або параметра вказувати праворуч від нього кількість товарів. Так користувач може попередньо оцінити час на перегляд.

Сортування товарів

Розповідаючи про фільтри, не можна не згадати сортування товарів. Розташовувати її краще над списком товарів, щоб відокремити від фільтрів:

Рекомендуємо вибрати наступні три види, які підійдуть для більшості товарів.

  1. За ціною. Найпопулярніший спосіб – напевно ви й самі часто їм користуєтеся. Потрібен обов’язково!
  2. По популярності. Допомагає тим, хто женеться за трендами або не зовсім розбирається в тематиці і хотів би побачити, що замовляють інші. Популярність можна відстежувати за кількістю замовлень або відгуків.
  3. За назвою (або алфавітом). Підходить для тих, хто вибрав кілька брендів і хотів би їх «групування» всередині списку.

Приклад зручного розміщення даних виконується в каталозі:

Існують і інші варіанти сортування, але вони вже більш специфічні і залежать від тематики товарів.

Додатково

Відзначимо ще кілька моментів, на які варто звернути увагу.

  1. Список товарів за замовчуванням. До того, як користувач вибере фільтр або спосіб сортування, краще всього показати список популярних товарів або новинок. Можливо, клієнт відразу помітить необхідний товар.

    Два списка категорій виглядають дивно, клієнт не бачить товарів

    Приклад каталогу, де за умовчанням вибрані популярні товари

  2. Кількість знайдених товарів. Перед блоком товарів вкажіть загальна кількість знайдених найменувань, щоб користувач оцінив, чи потрібно йому звузити або розширити параметри фільтрації.

    Зараз не ясно, скільки знайдено товарів по заданих у фільтрі параметрами

    Приклад розміщення інформації про кількість знайдених товарів

  3. Автоматичне завантаження списку товарів. В теорії повинна допомагати плавно переглядати повний список товарів, але насправді заважає орієнтуватись в списку і ускладнює доступ до підвалу сайту. Рекомендуємо використовувати поділ на сторінки (пагінація).

    Автоматичне завантаження списку може уповільнювати пошук товару

    Поділ на сторінки спрощує сприйняття списку товарів

Також варто додати вибір кількості відображуваних товарів на сторінці, включаючи кнопку «Показати всі», як у прикладі:

Висновок

Сподіваємося, що даний огляд способів фільтрації і сортування товарів допоможе вам організувати зручний каталог продукції і радувати ваших клієнтів =)

Читайте також  Звіти в Google Analytics: з чого почати і як ними користуватися

Степан Лютий

Обожнюю технології в сучасному світі. Хоча частенько і замислююся над тим, як далеко вони нас заведуть. Не те, щоб я прям і знаюся на ядрах, пікселях, коллайдерах і інших парсеках. Просто приходжу в захват від того, що може в творчому пориві вигадати людський розум.

You may also like...

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *