Размер шрифта
Цвет фона и шрифта
Изображения
Озвучивание текста
Обычная версия сайта
Создание и поддержка сайтов web-aim.ru
Готовое решение для создания
корпоративного сайта
8 800 201-07-68
8 800 201-07-68
Заказать звонок
E-mail
hello@web-aim.ru
Написать нам
Услуги
  • Сайт
    • Интернет-магазин с индивидуальным дизайном
    • Интернет-магазин на шаблоне
    • Корпоративный сайт на шаблоне
    • Корпоративный сайт с индивидуальным дизайном
    • Личный кабинет
  • Поддержка и развитие
    • Интеграция Битрикс24
    • Интеграция с 1С
    • Интеграция с МойСклад
    • Технология: композитный сайт
    • Техподдержка
  • CRM
    • Интернет-магазин + CRM
    • Коробочная версия Битрикс24.CRM
Портфолио
  • CRM
  • Интернет-магазин
  • Корпоративные сайты
  • Техподдержка
О нас
  • О Компании
  • Работа в WEB-AiM
  • Партнеры
  • Новости
  • Мероприятия
  • Сертификаты
  • Как мы работаем
  • Отзывы
  • Реквизиты
Блог
Контакты
Партнерская программа
8 800 201-07-68
8 800 201-07-68
Заказать звонок
E-mail
hello@web-aim.ru
Заказать звонок
Создание и поддержка сайтов web-aim.ru
Услуги
  • Сайт
    Сайт
    • Интернет-магазин с индивидуальным дизайном
    • Интернет-магазин на шаблоне
    • Корпоративный сайт на шаблоне
    • Корпоративный сайт с индивидуальным дизайном
    • Личный кабинет
  • Поддержка и развитие
    Поддержка и развитие
    • Интеграция Битрикс24
    • Интеграция с 1С
    • Интеграция с МойСклад
    • Технология: композитный сайт
    • Техподдержка
  • CRM
    CRM
    • Интернет-магазин + CRM
    • Коробочная версия Битрикс24.CRM
Портфолио
  • CRM
  • Интернет-магазин
  • Корпоративные сайты
  • Техподдержка
О нас
  • О Компании
  • Работа в WEB-AiM
  • Партнеры
  • Новости
  • Мероприятия
  • Сертификаты
  • Как мы работаем
  • Отзывы
  • Реквизиты
Блог
Контакты
Партнерская программа
Написать нам
    Создание и поддержка сайтов web-aim.ru
    Услуги
    • Сайт
      Сайт
      • Интернет-магазин с индивидуальным дизайном
      • Интернет-магазин на шаблоне
      • Корпоративный сайт на шаблоне
      • Корпоративный сайт с индивидуальным дизайном
      • Личный кабинет
    • Поддержка и развитие
      Поддержка и развитие
      • Интеграция Битрикс24
      • Интеграция с 1С
      • Интеграция с МойСклад
      • Технология: композитный сайт
      • Техподдержка
    • CRM
      CRM
      • Интернет-магазин + CRM
      • Коробочная версия Битрикс24.CRM
    Портфолио
    • CRM
    • Интернет-магазин
    • Корпоративные сайты
    • Техподдержка
    О нас
    • О Компании
    • Работа в WEB-AiM
    • Партнеры
    • Новости
    • Мероприятия
    • Сертификаты
    • Как мы работаем
    • Отзывы
    • Реквизиты
    Блог
    Контакты
    Партнерская программа
      8 800 201-07-68
      Заказать звонок
      E-mail
      hello@web-aim.ru
      Написать нам
      Создание и поддержка сайтов web-aim.ru
      Телефоны
      8 800 201-07-68
      Заказать звонок
      Создание и поддержка сайтов web-aim.ru
      • Услуги
        • Услуги
        • Сайт
          • Сайт
          • Интернет-магазин с индивидуальным дизайном
          • Интернет-магазин на шаблоне
          • Корпоративный сайт на шаблоне
          • Корпоративный сайт с индивидуальным дизайном
          • Личный кабинет
        • Поддержка и развитие
          • Поддержка и развитие
          • Интеграция Битрикс24
          • Интеграция с 1С
          • Интеграция с МойСклад
          • Технология: композитный сайт
          • Техподдержка
        • CRM
          • CRM
          • Интернет-магазин + CRM
          • Коробочная версия Битрикс24.CRM
      • Портфолио
        • Портфолио
        • CRM
        • Интернет-магазин
        • Корпоративные сайты
        • Техподдержка
      • О нас
        • О нас
        • О Компании
        • Работа в WEB-AiM
        • Партнеры
        • Новости
        • Мероприятия
        • Сертификаты
        • Как мы работаем
        • Отзывы
        • Реквизиты
      • Блог
      • Контакты
      • Партнерская программа
      Написать нам
      • 8 800 201-07-68
        • Телефоны
        • 8 800 201-07-68
        • Заказать звонок
      • hello@web-aim.ru

      Как улучшить фильтр интернет-магазина

      Главная
      —
      Статьи
      —
      Битрикс24
      —Как улучшить фильтр интернет-магазина
      Битрикс24
      4 июля 2019

      Сегодня поговорим о том, как можно улучшить фильтр в интернет-магазине.

      Посмотрите на фильтр, с которым будем работать. Может, у вас уже возникнут идеи, как сделать его удобней :)

      Список предложений

      1. Фильтрацию по цене необходимо сделать первой – это наиболее часто используемый тип фильтрации. За ней должна идти марка (бренд), затем тип продукта, после – все остальные параметры. 

      2. При выборе какого-либо параметра для фильтрации желательно показывать количество подходящих вариантов.

      Пример

      Еще более удобный пример, там можно кликнуть прямо по всплывающему ярлычку. 

      3. Фильтрация без необходимости нажатия на кнопку «применить» (ajax-фильтр без перезагрузки страницы) также хорошая идея. Примеры работы можно посмотреть тут: 

      Пример 1

      Пример 2

      4. Очень часто (2-й по популярности тип фильтрации) пользователи выбирают товар по бренду (это заметно по большому количеству брендовых запросов в Метрике). Упростить пользователям поиск можно с помощью вывода фильтра брендов из основного фильтра на более заметное место. 

      5. Также, для широких товарных групп имеет смысл выносить фильтрацию по применению, как это сделано тут.

      6. Фильтр нужно дополнительно выделять, чтобы он визуально был более заметен для пользователей. Это можно сделать с помощью цветовой подложки, либо с помощью блокового выделения, либо с помощью отделения контуров.

      Наш фильтр (посмотрим на него повнимательнее) сильно сливается с контентом, что увеличивает скорость и удобство считывания информации на странице.

      7. Само слово «Фильтр» перед фильтром можно убрать – всем и так понятно, что это фильтр. А меньшее количество лишней информации на странице способствует меньшему распылению внимания посетителя сайта. 

      8. Числовые значения лучше делать «бегунками», как у цены, – это позволяет пользователю задавать более точные и гибкие диапазоны необходимых ему параметров. 

      9. Общая логика фильтрации по «Акции» и «Лучшей цене» непонятна. «Лучшая цена» это разве не акция? «Акция» не подразумевает, что цена на товар лучшая? Возможно, имеет смысл ограничиться одним параметром для фильтрации − «Наличие скидки». 

      10. Блок фильтра для десктопной версии лучше сделать «плавающим» – то есть сделать так, чтобы при скроллинге товаров он всегда оставался в поле зрения пользователя, а не прокручивался вместе с контентом страницы. Пример реализации

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

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

      При помощи таких поправок покупателям станет удобней взаимодействовать  с магазином :)


      Хотите сделать интернет-магазин еще удобней?

      Приходите к нам, мы знаем, что улучшить.


      Назад к списку
      • Кейс 15
      • Аудит 9
      • Битрикс24 28
      • Маркетинг 37
      • Ценные советы 20
      8 800 201-07-68
      8 800 201-07-68
      Заказать звонок
      E-mail
      hello@web-aim.ru
      Заказать звонок
      hello@web-aim.ru
      © 2023 WEB-AiM
      Политика конфиденциальности This site is protected by reCAPTCHA and the Google Privacy Policy Terms of Service
      Подписаться на рассылку