TRAFFILOG
Main map
A dashboard system for vehicle fleet management
.jpg)
THE PROJECT
→ Customer: Traffilog
→ My Role: Product Designer
→ Team: UX Designer, UI Designer,
Product Manager, Developers
ABOUT - CUSTOMER
Traffilog allows fleet managers to utilize data for improved vehicle fleet management, while reducing operating costs and
ensuring safety.
Traffilog's dashboard system uses real-time data from vehicles through cellular communication and allows fleet managers to monitor and manage parameters related to the driver and vehicle, including their location and route.
Vehicles on the map - an expand & collapse menu to help the user make the most of the workspace
OVERVIEW
A vehicle fleet management dashboard system for fleet managers to enable monitoring, command & control of their fleet.
Each vehicle’s location and real-time route are shown on the map.
The objective of the project was to redesign an existing dashboard and replace it with a new one.
The system comprises of two main components:
1. The main map - allows the fleet manager to view vehicles in real-time on an interactive map, delineate important areas and receive alerts.
2. Drivers and vehicles dashboard - in this section, the fleet manager enters data on the drivers and vehicles.
In addition, he can view the data being monitored and collected on the drivers and vehicles.
GEOFENCE POI
The project extended for over a year and several features were designed.
One of these features is the Geofence POI, which displays data of specified points of interest in a marked area on the map.
.png)
Geofence Points of Interests (POI) Table
The Problem
The existing dashboard was not user-friendly and somewhat misleading, with accessibility and flexibility issues.
Two main aspects were addressed, as follows:
1. On the user end:
-
Users were struggling finding the functions and had to use right-click to perform actions on layers.
-
Category tag did not match its content and was confusing.
-
It was not clear which functions operate on the table and which on the layers.
-
Using the ‘tree view’ resulted-in information loss.
2. On the business end:
Numerous requests from users for technical support, caused excess time spent
by tech representatives to assist with different issues on the dashboard.
The ‘tree view’ old UI - information is limited and functions are not visible
Research
Meetings and conversations with stakeholders, technical support representatives and developers were held to address various issues regarding the dashboard. We interviewed end-users, visited the technical support center and listened to conversations with end-users.
DEFINING THE DEMOGRAPHICS
Many questions were raised regarding the dashboard usage, user personas and their technical skills. Complex systems require a certain level of technical knowledge, therefore users with medium to high technical level were targeted.
Insights
According to our research, many users turn to the technical service because they are unable to operate some of the functions in the system. We understood that the information of the functions in the feature needs to be refined and the system made accessible.
DESIGN PRINCIPLES
The Solution
We realized that there is a problem with the information hierarchy of the features. In order to solve the pain points, we had to be more transparent and allow customization of the functions in the feature:
-
Create a new point of interest.
-
Actions on the table and layers.
-
Using a table view allows the user to get more information.
Solved Problems
CREATE A NEW POI
I realized that a point of interest consists of several features, therefore,
I created a layout separated from the existing table.
Geofence Points - Create a New POI
.png)
The user can select an existing layer or create a new one
Users can add an icon or a color to the layer. To create a scan table and differentiate the layers.
We have added the options of: polygon and polyline, so that the operation is more accurate.
.png)
A sense of control that allows users to receive notifications about vehicles entering a Points of Interest area.
ACTIONS ARCHITECTURE
From the research I did, I realized that a point of interest consists of several features, so it was clear to me that I would create a layout separated from the existing table.
