Северный завоз
Где сейчас груз для северных посёлков: на карте обстановки, в накладной и в телефоне водителя — в одной системе.
«Северный завоз» — оперативный мониторинг доставки грузов в труднодоступные районы Якутии: по реке судами и по дорогам автомобилями. Оператор ведомства видит обстановку целиком — суда, транспорт, термоточки, ветер, — а водитель в приложении видит свои накладные и трек.
Почему за это взялись
Груз в северные посёлки идёт неделями и меняет вид транспорта по пути: баржа, склад, машина. Оператору важны две точки зрения — карта всей обстановки и конкретный груз по накладной, а водителю — только свои рейсы и кнопка статуса. Я спроектировал одну модель данных — ТТН, трек, статус, история — и три способа смотреть на неё: карту, карточку накладной и мобильное приложение.
Что мешало — и что изменили
Что мешало
- Обстановка складывается из многих слоёв — суда, машины, спутниковые термоточки, ветер, районы, — и карта легко превращается в кашу.
- По накладной нужно понять, где груз, как долго он в пути и что уже выгружено.
- Судно и автомобиль — разные объекты с разными данными, а сценарий для оператора должен быть один.
- Водителю нужно быстро открыть накладную и сменить статус — на ходу, в перчатках, с мелким экраном.
Что изменили
- Карта обстановки с панелью слоёв и фильтров слева: каждый слой — раскрывающийся блок с собственными параметрами.
- Карточка объекта на карте — фото, основные данные, вкладка «Перечень ТТН грузов», действия «Добавить в избранное» и «Маршрут».
- Накладная в три вкладки: общая информация, отслеживание груза, журнал событий; сверху шкала статусов, снизу история по пунктам.
- Приложение водителя с четырьмя разделами — Карта, Трекинг, Профиль, Настройки — и выбором статуса одним нажатием.
Как я работал
- 01
Одна модель — три взгляда
Накладная, трек, статус и история — общие для карты, карточки и приложения. Меняется только то, что показывается и что можно сделать.
- 02
Слои под контролем
Слои скрыты в блоках, фильтры — рядом со слоем, к которому они относятся; на карте — только то, что включено.
- 03
Рейс как лента
Шкала статусов сверху, история по пунктам снизу и проигрыватель трека на карте превращают рейс в историю, которую можно перемотать.
- 04
Мобильный: минимум на экране
Крупные карточки накладных, статус в выпадающем списке прямо на карте, нижняя навигация на четыре раздела.
Экраны, которые двигают работу
Карта обстановки: судно
Слева слои и фильтры: АСН ГИМС, муниципальные образования, термоточки со спутников VIIRS и NOAA-20 за период, районы, ветер со скоростью, длиной шлейфа и прозрачностью, водный транспорт, автотранспорт. Клик по судну открывает карточку «Судно №26188»: фото, название, тип «Танкер — Опасный D», MMSI, IMO, позывной и время получения данных; действия «Добавить в избранное» и «Маршрут судна».
- Слои сворачиваются в блоки с параметрами
- Данные судна и действия — в одной карточке
Карта обстановки: перевозчик
Та же карта с включённым автотранспортом: клик по машине открывает карточку перевозчика — фото грузовика, название «Якутсктранссервис», тип «Трёхосные — до 25 тонн», госномер, ключ генерации. На карте — фиолетовый маршрут от точки отправления до текущего положения. Вкладка «Перечень ТТН грузов» показывает, что везёт машина.
Накладная: отслеживание судна
«Товарно-транспортная накладная 151», вкладка «Отслеживание груза». Шкала статуса: на оформлении, отгружен — 28.09.2024, Нижний Бестях, в пути, выгружен, доставлен. Ниже данные судна, текущее положение — 48 дней в движении, 489 км за сутки, 28 941 км за 30 дней, средняя скорость 16,7 узла — и карта с проигрывателем трека за выбранный период. Внизу история груза: погрузка, Нижний Бестях, Нижнеянск, Олекминск, Якутск.
- Статус, положение и история — три слоя одной страницы
- Трек можно проиграть за любой период
Тот же сценарий для автомобиля
Тот же экран, другой объект: перевозчик «Якутсктранссервис», ФИО водителя, госномер, тип транспорта, пункт назначения, навигационный статус «В пути», пройденный километраж и трек. Оператору не нужно учить второй экран: меняется содержимое блока, структура страницы остаётся.
Карточка автотранспорта
Реестр транспорта перевозчиков: форма с основной информацией слева, фото машины в центре и миниатюра последнего положения на карте справа. Кнопки «Сохранить изменения» и «Отмена» под формой.
Приложение водителя: накладные
Поиск и фильтры сверху, ниже крупные карточки накладных: «ТТН-245678», статус «Доставлен» с цветной точкой, № плана, № трека, категория, плановая и фактическая поставка, пункт отгрузки и склад назначения. Внизу вкладки: Карта, Трекинг, Профиль, Настройки.
Приложение водителя: карта и статус
Карта на весь экран, машина с госномером на маршруте и кнопка статуса «Отдых» с выпадающим списком — водитель меняет состояние, не покидая карты.
Приложение водителя: положение груза
Трек на карте между Суолой и Бедемей и выезжающая панель «Текущее положение груза»: перевозчик, госномер, навигационный статус «В пути», пункты отгрузки и назначения.
Приложение водителя: профиль
Данные профиля: фото машины, госномер, тип транспортного средства — «Рефрижератор» — и статус «Отдых». Вход в приложение — логин и пароль, одна кнопка «Войти».
Итог в цифрах
- Оператор видит обстановку целиком и за два шага — от объекта на карте до накладной — переходит к конкретному грузу.
- Суда и машины отслеживаются одним сценарием, поэтому оператору не нужно учить два интерфейса.
- Водитель видит свои накладные, трек и статус в одном приложении и меняет состояние, не покидая карты.