Редизайн платформы, с изменением логики и увеличением выгоды в 23%
О чем продукт?
Десктопный продукт, который обеспечивает автоматизацию склада.
Собрать все остатки товара в разных складов и перевезти из в одну точку.
Контекст
Платформа состоит из большого количества переходов.
Есть видеоинструкция на 3 мин, но можно обойтись легкой подсказкой вначале и более нативным визуалом платформы. Сократить шаги до выполненной задачи.


Что я изменила
Первым делом, я разделила функционал на:

  • Составление заявки
  • В работе (чтобы отслеживать груз)
  • Архив (история заявок)

Составила Новый User Flow с выгодой 23%

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

А если он это оценит и дальнейшие фичи и удобство, то задержится в продукте.
Включает только 3 шага, которые знакомят пользователя с основными действиями платформы.
Инструкция
Прошлый функционал
Инструкция работы платформы до редизайна:
Новый функционал
Выбор поставщика.
При выборе сразу подгружается остаток продукта у поставщика.


Выбор поставщика.
При выборе сразу подгружается остаток продукта у поставщика.


Выбор дропшипера.
Один или несколько


Выбор способа привязки
При выборе подгружается артикул, даже если юзер выбрал название.

Выбор даты

Возможность следующей заявки появляется тогда,когда выбраны ключевые поля Поставщик/ Дропшипер
Заявку принял в работу поставщик, но она еще под нашим взором в статусе “ В работе”.
Заявку принял в работу поставщик, но она еще под нашим взором в статусе “ В работе”.
Относительно UI:

Цвет
Контрастность основного: 12,8
Контрастность доп : 7,35
Шрифт: Onest (читабельный гротеск), мин размер шрифта, согласно закону инклюзивности

Текст:
Градиент от цвета стока и MPФИТ
Использован: Закон Миллера, Фитса, Близости, Внешнего и Внутреннего

Тех моменты для верстки:
Элементы построены согласно документации по сетке Bootstrap5 Размеры элементам кратные 8px, расстояния между элементами кратные 8px
Относительно UX (удобство пользователя):

Удобство использования, упрощенное User Flow. Не нужно делать несколько переходов по вкладкам слева и переходить из страницы на страницу. Все на одном экране. Не нужно подтверждений элемнтарных функций.
Относительно Бизнеса:

Использовав видео, я составила юнит экономику и сделала User Flow с выгодой ≈ 23%
Made on
Tilda