Редизайн складской платформы: упростила логику, сократила путь пользователя и повысила эффективность user flow на ~23%.
- О чем продукт?Десктопный продукт для менеджеров и логистов, который автоматизирует работу со складскими остатками: собирает данные по товарам из разных складов и помогает формировать заявки на отгрузку из единой точки.
- КонтекстПлатформа состояла из большого количества экранов и переходов. Для новых пользователей был записан 3‑минутный видеоурок, без которого работа была непонятна. Задача — сократить количество шагов до выполнения заявки и сделать интерфейс самодостаточным, без обязательного обучения.
- Что я решала?Первым делом, я разделила функционал на:
- Составление заявки
- В работе (чтобы отслеживать груз)
- Архив (история заявок)
Составила User Flow с выгодой ≈ 23%- Составила новый user flow, который сократил количество действий и экранов примерно на 23% (по сравнению с исходным сценарием по видеоинструкции).
- Сделала короткую встроенную инструкцию из 3 шагов, которая знакомит нового пользователя с основными действиями прямо в интерфейсе. Это снижает порог входа и уменьшает зависимость от видеоинструкций
Инструкция
Выбор поставщика – при выборе сразу подгружаются остатки.
Выбор способа привязки – артикул подтягивается даже при выборе по названию/штрихкоду.
Создание нескольких заявок – вторую строку можно добавлять только после выбора ключевых полей «поставщик/дропшипер», это уменьшает ошибки.
Статусы “В работе” и архив – вынесены в отдельные вкладки, есть фильтры и онлайн‑статус заявки.
Выбор способа привязки – артикул подтягивается даже при выборе по названию/штрихкоду.
Создание нескольких заявок – вторую строку можно добавлять только после выбора ключевых полей «поставщик/дропшипер», это уменьшает ошибки.
Статусы “В работе” и архив – вынесены в отдельные вкладки, есть фильтры и онлайн‑статус заявки.
Прошлый функционал
До редизайна ключевые действия объяснялись
3‑минутным видео. Без просмотра было сложно понять,
с чего начать. Новый интерфейс позволяет обойтись
короткой онбординг‑подсказкой из 3 шагов.
3‑минутным видео. Без просмотра было сложно понять,
с чего начать. Новый интерфейс позволяет обойтись
короткой онбординг‑подсказкой из 3 шагов.
Ключевые изменения сценария
Выбор поставщика
при котором сразу подгружается остаток продукта у поставщика.
при котором сразу подгружается остаток продукта у поставщика.
Выбор способа привязки
При котором подгружается артикул, даже если юзер выбрал название.
При котором подгружается артикул, даже если юзер выбрал название.
Возможность следующей заявки
появляется тогда, когда выбраны ключевые поля "поставщик"/ "дропшипер".
появляется тогда, когда выбраны ключевые поля "поставщик"/ "дропшипер".
Поставщик принял заявку,
но она еще под нашим взором в статусе “ В работе”.
Онлайн - статус заявки позволяет контролировать процесс.
но она еще под нашим взором в статусе “ В работе”.
Онлайн - статус заявки позволяет контролировать процесс.
Работа с меню
в архиве
сокращает пользовательский путь
в архиве
сокращает пользовательский путь
Итого:
- Относительно UI
- Основной цвет и доп. цвет подобраны с контрастностью 12,8 и 7,35 (выше требований WCAG AA).
- Шрифт: Onest, минимальный кегль — по гайдлайнам инклюзивности.
- Сетка на Bootstrap 5, шаги и отступы кратны 8 px.
- Относительно UX (удобство пользователя)
- Упростили user flow: основные действия (выбор поставщика, дропшипера, привязка, количество) доступны на одном экране.
- Сократили число переходов по вкладкам и лишних подтверждений.
- Добавили понятные статусы и фильтры в разделах «В работе» и «Архив», чтобы пользователь быстро находил нужную заявку.
- Относительно Бизнеса
- На основе видеоинструкции и текущего процесса посчитали “старый” сценарий и предложили новый.
- Новый user flow сокращает число действий приблизительно на 23%, что снижает время обработки заявки и косвенно уменьшает нагрузку на поддержку (меньше ошибок и запросов “что делать дальше”).
