2 записи с тегом "водительское приложение"

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

Чтобы водитель не путался в комментариях из разных мессенджеров и бумажных путевых листах, мы разработали специализированный интерфейс приложения. Вся информация по текущей заявке на аренду теперь собрана на одном экране.

Ключевые возможности интерфейса

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

1. Тайминг и статус заказа

В самом верху экрана  закреплена важная информация о ходе выполнения заявки:

Тип заказа: Четко указано, что это «Аренда автомобиля».

Счетчик времени: Наглядный индикатор, показывающий общую длительность аренды и обратный отсчет (например, «осталось 6 ч 0 мин»). Это помогает водителю контролировать время работы и вовремя предупреждать клиента о переработках.

Адаптивность: Для удобства чтения в разных условиях освещенности и на разных устройствах предусмотрена кнопка изменения размера шрифта (А- / А+).

2. Контроль дополнительных услуг

Сразу под таймером расположен блок «Дополнительные услуги».

Частая проблема в заказных перевозках — водитель забывает подготовить салон под требования конкретного клиента. В нашем приложении водитель видит чек-лист (например, «Детский бустер — 2 шт.», «Вода — 15 шт.»).

Индикатор выполнения (например, "0 / 2") подсказывает, что нужно проверить наличие этих позиций перед подачей машины.

3. Интеллектуальная маршрутизация и комментарии

Кнопка «Весь маршрут в Навигаторе»: Одним кликом водитель может передать весь построенный логистом маршрут (со всеми промежуточными точками) в навигационное приложение.

Детализация и контекстные подсказки: Весь путь представлен в виде пошаговой ленты. Под каждой остановкой выводится точечный комментарий диспетчера, привязанный именно к этой локации (например: «Клиент с детской коляской — помочь с багажом» или «Забрать конверт у кассира АЗС»).

Динамика выполнения рейса (Пошаговый процесс)

Интерфейс меняется синхронно с действиями водителя, последовательно раскрывая нужные инструменты.

Этап 1. Приемка авто и начало работы

Изначально в приложении активна крупная кнопка-слайдер «Взять автомобиль». Проведя ползунок, водитель фиксирует начало смены.

Интерфейс моментально реагирует: появляется отметка времени («Автомобиль получен 12:30»), запускается алгоритм «определяем геопозицию...», а кнопка трансформируется в «Старт поездки», приглашая водителя начать движение к первой точке.

Этап 2. В пути: навигация и учет расходов

При клике на следующую карточку маршрута открывается многофункциональное всплывающее окно. В нем собраны инструменты, необходимые до момента прибытия на точку:

• Интеграция с картами: Водитель видит миниатюру карты с возможностью масштабирования и две яркие кнопки: «Открыть в Яндекс Навигаторе» и ссылку «Открыть в Яндекс Картах». Здесь же отображается динамический расчет времени в пути («осталось 29 мин»).

• Фиксация путевых расходов: В этом же окне предусмотрены специальные вкладки для отчетности:

• Вкладка «Трасса»: Поле для ввода суммы (в рублях) оплаты за платные участки дороги.

• Вкладка «Заправка»: Расширенная форма, где водитель указывает потраченную сумму и количество залитых литров. Главная фишка — кнопка «Сфотографировать чек», позволяющая прикрепить подтверждающий документ прямо к отчету по рейсу.

• Сразу под блоком расходов находится кнопка-слайдер «Прибыть» с указанием расчетного времени.

Этап 3. На остановке: ожидание и парковка

Как только водитель отмечает прибытие (свайп по слайдеру «Прибыть»), карточка текущей остановки визуально выделяется зеленой рамкой с пометкой «Вы на остановке» и точным временем фиксации (например, 12:31).

• Таймер ожидания: Внутри карточки автоматически запускается визуальный прогресс-бар ожидания («осталось 9 мин»), если это было заложено в расписание.

• Связь и парковка: Появляются кнопки «Позвонить» (для быстрой связи с пассажиром) и «Парковка». При нажатии на парковку разворачивается поле, куда водитель может вписать стоимость платной стоянки и подтвердить ее зеленой галочкой.

Этап 4. Финансовый расчет (Прием оплаты)

Если на данной остановке предусмотрен расчет с клиентом, в карточке появляется жирная надпись, например: «Принять с пассажиров 1500 ₽». Интерфейс предлагает три варианта:

1. На карту предприятия

2. На карту водителя

3. Наличными

Умный учет наличных («Куда деньги»):

Если водитель выбирает «Наличными», система не просто закрывает чек, а разворачивает дополнительный блок.

• Себе в счет ЗП

• В кассу

• Механику

Подтверждение:

После выбора способа оплаты блок сворачивается в аккуратную зеленую плашку (например, «Принято на карту водителя 1500 ₽»). Справа от суммы остается иконка «карандаша», позволяющая водителю отредактировать способ оплаты, если он совершил ошибку.

Итоги

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

Мы разработали совершенно новое приложения для водителей. В нём представлен интуитивно понятный и максимально удобный интерфейс, чтобы работа с сервисом приносила только позитивный опыт.

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

Новая версия (DriveSafe) представляет собой полный пересмотр пользовательского опыта. Внедрен современный, светлый и интуитивно понятный интерфейс, который помогает водителю фокусироваться на главном — маршруте и пассажирах.

Ниже представлено детальное сравнение изменений по ключевым экранам.

1. Панель авторизации и стартовый экран

Вход в приложение — это первое касание пользователя с продуктом. Изменения здесь направлены на формирование доверия и современного имиджа.

Старая версия: Использовала утилитарный подход. Экран входа представлял собой базовую форму с полями «Мобильный телефон» и «Пароль» на фоне размытой фотографии дороги. Отсутствовала уникальная айдентика продукта.

Новая версия: Приложение получило собственное «лицо». Внедрен стильный стартовый экран (Splash screen) с логотипом «DriveSafe», фирменным приветственным слоганом и приятным зеленым фоном. Это задает профессиональный тон и сразу дает понять водителю, что он использует качественный корпоративный инструмент.

2. Список рейсов (Главный экран)

Главный экран водителя был полностью переработан для обеспечения лучшей читаемости информации «на ходу».

Старая версия: Использовался темно-серый фон со строгими прямоугольными блоками. Информация (маршрут, время, касса, автобус) подавалась сплошным текстом. Навигация по дням (Сегодня, Завтра) была выполнена в виде набора отдельных цветовых кнопок, что создавало визуальный шум.

Новая версия: Внедрена светлая тема (Light Mode), которая визуально «облегчила» интерфейс.

Карточки рейсов стали белыми, с мягкими тенями и скругленными углами. Маршрут теперь представлен в виде наглядного таймлайна с точками отправления и прибытия. Время вынесено крупным шрифтом, добавлены понятные иконки для количества пассажиров и суммы, а также яркие бейджи статуса рейса (например, «Ожидает»).

3. Экран остановки: Карточки пассажиров (Свернутый вид)   На этом этапе водитель работает со списками посадки и высадки. Главная цель — минимизировать количество кликов.

Старая версия: Интерфейс перегружен рамками. Статистика (явка/неявка) отображалась в виде огромных круглых светофоров, отвлекающих внимание. Свернутые группы пассажиров выглядели как громоздкие блоки с указанием общей суммы и мелкими, не всегда очевидными индикаторами внутри.

Новая версия: Экран стал максимально чистым.

В верхней части четко зафиксирована информация об остановке, времени до прибытия и кнопка навигатора. Списки логично разделены на блоки «Высадить пассажиров» и «Посадить пассажиров». Свернутая карточка заказа выглядит компактно: аватарка, имя основного клиента и общее число людей (например: Наталья, 3 пассажира»). Киллер-фича — появились крупные кнопки массовых действий («Поставить Явку всем», «Поставить Неявку всем»), что кардинально ускорило работу при полной посадке без проблем.

4. Экран остановки: Карточки пассажиров (Развернутый вид)

Развернутая карточка используется для точечной отметки пассажиров внутри одного заказа.

Старая версия: При раскрытии блока появлялся список пассажиров в дополнительных рамках. Статусы посадки отмечались неочевидными иконками (вопросительные знаки) и странным расположением элементов, что усложняло визуальный поиск нужного человека и его отметку.

Новая версия: Продуманная микро-эргономика.

При раскрытии карточки сразу видна финансовая детализация (например, «2 чел × 50 руб = 100 руб»). Появились кнопки массовой явки/неявки конкретно для этой группы (заказа). У каждого пассажира в списке есть отдельная аккуратная строка. В ней указано имя, есть кнопка быстрого звонка (иконка трубки), а справа расположены крупные, контрастные кнопки статуса: зеленая галочка (сел) и красный крестик (не явился). Отмечать пассажиров можно безошибочно в один тап.

Итог

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