Редизайн каталога.


Продукт

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


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

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


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


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


  1. Внедрение новых функций в интерфейс, на базе новых возможностей отдела разработки.


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


Проблемы старого каталога:

  • Сложно найти нужный раздел товара. Данные из вебвизора показывают бепорядочный скролл в разделе «Каталог товаров», пользователи не могу найти нужный раздел, после чего идут в поиск.

  • Фильтрами пользуются только 5% посетителей.

  • Сложная разработка и поддержка каталога товаров фронтенд-разработчиками.


Разработка

На примере одной из b2b-платформ, можно посмотреть флоу выбора категории товаров:

Редизайн каталога.


Продукт

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


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

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


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


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


  1. Внедрение новых функций в интерфейс, на базе новых возможностей отдела разработки.


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


Проблемы старого каталога:

  • Сложно найти нужный раздел товара. Данные из вебвизора показывают бепорядочный скролл в разделе «Каталог товаров», пользователи не могу найти нужный раздел, после чего идут в поиск.

  • Фильтрами пользуются только 5% посетителей.

  • Сложная разработка и поддержка каталога товаров фронтенд-разработчиками.


Разработка

На примере одной из b2b-платформ, можно посмотреть флоу выбора категории товаров:

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


С внедрением нижней навигационной панели в продукт, я переработал старый флоу.

На вкладке «Товары» представлены основные категории товаров. Заглавные категории сопровождаются фотографией, для более удобного поиска глазами. Нажимая на категорию открывается список подкатегорий. Подкатегории будут открываться до тех пор, пока пользователь не перейдет в конечную или не нажмет «Показать все товары».

Фильтры товаров становятся доступны только после выбора категории. Фильтры можно использовать двумя способами: через панель чипсов или кнопку «Показать все».

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

↑ Этот способ упрощает поиск редких и специфических фильтров.


Результаты

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

  • Благодаря проработке каждого флоу, удалось увеличить процент использования фильтров.

  • Поиск специфичных фильтров стал проще.

  • Фронтенд-разработчики отметили, что новое решение проще поддерживать, так как процесс разработки отдельных флоу можно разделить, а значит и поддержание и дальнейшее внесение изменений будет проще.

  • Пришлось внести изменения в бэкенд структуру, но дополнительная категоризация данных упростит разработку в будущем.