Фильтры и категории товаров

Продукт

B2B Движение — компания, которая предлагает программное обеспечение для перевода оптовых продаж в интернет. Клиент получает собственный маркет со своей продукцией.


Моя роль в продукте

1. Исследование пользовательских потребностей и проблем, связанных с использованием ПО.


2. Разработка и проектирование пользовательских интерфейсов в десктопной и адаптивной (мобильной) версиях, которые удовлетворяют потребностям пользователей.


  1. Доработка старого функционала.


  2. Упрощение навигации в продукте.


5. Создание прототипов и дизайн-макетов.


6. Участие в тестировании реализованного дизайна на пользователях и получение обратной связи для улучшения опыта пользователей.


Введение

В рамках проекта по оптимизации платформы B2B-маркетинга мы решили пересмотреть систему фильтров и категорий товаров. Основная цель заключалась в упрощении навигации и повышении эффективности поиска для наших пользователей.


Исходные данные

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

- Целевая аудитория: Менеджеры по закупкам, логисты, маркетологи и другие специалисты в B2B-секторе.


Так выглядела старая панель фильтров и категорий:

Этапы разработки

1. Исследование пользователей

   - Провели глубинные интервью с пользователями, чтобы понять их потребности и предпочтения.

   - Использовали методы картирования путей пользователя (user journey mapping) для выявления точек боли в процессе поиска.


2. Анализ текущей структуры

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

   - Оценили, какие фильтры пользователи действительно используют, а какие остаются без внимания.


3. Создание новых категорий и фильтров

   - На основе собранных данных разработали новую структуру категорий, которая была более логичной и соответствовала потребностям пользователей.

   - Внедрили многоуровневую систему фильтров, включая фильтры по:

     - характеристикам (размер, цвет, материал).

     - цене и наличию.

     - производителю и рейтингу.


4. Прототипирование

   - Создали интерактивные прототипы новой системы категорий и фильтров с использованием инструментов дизайна (Figma).

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


5. Тестирование

   - Провели юзабилити-тестирование с участниками из целевой аудитории, чтобы оценить удобство новой структуры.

   - Собрали обратную связь и внесли изменения на основе замечаний пользователей.


6. Итерации и доработка

   - На основе тестирования доработали интерфейс, улучшили визуальную иерархию, добавили подсказки для пользователей.


Реализация

- Техническая интеграция: Сотрудничали с командой разработчиков для внедрения новой структуры в существующую платформу.

Флоу сёрфинга по категориям. Для категорий теперь есть тоже своё отдельное подробное окно. А если открыть категорию, то дочерние разделы (если они есть) будут отображаться виджетами прямо в каталоге:

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

Результаты

По приведенным данным от клиентов:

- Увеличение скорости поиска: пользователи начали находить нужные товары быстрее.

- Повышение удовлетворенности: Уровень удовлетворенности пользователей увеличился.

- Рост конверсии.


Заключение

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

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