Редизайн списка товаров бренда

О разделе

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

Взаимодействие

Работал в кросс-функциональной команде

Какую проблему решал

Цены на товары и объём продаж с долей выкупа - это одни из основных метрик для селлера на маркетплейсе. Проведя исследования и анализ рынка, мы с командой выяснили, что владельцы брендов также хотят следить за ценами на свои товары у разных продавцов.

раньше владелец бренда мог видеть только то, какие товары какой продавец продает

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

Также у старого дизайна было несколько существенных проблем в части UX:

Некоторые вкладки дублировали друг друга

Вкладка «Нет бренда» не давала понимания о чём данная страница, а также были проблемы в части дублирования кнопок, непонятных полей и усложненной таблицы в дровере оформления жалобы, которую к тому же перекрывал тул бар

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

Взаимодействие с избранными списками было усложнено

Было

Стало

Гипотезы

Если добавить аналитику по цене в таблицу, то увеличится количество посещений раздела (или среднее время сессии в разделе), потому что пользователь захочет сравнить какой товар по какой цене продаётся лучше

Если добавить аналитику по продажам в таблицу, то увеличится количество посещений страницы (или среднее время сессии в разделе), потому что пользователь захочет сравнить у какого товара выше продажи

Если перенести вкладку «Товары Ozon» во вкладку «Товары в продаже», то пользователю будет удобнее сравнивать товары, потому что они будут находиться в одной таблице

Если добавить эмпти стейты, то улучшится взаимодействие со страницами, потому что у пользователя будет подсказка, что нужно сейчас сделать

Если сделать возможность добавлять товары в избранное только из списка товаров, то улучшится CSI взаимодействием с «избранным», потому что такой паттерн работы с избранными списками привычнее для пользователя

Если упростить дровер оформления жалобы (убрать лишний функционал из таблицы, убрать тулбар), то улучшиться CSI во флоу оформления жалобы, потому что лишние элементы перестанут отнимать полезное пространство и загораживать информацию

Что поменялось?

Убрали вкладку «Товары Ozon», объединили её с вкладкой «Товары в продаже», так как обе страницы были про одно и то же. Теперь селлерам удобно навигироваться и они не путаются среди одинаковых страниц и решают свои задачи быстрее

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

Переработали пользовательский путь во вкладке «Поиск контрафакта». Добавили остров над таблицей с экшенами по поиску, добавили эмпти стейты. Стало проще искать товар и у пользователя появились подсказки на пустом экране. Селлер понимает что нужно сделать. Также переработали дровер оформления жалобы. Теперь форма стала удобнее и понятнее

Переработали UX работы с избранными списками. Теперь выбор списка происходит до входа на саму вкладку, а редактирование списка упростили. Добавлять товары в избранное можно из других разделов, а в самом списке его можно только удалить. Применение устоявшихся паттернов помогло снизить когнитивную нагрузку. Теперь селлер сможет работать быстрее с избранными списками

Пересобрали все страницы раздела и обновили на новые компоненты. Теперь страница выглядит консистентно с остальным кабинетом селлера и снижает когнитивную нагрузку

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

Критерии успеха

Увеличить продолжительность сессии в разделе на 10%

Увеличить MAU раздела на 20%

Целевая аудитория

Владельцы брендов с кабинетом бренда

Ещё экраны

Вызовы на проекте

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

Итоги

Проект находится на стадии тестирования, но мы уже видим положительную тенденцию по ключевым метрикам