Мобильное приложение для расчёта, заказа и оплаты перевозки
Приложение проводит отправителя через весь основной сценарий перевозки: расчёт стоимости, оформление, оплату и отслеживание заказа. В кейсе показано, как сложную форму грузоперевозки разделить на понятные мобильные шаги. ≈5–7 минут чтения.
1. Контекст и границы задачи
Веб-форма перевозки содержала много зависимых параметров: адреса, характеристики груза, дополнительные услуги и данные сторон. На телефоне их нельзя показать одним полотном, поэтому оформление было разделено на последовательные шаги с понятным результатом каждого этапа.
Сценарий начинается с расчёта. Пользователь сразу видит стоимость и ориентировочный срок, а при необходимости раскрывает подробный расчёт и график движения груза. После этого можно перейти к оформлению, не заполняя данные до понимания цены.
После создания заказа приложение показывает крупный номер и объясняет, что произойдёт дальше. Этот номер связывает экран подтверждения, журнал перевозок, оплату и дальнейшее общение с оператором.
Перед оплатой остаются видимыми груз, отправитель, получатель и итоговая сумма. Пользователь может проверить ключевые данные и только затем выполнить финансовое действие.
2. Проблемы рабочего процесса
- Большой объём параметров: Габариты, вес, адреса, услуги и контрагенты не помещаются на одном мобильном экране без потери приоритета.
- Изменяющаяся стоимость: Цена зависит от состава услуги; пользователь должен видеть итог и возможность раскрыть детализацию.
- Юридически значимые данные: Ошибка адреса, получателя или документа обнаруживается поздно и дорого исправляется.
- Подтверждение заказа: После отправки формы нужен однозначный номер и объяснение следующих шагов.
3. Проектные решения
Сначала цена
Расчёт начинается с двух главных ответов: сколько стоит перевозка и когда прибудет груз. Детали тарифа не мешают первому просмотру.
Один вопрос на экран
Груз, маршрут и услуги разнесены по коротким шагам. Пользователь понимает, какие данные нужны сейчас и сколько ещё осталось.
Понятные действия
Вместо безличного «Продолжить» кнопки называют следующий результат: оформить заказ, подтвердить или оплатить.
Номер заказа всегда рядом
После оформления номер появляется на экране завершения и дальше используется в журнале и оплате.
Проверка перед оплатой
На последнем экране можно ещё раз сверить груз, адреса и получателя, не возвращаясь по всей форме назад.
4. Как проходит заказ
Пользователь вводит параметры перевозки и получает стоимость со сроком доставки. Если предложение подходит, он переходит к оформлению и добавляет сведения об отправителе, получателе и нужных услугах.
После отправки формы появляется номер заказа и короткая инструкция: заказ принят в обработку, его состояние можно посмотреть в журнале. Финальный экран не обрывает путь, а ведёт к следующему ожидаемому действию.
В журнале собраны текущие перевозки и их статусы. Отсюда можно открыть конкретный заказ, проверить состав и перейти к оплате. Сумма показана вместе с номером и получателем, поэтому понятно, за какую перевозку списываются деньги.
Экспертная оценка охватила пять экранов и четыре ключевые точки сценария: расчёт, создание заказа, поиск и контроль перевозки, оплату. На трёх экранах основное действие закреплено в нижней зоне, доступной для большого пальца. Проверка также выявила два риска для дальнейшего тестирования: читаемость мелкого серого текста и сохранение контекста при переходе из журнала к оплате.
5. Мобильный сценарий
6. Выводы для проектирования
- Начинайте с результата: Стоимость и срок помогают решить, продолжать ли оформление, прежде чем пользователь раскроет детали.
- Подтверждение продолжает сценарий: Номер, статус и следующие шаги важнее декоративной анимации успеха.
- Оплата требует сводки: Сумма без номера, груза и получателя недостаточна для безопасного действия.