Patrols management system - Max Popov

TASSTA. Patrols management system

End-to-end
product and interface design

Platform:	web
Year, duration:	2023-2024, 3 months
My role:	Product Design, UX research
Team:	Manager — 1, Product Designer — 1, Tech Writer — 1, Developer — 3, QA engeneer — 2

Key challenge

Designing a web application for Patrol Service dispatch management in an African country. The task was based on an existing application that did not fully meet the client’s needs and required significant improvements. Direct access to the reference application was not provided; we were only given screenshots of several screens and a demonstration of its general workflow.

8K+ patrols

are activated daily

12K+ users

use the system

14K+ routes

are uses in the system

sample application from the customer

Research

For research and solution comparison, we analyzed our existing applications — T.Rodon and its web version, T.Mugen. T.Rodon already had implemented maptools plugin and a basic patrol module for building rounds by security companies. However, this existing version was only about 10% suitable for the new task, and its interface was significantly outdated.

T.Rodon and T.Mugen screenshots

As part of the research into high-load mapping systems, we studied applications for logistics dispatch and public transportation management.

examples screenshots

Core

During the design phase, the following core entities were identified. They formed the basis of the future database schema and defined the core logic and interface structure.

Dashboard with active patrols
Patrol management (scheduling, planning, checkpoints)
Patrol guards
Patrol zones/areas
Routes
Reports and incidents
Mapping service with patrols and users

General Workflow

Implementation

The new interface incorporates all advancements from updating T.Rodon (current design version: 2019). During the design process, we accounted for the requirement of the following functionality in addition to the core patrol management system:

Group PTT (Push-to-Talk) communication
Voice calls (individual and group)
Video calls (individual and group)
Emergency calls
Messenger (text, attachments for video, files, images, locations; message editor; reply, forward, and other functions)
Report logs for selected events

New layout grid for T.Rodon was used as the foundation for the project.

Draft of layout

Based on research findings, it was decided to implement a Home Screen where users can arrange a set of essential plugins (maximum of 4). This addresses the constraint that dispatchers do not always work with multiple monitors. Plugin placement is achieved by dragging and dropping them from the menu into the main content area.

Draft of drag and drop function on Home tab

The Main Menu was structured to support the application’s broad use across various devices and operational scenarios.The Patrols tab encompasses all necessary settings for the patrol system configuration.

Menu structure

The system primarily handles two core data types: maps and multiple tabular datasets.

For maps, a dedicated navigation panel was introduced to allow users to easily display the required data layer.

For tabular data, the solution focused on highly customizable views, enabling users to configure which content is displayed to fit their specific tasks.

table settings

The interface is built upon the updated TASSTA Design System. During the process, missing components were added to it.

Design system preview

Finalization

The final launch was divided into several phases. Version 1.0.1 introduced a simplified implementation, featuring a pilot version of the Home Screen (supporting up to 2 apps), a basic messenger, and a streamlined map module. By version 1.4.0, the full functionality was delivered.

Following the release of each version, the design underwent an additional iteration of minor improvements, primarily addressing issues related to developers’ misinterpretation of the design specifications.