UX Case 3
UX Visual - Dashboard
Company: Autonomic
Teams: UI team
Duration: 4 months
Target devices: desktop and tablet
Role: UX and Visual Design
What is the TMC Dashboard
The TMC dashboard is a fleet management demo application. It shows real-time vehicle data including geolocation and status. It was built to show the customers the possibilities of how they can use the TMC services / APIs.
Project description
This was the first UI project before Autonomic was acquired by Ford and the main objective was to demo future customers some possibilities they can build out of TMC APIs. In this project, the users can see where are the vehicles, what is the current status of vehicles, and how the driver behaves.
Challenges and solutions
Mini Map The first challenge was scalability and visibility. There are over a few million vehicles which are all over the world. The main problem I faced was how to represent them intuitively where are the vehicles with issues and let the users quickly navigate to the vehicle. To solve the problem, I used my previous game industry experience and introduced the Mini Map which shows the overview of vehicle locations and the density of inventory with the cluster icons. The map also has a small navigation box with which the user can switch the main map view quickly.
Route and behaviors The second challenge was to show multiple data on the map and let the user quickly drill into the details do an event like harsh accelerations, hard breaks, speeds, and off-route states.
Vehicle Details The third challenge was to give users easy access to vehicle details including status, geolocation, and analytic / history. The information size was big but for the users, it should be easy and quick to scan the issues. Also, we had to give users an option to navigate to other vehicles and compare between them.
Process Steps
2. Wireframes
3. Prototypes
