Переработала ключевой сценарий расчёта грузоперевозки, сфокусировавшись на трёх задачах: упростить работу со ставками, сделать этапы расчёта понятными и сократить ручные действия логиста.
На основе интервью и анализа рабочих сценариев расширила систему фильтрации, добавила сортировку и быстрые действия, переработала карточки ставок и превратила этапы расчёта в полноценную навигацию.
В результате интерфейс стал лучше поддерживать основной рабочий сценарий логиста — от поиска подходящей ставки
до запуска расчёта.
Разработанные решения были приняты командой в реализацию и вошли в прод.
На основе интервью и анализа рабочих сценариев расширила систему фильтрации, добавила сортировку и быстрые действия, переработала карточки ставок и превратила этапы расчёта в полноценную навигацию.
В результате интерфейс стал лучше поддерживать основной рабочий сценарий логиста — от поиска подходящей ставки
до запуска расчёта.
Разработанные решения были приняты командой в реализацию и вошли в прод.
Результаты
Переработала ключевой сценарий расчёта грузоперевозки, сфокусировавшись на трёх задачах: упростить работу со ставками, сделать этапы расчёта понятными и сократить ручные действия логиста.
На основе интервью и анализа рабочих сценариев расширила систему фильтрации, добавила сортировку и быстрые действия, переработала карточки ставок и превратила этапы расчёта в полноценную навигацию. В результате интерфейс стал лучше поддерживать основной рабочий сценарий логиста —
от поиска подходящей ставки до запуска расчёта.
Разработанные решения были приняты командой в реализацию и вошли в прод.
На основе интервью и анализа рабочих сценариев расширила систему фильтрации, добавила сортировку и быстрые действия, переработала карточки ставок и превратила этапы расчёта в полноценную навигацию. В результате интерфейс стал лучше поддерживать основной рабочий сценарий логиста —
от поиска подходящей ставки до запуска расчёта.
Разработанные решения были приняты командой в реализацию и вошли в прод.
Результаты
На момент моего подключения часть сценариев была проработана в виде первых набросков интерфейса. Однако решения находились
на ранней стадии и требовали проверки
и дальнейшей проработки.
Я взяла на себя значительную часть работы
по развитию продукта: исследовала реальные сценарии логистов, выявляла проблемные места
в существующих решениях и на основе полученных данных перерабатывала пользовательские сценарии и интерфейс.
Так постепенно первые концепции превратились в более продуманные и удобные решения.
на ранней стадии и требовали проверки
и дальнейшей проработки.
Я взяла на себя значительную часть работы
по развитию продукта: исследовала реальные сценарии логистов, выявляла проблемные места
в существующих решениях и на основе полученных данных перерабатывала пользовательские сценарии и интерфейс.
Так постепенно первые концепции превратились в более продуманные и удобные решения.
Что было до меня
Прошла ключевые сценарии в роли логиста:
от выбра направления до самого расчета.
Параллельно разбирала внутренние тест-кейсы и ходила с вопросами к аналитику
и логистам.
Провела интервью и юзабилити-тестирование
с группой логистов, чтобы выявить сложности
и проблемные точки на разных этапах расчёта.
от выбра направления до самого расчета.
Параллельно разбирала внутренние тест-кейсы и ходила с вопросами к аналитику
и логистам.
Провела интервью и юзабилити-тестирование
с группой логистов, чтобы выявить сложности
и проблемные точки на разных этапах расчёта.
Как погружалась в продукт
Выбор ставок
Сервис помогает логистам рассчитывать стоимость перевозки, формировать маршруты, подбирать транспорт и ставки перевозчиков и запускать расчёт перевозки.
B2B SaaS-платформа
для управления грузоперевозками
для управления грузоперевозками
Отцифровать процесс расчёта грузоперевозки
и перенести его в единую систему, чтобы сделать процесс прозрачным и управляемым: контролировать выбор ставок, снижать стоимость перевозок и видеть вклад каждого участника.
В дальнейшем — автоматизировать рутинные действия логиста и постепенно сократить его ручное участие в процессе. Это позволит специалистам обрабатывать больше сделок, повышая эффективность команды и доход компании.
и перенести его в единую систему, чтобы сделать процесс прозрачным и управляемым: контролировать выбор ставок, снижать стоимость перевозок и видеть вклад каждого участника.
В дальнейшем — автоматизировать рутинные действия логиста и постепенно сократить его ручное участие в процессе. Это позволит специалистам обрабатывать больше сделок, повышая эффективность команды и доход компании.
Цель проекта
Отцифровать процесс расчёта грузоперевозки и перенести его в единую систему, чтобы сделать процесс прозрачным и управляемым: контролировать выбор ставок, снижать стоимость перевозок и видеть вклад каждого участника.
В дальнейшем — автоматизировать рутинные действия логиста и постепенно сократить его ручное участие в процессе. Это позволит специалистам обрабатывать больше сделок, повышая эффективность команды и доход компании.
В дальнейшем — автоматизировать рутинные действия логиста и постепенно сократить его ручное участие в процессе. Это позволит специалистам обрабатывать больше сделок, повышая эффективность команды и доход компании.
Цель проекта
SaaS-сервис грузоперевозок
>
Экран выбора маршрута и расчета ставок
Так я выявила проблему существующей структуры фильтров: она не учитывала все параметры, необходимые логисту для выбора ставки.
В старой версии основные фильтры были вынесены непосредственно на экран: тип транспорта, его количество и другие параметры. В ходе интервью с логистами и анализа пользовательского пути я выяснила, что при выборе ставок специалисты учитывают значительно больше критериев.
1.
Фильтры
2.
Индикатор этапов расчёта
Расчёт перевозки состоит из нескольких последовательных этапов: выбор маршрута → выбор перевозчика для первого плеча → второго → третьего → запуск расчёта.
Индикатор этапов должен решать две задачи: показывать пользователю его текущее положение в сценарии и давать возможность вернуться к предыдущему этапу или переключиться между уже пройденными шагами.
В старой версии этапы были внизу страницы и воспринимались как статичный прогресс. Было неочевидно, что по ним можно кликать и перемещаться между этапами.
Индикатор этапов должен решать две задачи: показывать пользователю его текущее положение в сценарии и давать возможность вернуться к предыдущему этапу или переключиться между уже пройденными шагами.
В старой версии этапы были внизу страницы и воспринимались как статичный прогресс. Было неочевидно, что по ним можно кликать и перемещаться между этапами.
Я перенесла индикатор этапов расчёта из нижней части страницы во вкладки и превратила его из простого индикатора прогресса в полноценный элемент навигации. Теперь каждый этап расчёта представлен отдельной вкладкой: маршрут → первое плечо → второе плечо → третье плечо и далее.
Так пользователь сразу понимает, на каком этапе он находится, какие этапы уже пройдены
и что к ним можно вернуться. По мере прохождения расчёта вкладки меняют свой статус, визуально отражая текущий, завершённые и последующие этапы.
Так пользователь сразу понимает, на каком этапе он находится, какие этапы уже пройдены
и что к ним можно вернуться. По мере прохождения расчёта вкладки меняют свой статус, визуально отражая текущий, завершённые и последующие этапы.
2.
Индикатор этапов расчета
Я объединила фильтры в одну кнопку, при нажатии на которую открывается список и добавила параметры, которых не хватало, как я выяснила на интервью с логистами.
Также добавила добавила теги применённых фильтров с возможностью удалить каждый параметр отдельно. Пользователь сразу видит, по каким условиям сформирован список ставок,
и может быстро изменить поиск.
В ходе интервью и погружения в рабочий процесс логистов выяснила, что им не хватает сортировки по плечам и котировкам. Добавление этих возможностей помогло быстрее сравнивать ставки и находить подходящий вариант, сокращая количество ручных действий при расчёте перевозки.
Также добавила добавила теги применённых фильтров с возможностью удалить каждый параметр отдельно. Пользователь сразу видит, по каким условиям сформирован список ставок,
и может быстро изменить поиск.
В ходе интервью и погружения в рабочий процесс логистов выяснила, что им не хватает сортировки по плечам и котировкам. Добавление этих возможностей помогло быстрее сравнивать ставки и находить подходящий вариант, сокращая количество ручных действий при расчёте перевозки.
1.
Фильтры
Я перенесла индикатор этапов расчёта
из нижней части страницы во вкладки
и превратила его из простого индикатора прогресса в полноценный элемент навигации. Теперь каждый этап расчёта представлен отдельной вкладкой: маршрут → первое плечо → второе плечо → третье плечо и далее.
Так пользователь сразу понимает, на каком этапе он находится, какие этапы уже пройдены
и что к ним можно вернуться. По мере прохождения расчёта вкладки меняют свой статус, визуально отражая текущий, завершённые и последующие этапы.
из нижней части страницы во вкладки
и превратила его из простого индикатора прогресса в полноценный элемент навигации. Теперь каждый этап расчёта представлен отдельной вкладкой: маршрут → первое плечо → второе плечо → третье плечо и далее.
Так пользователь сразу понимает, на каком этапе он находится, какие этапы уже пройдены
и что к ним можно вернуться. По мере прохождения расчёта вкладки меняют свой статус, визуально отражая текущий, завершённые и последующие этапы.
2.
Индикатор этапов расчета
Я объединила фильтры в одну кнопку, при нажатии на которую открывается список
и добавила параметры, которых не хватало, как
я выяснила на интервью с логистами.
Также добавила добавила теги применённых фильтров с возможностью удалить каждый параметр отдельно. Пользователь сразу видит, по каким условиям сформирован список ставок,
и может быстро изменить поиск.
В ходе интервью и погружения в рабочий процесс логистов выяснила, что им не хватает сортировки по плечам и котировкам. Добавление этих возможностей помогло быстрее сравнивать ставки и находить подходящий вариант, сокращая количество ручных действий при расчёте перевозки.
и добавила параметры, которых не хватало, как
я выяснила на интервью с логистами.
Также добавила добавила теги применённых фильтров с возможностью удалить каждый параметр отдельно. Пользователь сразу видит, по каким условиям сформирован список ставок,
и может быстро изменить поиск.
В ходе интервью и погружения в рабочий процесс логистов выяснила, что им не хватает сортировки по плечам и котировкам. Добавление этих возможностей помогло быстрее сравнивать ставки и находить подходящий вариант, сокращая количество ручных действий при расчёте перевозки.
1.
Фильтры
2.
Индикатор этапов расчёта
Расчёт перевозки состоит из нескольких последовательных этапов: выбор маршрута →
выбор перевозчика для первого плеча → второго → третьего → запуск расчёта.
Индикатор этапов должен решать две задачи: показывать пользователю его текущее положение в сценарии и давать возможность вернуться к предыдущему этапу или переключиться между уже пройденными шагами.
В старой версии этапы были внизу страницы
и воспринимались как статичный прогресс. Было неочевидно, что по ним можно кликать
и перемещаться между этапами.
выбор перевозчика для первого плеча → второго → третьего → запуск расчёта.
Индикатор этапов должен решать две задачи: показывать пользователю его текущее положение в сценарии и давать возможность вернуться к предыдущему этапу или переключиться между уже пройденными шагами.
В старой версии этапы были внизу страницы
и воспринимались как статичный прогресс. Было неочевидно, что по ним можно кликать
и перемещаться между этапами.
Так я выявила проблему существующей структуры фильтров: она не учитывала все параметры, необходимые логисту для выбора ставки.
В старой версии основные фильтры были вынесены непосредственно на экран: тип транспорта, его количество и другие параметры.
В ходе интервью с логистами и анализа пользовательского пути я выяснила, что при выборе ставок специалисты учитывают значительно больше критериев.
В ходе интервью с логистами и анализа пользовательского пути я выяснила, что при выборе ставок специалисты учитывают значительно больше критериев.
1.
Фильтры
Карточки ставок содержали много информации, но она была представлена неравномерно
и плохо поддерживала быстрое сравнение вариантов. Характеристики перевозчика отображались преимущественно в виде иконок без явных подписей, поэтому их значение могло быть неочевидно, особенно для новых пользователей.
Условия, включённые в ставку, занимали несколько строк, из-за чего карточки становились визуально тяжелыми и их было сложнее сравнивать между собой. При этом не было явно показано, для какого типа транспорта рассчитана ставка, а часть дополнительной информации была представлена обычным текстом.
и плохо поддерживала быстрое сравнение вариантов. Характеристики перевозчика отображались преимущественно в виде иконок без явных подписей, поэтому их значение могло быть неочевидно, особенно для новых пользователей.
Условия, включённые в ставку, занимали несколько строк, из-за чего карточки становились визуально тяжелыми и их было сложнее сравнивать между собой. При этом не было явно показано, для какого типа транспорта рассчитана ставка, а часть дополнительной информации была представлена обычным текстом.
Сделала выбранные ставки заметнее, чтобы пользователь сразу понимал, какие варианты уже добавлены в расчёт.
Добавила быстрые действия «История» и «Котировка», чтобы пользователь мог посмотреть дополнительную информацию о перевозчике и ставке, не покидая сценарий выбора.
Выстроила визуальную иерархию вокруг стоимости — цена стала главным визуальным ориентиром
в карточке, а тип транспорта, актуальность и другие параметры расположила рядом, чтобы пользователь мог быстрее оценить и сравнить варианты.
в карточке, а тип транспорта, актуальность и другие параметры расположила рядом, чтобы пользователь мог быстрее оценить и сравнить варианты.
Перевела дополнительную информацию в компактные теги — например, наличие договора и количество контактов. Это уменьшило визуальный шум и сделало карточки более сканируемыми.
Добавила тип транспорта как отдельный тег — «Тент», «Площадка» и т. д., чтобы пользователь сразу понимал, для какого транспорта рассчитана ставка.
Вынесла условия, включённые в ставку, в единую строку, чтобы уменьшить высоту карточек и упростить сравнение нескольких вариантов.
Сгруппировала характеристики перевозчика под его названием, чтобы информация о перевозчике и его условиях считывалась как единый блок.
Заменила иконки на понятные теги с текстовыми обозначениями характеристик перевозчика — теперь информацию не нужно интерпретировать по символам.
Сделала выбранные ставки заметнее, чтобы пользователь сразу понимал, какие варианты уже добавлены в расчёт.
Выстроила визуальную иерархию вокруг стоимости — цена стала главным визуальным ориентиром в карточке, а тип транспорта, актуальность и другие параметры расположила рядом, чтобы пользователь мог быстрее оценить и сравнить варианты.
Добавила быстрые действия «История»
и «Котировка», чтобы пользователь мог посмотреть дополнительную информацию
о перевозчике и ставке, не покидая сценарий выбора.
и «Котировка», чтобы пользователь мог посмотреть дополнительную информацию
о перевозчике и ставке, не покидая сценарий выбора.
Добавила тип транспорта как отдельный тег — «Тент», «Площадка» и т. д., чтобы пользователь сразу понимал, для какого транспорта рассчитана ставка.
Вынесла условия, включённые в ставку,
в единую строку, чтобы уменьшить высоту карточек и упростить сравнение нескольких вариантов.
в единую строку, чтобы уменьшить высоту карточек и упростить сравнение нескольких вариантов.
Перевела дополнительную информацию
в компактные теги — например, наличие договора и количество контактов. Это уменьшило визуальный шум и сделало карточки более сканируемыми.
в компактные теги — например, наличие договора и количество контактов. Это уменьшило визуальный шум и сделало карточки более сканируемыми.
Сгруппировала характеристики перевозчика под его названием, чтобы информация
о перевозчике и его условиях считывалась
как единый блок.
о перевозчике и его условиях считывалась
как единый блок.
Заменила иконки на понятные теги
с текстовыми обозначениями характеристик перевозчика — теперь информацию не нужно интерпретировать по символам.
с текстовыми обозначениями характеристик перевозчика — теперь информацию не нужно интерпретировать по символам.
