переключайтесь между страницами кнопками
или клавишами ← и → на клавиатуре

Мониторинг аудиторов

Инструмент для менеджера полевого аудита

Мониторинг аудиторов — обзорная карта
Обзор

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

Проблема

Менеджер мог понять, где аудитор и как идёт его день, только по звонку или переписке. С десятками аудиторов в подчинении это не масштабируется: работа менеджера превращается в непрерывный обзвон вместо контроля. Нужно было:

  • видеть всех аудиторов на карте одновременно, с фильтром по группе и статусу;
  • быстро находить нужного человека и открывать его карточку;
  • смотреть маршрут аудитора за день;
  • открывать детали любой точки: из списка или прямо с карты.
Мониторинг аудиторов
Ход работы
[1]

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

[2]

Перед макетами поресёрчил, как обычно группируют статусы на картах, и собрал контекст от техлида: рынок, видение заказчика.

[3]

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

[4]

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

Мониторинг аудиторов
5 экранов: один маршрут менеджера
[1] Обзорная карта аудиторов

Собрал всех аудиторов на одной карте, чтобы менеджер видел статус каждого одним взглядом, без ручных поисков: каждый пин показывает статус цветом. Фильтры «Группа» и «Статус» вынес наверх, чтобы сузить список, не уходя с карты.

[1.1] Система кодирования пинов

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

[2] Список аудиторов и карточка

Сделал так, чтобы клик по строке в списке и клик по пину на карте вели в одну и ту же карточку аудитора, а не в два разных интерфейса ради одного действия. Карточка показывает статус, устройство, версию приложения и свежесть данных: всё, что нужно проверить с одного взгляда.

[3] Маршрут аудитора

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

[4] Детали торговой точки — список

Собрал в одной карточке всё, что раньше приходилось уточнять в разных местах: статус сбора, вывеску, назначенных аудиторов, даты плана и визита. Так не нужно переключаться между системами ради одного вопроса.

[4.1] Детали торговой точки — попап

Помимо полной карточки в сайдбаре сделал ещё и поп-ап с деталями, чтобы можно было глянуть точку или аудитора на лету, не уходя с карты.

[5] Легенда карты

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

Мониторинг аудиторов
Результат
[1]

Менеджер видит всех аудиторов одновременно и фильтрует по группе и статусу.

[2]

Быстро находит конкретного человека через поиск и открывает одну и ту же карточку с карты или из списка.

[3]

Просматривает маршрут аудитора за день и видит время в пути между точками без звонка.

Мониторинг аудиторов — карта
[4]

Открывает детали торговой точки одинаково с карты общего вида и с карты конкретного аудитора.

[5]

Фичу приняли, она в проде: веб-портал менеджера работает и на десктопе, и на мобильных браузерах. Задачи из ТЗ закрыты: менеджеры перестали звонить аудиторам, чтобы понять, где они и что делают, стало быстрее находить нужного человека и удобнее следить за работой в поле.

Мониторинг аудиторов
← Ко всем кейсам