Фильтры и категории товаров
Продукт
B2B Движение — компания, которая предлагает программное обеспечение для перевода оптовых продаж в интернет. Клиент получает собственный маркет со своей продукцией.
Моя роль в продукте
1. Исследование пользовательских потребностей и проблем, связанных с использованием ПО.
2. Разработка и проектирование пользовательских интерфейсов в десктопной и адаптивной (мобильной) версиях, которые удовлетворяют потребностям пользователей.
Доработка старого функционала.
Упрощение навигации в продукте.
5. Создание прототипов и дизайн-макетов.
6. Участие в тестировании реализованного дизайна на пользователях и получение обратной связи для улучшения опыта пользователей.
Введение
В рамках проекта по оптимизации платформы B2B-маркетинга мы решили пересмотреть систему фильтров и категорий товаров. Основная цель заключалась в упрощении навигации и повышении эффективности поиска для наших пользователей.
Исходные данные
- Проблема: Пользователи сталкивались с трудностями при поиске товаров из-за недостаточно интуитивной структуры категорий и неэффективных фильтров. Это приводило к увеличению времени поиска и снижению удовлетворенности.
- Целевая аудитория: Менеджеры по закупкам, логисты, маркетологи и другие специалисты в B2B-секторе.
Так выглядела старая панель фильтров и категорий:
Этапы разработки
1. Исследование пользователей
- Провели глубинные интервью с пользователями, чтобы понять их потребности и предпочтения.
- Использовали методы картирования путей пользователя (user journey mapping) для выявления точек боли в процессе поиска.
2. Анализ текущей структуры
- Провели аудит существующих категорий и фильтров. Выявили, что многие категории были избыточными или неактуальными.
- Оценили, какие фильтры пользователи действительно используют, а какие остаются без внимания.
3. Создание новых категорий и фильтров
- На основе собранных данных разработали новую структуру категорий, которая была более логичной и соответствовала потребностям пользователей.
- Внедрили многоуровневую систему фильтров, включая фильтры по:
- характеристикам (размер, цвет, материал).
- цене и наличию.
- производителю и рейтингу.
4. Прототипирование
- Создали интерактивные прототипы новой системы категорий и фильтров с использованием инструментов дизайна (Figma).
- Включили функции динамического обновления результатов поиска при выборе фильтров.
5. Тестирование
- Провели юзабилити-тестирование с участниками из целевой аудитории, чтобы оценить удобство новой структуры.
- Собрали обратную связь и внесли изменения на основе замечаний пользователей.
6. Итерации и доработка
- На основе тестирования доработали интерфейс, улучшили визуальную иерархию, добавили подсказки для пользователей.
Реализация
- Техническая интеграция: Сотрудничали с командой разработчиков для внедрения новой структуры в существующую платформу.