Logistics Control Tower

Моніторинг операцій та керування винятками

WEB
Logistics Control Tower
Роль: Product DesignerПлатформа: B2B SaaS · вебзастосунокНапрям роботи: Дослідження домену, продуктова модель, UX/UI, прототипування, метрики

Один із логістичних продуктів, над якими я працював. Він допомагає командам координувати сотні перевезень між перевізниками, транспортом, водіями, клієнтськими зобов’язаннями та зовнішніми джерелами даних. Продукт збирає розрізнені операційні сигнали в одному місці й дає диспетчерам час відреагувати до того, як відхилення перетвориться на зірвану доставку.

Кейс побудований навколо повного операційного циклу, а не однієї функції: зрозуміти домен, створити надійну модель перевезення, виявляти й пріоритизувати винятки, координувати рішення та перевіряти, чи повернулося перевезення до плану.

Продуктова модель

Від транспортного сигналу до вирішеного винятку

Самого місцеположення недостатньо, щоб зрозуміти стан перевезення. Система поєднує етапи, ETA, маршрут, документи, контекст водія й перевізника, якість даних та вплив на SLA, а кожне рішення зберігає в єдиному операційному таймлайні.

  1. 01

    Зібрати

    TMS, GPS, документи, повідомлення

  2. 02

    Виявити

    Затримка, брак сигналу, конфлікт, ризик

  3. 03

    Пріоритизувати

    Вплив на SLA, терміновість, достовірність

  4. 04

    Призначити

    Власник, команда, шлях ескалації

  5. 05

    Вирішити

    Дія, комунікація, рішення

  6. 06

    Перевірити

    Повернення до плану, доставка, висновки

Ключові операційні сценарії

Проєктувати роботу навколо винятків, а не екранів

Інтерфейс наслідує питання, які диспетчер ставить протягом зміни. Кожен рівень звужує фокус, не втрачаючи контекст перевезення й відповідальність.

01

Побачити мережу

Які перевезення потребують уваги зараз і яким буде операційний вплив?

02

Розібрати чергу

Що критичне, що може зачекати, а які сигнали непевні чи дубльовані?

03

Зрозуміти ситуацію

Що змінилося, яке джерело про це повідомляє і який етап або SLA під ризиком?

04

Скоординувати реакцію

Хто відповідає за виняток, яка наступна дія і коли потрібна ескалація?

Сценарій 1 · Розклад

Одна зміна, одне критичне перевезення, чотири екрани

Прототип відтворює один робочий день у freight-брокера: 48 активних перевезень, 11 винятків і диспетчерку, яка починає зміну о 09:12. Дані узгоджені між екранами, а кожна дія змінює спільний стан: власників, критичність, чергу, план і підсумки зміни.

Центральна історія: рефрижератор для VIP-мережі супермаркетів прогнозовано запізнюється на 42 хвилини. Джерела трекінгу суперечать одне одному, розподільчий центр приймає зміни лише до 11:00, а власника в ситуації ще немає. У керованих сценаріях активний лише той елемент, який потрібен історії: ідіть за кроками під екраном і дивіться, як із кожним рішенням змінюються карта, панель і таймлайн. Інтерфейс англійською, як у реальному американському продукті.

NORTHLINEControl TowerDay shift · Tue 13 Oct07:00–15:00 CT09:12CT10:12 ETDO
Exceptions10 open · by time to breach
HANDOVER · ALEX BROOKS · NIGHT4 items · 2 for you
6570752494554080714376!
NL-48213 · Truck 2214MM 134 · 0 mph since 09:31 ET
Crash · I-24 E MM 1352 of 3 lanes · clear ≈ 10:45 ET
Brightway DC #4Window 13:00–13:30 ET
ChicagoIndianapolisLouisvilleNashvilleSt. LouisMemphisDetroitColumbusMilwaukeeKansas CityCharlotteBirminghamGreen BayCincinnatiJolietRockfordMinneapolisOmahaDenverAtlanta
Critical 3At risk 3Data 4On plan 34
TrafficInterstatesWeatherFacilities
48 ACTIVE · 14 NEED ATTENTION · 34 ON PLAN100 MI
Commitments todayWindowNot confirmedPredictionLateUncertain34 on plan hidden · CT
0708091011121314151617
09:12
NL-48231Pickup · RockfordDwell
NL-48177Pickup · JolietNo-show risk
NL-48213Delivery · McDonough
NL-48090Delivery · LouisvilleTemp > 46°F
NL-48244Pickup · Green BayNo tracking
NL-48155Delivery · St. LouisMissing event
NL-48066Delivery · DetroitSlot unconfirmed
NL-48120Delivery · BirminghamHOS
Демо-сценарійЧас симульований і рухається лише від ваших дій.
  1. 01Прийняти нічний handover
  2. 02Відкрити виняток
  3. 03Взяти відповідальність
  4. 04Підтвердити позицію з перевізником
  5. 05Перенести вікно доставки
  6. 06Повідомити клієнта
  7. 07Підтвердити прибуття й закрити
  8. 08Переглянути підсумки зміни
01

Черга винятків

Лише те, що потребує уваги, за часом до порушення, а не за критичністю. Критична ситуація без власника обведена червоним; нічний handover закріплений унизу.

02

Карта мережі

Наведіть на виняток, щоб побачити його маршрут; клікніть, і карта покаже лише цей маршрут у кадрі з вантажівкою, інцидентом і вікном отримувача.

03

Панель винятку

Зобов’язання проти прогнозу, кожне джерело з віком і конфліктами та наступні дії в порядку життєвого циклу.

04

Таймлайн зобов’язань

Він кодує лише час: позначка поза вікном — ризик розкладу, порожниста — ненадійний прогноз, пунктирне вікно — непідтверджене.

Сценарій 2 · Комерція

Простій, який можна виставити, а не оплатити самим

Та сама зміна, 09:33. Вантажівка Brightway чекає у відправника понад годину, і 40 хвилин виняток ніхто не брав, тож правило ескалувало його тимліду. Marcus передає справу Priya Nair, і ви граєте за неї.

Detention стає грошима, лише якщо його можна довести й клієнт погодив його вчасно. Робоча зона перетворює очікування на процес: таймер простою проти безкоштовного часу, причина від відправника, попередня згода клієнта до 10:15 і один пакет доказів для білінгу.

NORTHLINEControl TowerDay shift · Tue 13 Oct07:00–15:00 CT09:33CT10:33 ETPN
Exceptions9 open · by time to breach
HANDOVER · ALEX BROOKS · NIGHTAccepted 07:05 CT
6570752494554080714376!
NL-48213 · Truck 2214In crash queue · confirmed by Ridgeline
Crash · I-24 E MM 1352 of 3 lanes · clear ≈ 10:45 ET
Brightway DC #4Window 14:30–15:00 ET
ChicagoIndianapolisLouisvilleNashvilleSt. LouisMemphisDetroitColumbusMilwaukeeKansas CityCharlotteBirminghamGreen BayCincinnatiJolietRockfordMinneapolisOmahaDenverAtlanta
Critical 1At risk 3Data 3On plan 34
TrafficInterstatesWeatherFacilities
48 ACTIVE · 14 NEED ATTENTION · 34 ON PLAN100 MI
Commitments todayWindowNot confirmedPredictionLateUncertain34 on plan hidden · CT
0708091011121314151617
09:33
NL-48231Pickup · RockfordDwell
NL-48177Pickup · JolietNo-show risk
NL-48213Delivery · McDonoughNew slot
NL-48090Delivery · LouisvilleTemp > 46°F
NL-48244Pickup · Green BayNo tracking
NL-48155Delivery · St. LouisMissing event
NL-48066Delivery · DetroitSlot unconfirmed
NL-48120Delivery · BirminghamHOS
Демо-сценарійЧас симульований і рухається лише від ваших дій.
  1. 01Відкрити виняток
  2. 02Підтвердити, що взяли в роботу
  3. 03З’ясувати причину у відправника
  4. 04Отримати попередню згоду клієнта
  5. 05Дочекатися кінця безкоштовного часу
  6. 06Зафіксувати виїзд
  7. 07Надіслати докази й нарахування
  8. 08Переглянути підсумки зміни
Сценарій 3 · Документи

Доставлено ще не означає закрито

13:15, після того як історія з запізненням закрита. Вантаж доставили вчора, але підтвердження доставки досі немає, і рахунок не можна виставити. Справа в Dana з нічного handover.

Перше фото від водія не проходить перевірку підпису. Замість того щоб знову смикати водія, система просить у отримувача саме те, чого бракує. Перевезення закривається лише тоді, коли пакет для білінгу повний і синхронізований з TMS.

NORTHLINEControl TowerDay shift · Tue 13 Oct07:00–15:00 CT13:15CT14:15 ETDO
Exceptions1 open · by time to breach
HANDOVER · ALEX BROOKS · NIGHTAccepted 09:14 CT
6570752494554080714376
Brightway DC #4Arrived 14:09 ET
ChicagoIndianapolisLouisvilleNashvilleSt. LouisMemphisDetroitColumbusMilwaukeeKansas CityCharlotteBirminghamGreen BayCincinnatiJolietRockfordMinneapolisOmahaDenverAtlanta
Critical 0At risk 0Data 0On plan 34
TrafficInterstatesWeatherFacilities
48 ACTIVE · 14 NEED ATTENTION · 34 ON PLAN100 MI
Commitments todayWindowNot confirmedPredictionLateUncertain34 on plan hidden · CT
0708091011121314151617
13:15

Every commitment left today is on plan.

Демо-сценарійЧас симульований і рухається лише від ваших дій.
  1. 01Відкрити виняток
  2. 02Нагадати перевізнику
  3. 03Отримати фото від водія
  4. 04Відхилити копію без підпису
  5. 05Отримати підписану копію
  6. 06Прийняти POD: готово до білінгу
  7. 07Синхронізувати з TMS і закрити
  8. 08Переглянути підсумки зміни
Вільний прототип

Пройдіть зміну самостійно

Та сама диспетчерська без сценарію. Наводьте й відкривайте будь-який виняток, перемикайте фільтри, стежте за маршрутами на карті й у таймлайні та беріть відповідальність за ситуації, що її потребують. Глибокі ланцюжки лишаються в керованих сценаріях вище; тут кожен виняток має базові дії.

NORTHLINEControl TowerDay shift · Tue 13 Oct07:00–15:00 CT09:12CT10:12 ETDO
Exceptions10 open · by time to breach
HANDOVER · ALEX BROOKS · NIGHT4 items · 2 for you
6570752494554080714376!
NL-48213 · Truck 2214MM 134 · 0 mph since 09:31 ET
Crash · I-24 E MM 1352 of 3 lanes · clear ≈ 10:45 ET
Brightway DC #4Window 13:00–13:30 ET
ChicagoIndianapolisLouisvilleNashvilleSt. LouisMemphisDetroitColumbusMilwaukeeKansas CityCharlotteBirminghamGreen BayCincinnatiJolietRockfordMinneapolisOmahaDenverAtlanta
Critical 3At risk 3Data 4On plan 34
TrafficInterstatesWeatherFacilities
48 ACTIVE · 14 NEED ATTENTION · 34 ON PLAN100 MI
Commitments todayWindowNot confirmedPredictionLateUncertain34 on plan hidden · CT
0708091011121314151617
09:12
NL-48231Pickup · RockfordDwell
NL-48177Pickup · JolietNo-show risk
NL-48213Delivery · McDonough
NL-48090Delivery · LouisvilleTemp > 46°F
NL-48244Pickup · Green BayNo tracking
NL-48155Delivery · St. LouisMissing event
NL-48066Delivery · DetroitSlot unconfirmed
NL-48120Delivery · BirminghamHOS
Вільний прототип · клікайте винятки, фільтри, таймлайн і карту

Спільна модель робить усі екрани узгодженими

Продукт організований навколо перевезення та його операційного стану, а не навколо систем, що постачають дані. Диспетчеру не доводиться відновлювати одну ситуацію в кількох інструментах.

01

Перевезення

Маршрут, зупинки, вантаж, обіцянки, етапи

02

Виконання

Транспорт, водій, перевізник, живі сигнали

03

Виняток

Тип, критичність, достовірність, вплив, стан

04

Рішення

Власник, дії, комунікація, результат

Проєктувати для недосконалих операцій

Логістичний продукт не може покладатися на повні дані й чистий happy path. Критичні стани виникають, коли джерела суперечать одне одному, сигнал зникає, відповідальність нечітка або автоматизація потребує рішення людини.

Немає даних
Показати останній стан, його вік, джерело й достовірність
Конфлікт статусів
Залишити видимими обидва джерела й пояснити вибраний стан
Дублікати сигналів
Об’єднати симптоми в один операційний виняток
Немає власника
Явно показати відповідальність і ескалувати за часом
Ручне втручання
Запросити причину й зберегти попереднє значення
Проблема повторилася
Повторно відкрити справу, не втрачаючи її історії
Дизайн-система

Диспетчерська, де колір означає, що зобов’язання під ризиком

Диспетчер дивиться на продукт усі вісім годин зміни, тому він темний, плаский і тихий: графітові панелі, розділені тонкими лініями, без карток і декору. Колір з’являється лише тоді, коли зобов’язання під ризиком: чотири рівні серйозності, синій для невизначених даних, зелений для «за планом» і бурштиновий для «зараз» та єдиної дії, що важлива далі.

Кожен ідентифікатор, час, відлік і кількість набрані IBM Plex Mono, щоб стовпчик часу можна було порівняти одним поглядом; сам інтерфейс — IBM Plex Sans, 12 px. Карта й таймлайн зобов’язань мають власну граматику: таймлайн кодує лише час, а все, що не про час, стає чипом поруч із рядком.

Графітові панеліТемні кроки для восьмигодинної зміни; панелі розділені тонкими лініями й ніколи не стають картками.
  • graphite.990#07090bПід картою
  • graphite.950#0c0e11Фон застосунку
  • graphite.900#111418Панель винятку
  • graphite.850#171b21Обраний рядок
  • land.800#161c23Штати на карті
  • road.600#3a4552Міжштатні траси

Текст і тонкі лінії

  • text.primary
  • text.muted
  • text.faint
  • line
  • line.soft
  • line.strong

Три рівні тексту й дві товщини ліній; більше ніщо не розділяє панелі.

Семантичні токениЕкрани використовують ролі, а не hex-значення.

Фон і поверхні

  • color.background.appgraphite.950
  • color.surface.panegraphite.900
  • color.surface.selectedgraphite.850
  • color.surface.mapgraphite.990

Текст і межі

  • color.text.primarytext.primary
  • color.text.mutedtext.muted
  • color.text.fainttext.faint
  • color.border.defaultline
  • color.border.softline.soft

Зараз і дія

  • color.action.primaryamber.400
  • color.time.nowamber.400
  • color.on-actionamber.950

Серйозність і стан

  • color.severity.criticalred.400
  • color.severity.highamber.400
  • color.severity.mediumsky.400
  • color.severity.lowslate.400
  • color.state.on-plangreen.600
  • color.state.datasky.400
Статус і часСерйозність, якість даних і час — три різні питання. Таймлайн відповідає лише на останнє.

Серйозність

  • Критичний#ff5b4d
  • Високий#ffb224
  • Середній#5cc8ff
  • Низький#8b95a3

Якість даних

  • Справні
  • Застарілі, суперечливі, відсутні
  • Недоступні

Таймлайн зобов’язань

  • Вікно
  • Прогноз у вікні
  • Поза вікном, за серйозністю
  • Зараз

Вимірювати вирішення, а не активність у дашборді

Основний сигнал цінності тут простий: яку частку критичних винятків команда встигає виявити й вирішити до порушення клієнтської обіцянки. Тому аналітика вимірює весь операційний цикл, а не перегляди сторінок чи загальну кількість алертів.

План вимірювання поєднує MTTD, час до підтвердження та вирішення, винятки без власника, повторно відкриті справи, свіжість даних, своєчасні доставки й ручні перевірки на одне перевезення. Точні базові значення та цілі залежать від даних і процесів конкретної команди, тому в кейсі я зосередився на тому, що саме варто вимірювати й навіщо.

  1. 01Виняток виявлено
  2. 02Переглянуто
  3. 03Власника призначено
  4. 04Дію виконано
  5. 05Повернено до плану
  6. 06Завершено

Підхід до перевірки рішень

01

Доменні інтерв’ю

Відтворити реальну зміну, передачі, правила ескалації та мову операторів.

02

Розбір сценаріїв

Перевірити затримку, втрату сигналу, конфлікт статусів і невдалу передачу справи.

03

Проходження завдань

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

04

Рев’ю аналітики

Узгодити події, надійність джерел, базові значення й реалістичні критерії успіху.

Що поєднує ця робота

Ця робота поєднує продуктову модель, архітектуру екранів, крайові сценарії та систему вимірювання в одному операційному процесі. Диспетчер може пройти шлях від сигналу на рівні мережі до конкретного власника, дії та перевіреного результату, не збираючи історію заново в кількох інструментах.

Три сценарії показують, як одна система підтримує щоденний тріаж, оплачуваний простій і закриття документів. У кожному випадку джерела даних, відповідальність, наступна дія та фінальний результат залишаються видимими від початку до кінця.