М — мобильные приложения

tkCRM.Driver

Упростили и автоматизировали процессы доставки груза

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


Функциональные требования

В режиме реального времени приложение должно отслеживать передвижение каждого водителя и формировать подробную статистику о времени работы, простоев и фиксации нарушений скоростного режима во время транспортировки (MVP-2).

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

Водителю должен иметь возможность изменить статус заявки. Новый статус в автоматическом режиме отправляется всем участникам перевозки, как заказчику, так и логисту, отвечающему за перевозку. Каждому водителю доступен встроенный чат с сотрудниками организации для возможности пересылать сканы накладных и прочих документов (MVP-2).

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

Структура приложения

На основе полученной информации составили базовую структуру приложения, которая включает в себя основные экраны и компоненты.

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

Дизайн

Процесс включал в себя отрисовку всех экранов приложения со всеми возможноными состояниями интерфейса.

Страница авторизации

Авторизация в приложении осуществляется путем ввода номера телефона, который уже есть в системе. Регистрация самим пользователем не предусмотрена.

Список заказов и детальная информация

Экран «Мои заказы» отображает текущие и завершенные заявки. Одновременно в работе может быть несколько заявок, которые выполняются водителем параллельно.

В ходе обсуждения определились с содержимым карточки заказа, но после первой итерации решили отказаться от ряда элементов: метка «Текущий статус», «Заявка…», упоминание о догрузе, заменив ее на кол-во точек догрузки/разгрузки, т.к. водитель в любом случае будет следовать по заданному маршруту линейно и добавили цветовой индикатор, который сигнализирует о том, что водитель успевает прибыть к точке вовремя.

В итоге получилось уменьшить плотность информации и высоту самой карточки. Ниже представлены готовые макеты страницы «Мои заказы».

Путь движения водителя

Экран содержит информацию о передвижении по текущей заявке. Необходимо было визуализировать схему движения, которая бы отображала путь следования в любой возможной последовательности, учитывая варианты догруза и разгрузки по пути к конечной точки.

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

Сформировали общий кейс, содержащий сразу все варианты следования и сделали первый вариант интерфейса.

После первой итерации решили сэкономить место по высоте, переместив лейблы «Погрузка 1», «Разгрузка 2» … слева от меток локаций и заменив информацию о загрузке на текущий статус.

Если маршрут сложный, напротив каждой локации отображается кнопка информации, по тапу на которую открывается диалоговое окно, сожержащее в себе подробную информацию о погрузке или разгрузке.

Если маршрут не содержит в себе догрузов, то на экране доступна только кнопка «Делали»

Экран трекера

Содержит статистическую информацию о текущем движении (средняя и максимальные скорости, время вождения и простоя).

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

Этот вариант был неудобен не только тем, что при раскрытии списка остальные строки уезжали вниз, но и недостаточно большой областью нажатия, чтобы этот список закрыть. Решили отказаться от этого варианта в пользу компонента Bottom Sheet.

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

На экране детализации сами элементы стали читабельнее, что позволяет водителю не всматриваться в экран во время движения. Также в этом варианте заметно увеличилась область закрытия окна – чтобы закрыть окно, достаточно нажать в любое место экрана.

Личные сообщения

Внутренний чат приложения позволяет обмениваться личными сообщениями с другими участниками рабочего процесса (водители, логисты, менеджеры).

Профиль пользователя

Экран содержит основную информацию о текущем пользователеи, два выпадающих списка: «Организация» и «Личная информация», кнопки «Настройки» и кнопки смены фото пользователя.

Категории мест

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

Наверх