Fleet Management System

About Client

The client is a conglomerate with over 5,000 employees spread across Nigeria, with operational offices in Lagos, Benin, Port Harcourt, Calabar, Enugu, and Abuja. Since 1997, the client has been listed on the Nigerian Stock Exchange and has invested in various subsidiaries.

Brief

Design a fleet management system that is simple, easy to use, and can handle large amounts of in-house data.

The client intends to use the fleet management system to eliminate or reduce the risks associated with vehicle investment while also improving efficiency and productivity and lowering overall transportation and staff driver costs.

This design was for the users.

My Role

Product Designer (UI Design, UX Design) 

The Team

Product Designer (UI Design, UX Design) | Chinelo Abia | Henry Ofozor | Somto Anawai ( Client Team )

Tools

Paper | Microsoft Excel | Sticky Note | Balsamiq | Photoshop | Figma

Methodology

Mind Mapping, Card Sorting, User Personas, Systems Map, Site Map, User Flows, Wireframing, Prototyping, Usability Testing.

Timeline: 7 weeks

My Process

MY UX DESIGN PROCESS

Before I begin any project, I try to understand the basics. This requires an understanding of two important aspects:

  • The user (Users and their goals)
  • The brand (Business goals)

The questions below may vary depending on the business and are not limited to the questions below.

  • What’s is the problem?
  • What issue are you trying to solve for your user?
  • What problem are you trying to solve?
  • How does this project fit into your overall brand mission and goal?
  • What role does this project play in reaching that goal?
  • Is now the ideal time for your business to pursue this project?

I undertake research once I’ve determined what this project’s fundamental objective is and what problems they’re attempting to solve. At this point, I prefer face-to-face interviews to measure verbal and nonverbal replies, although video or phone interviews was also used.

  • User Interview

  • Stakeholder Interview

  • Market Research

  • Competitor Analysis

The questions below may vary depending on the business and are not limited to the questions below.

  • What are they having trouble with?
  • What do people expect from the service?

In this step, I used all of the information obtained in the previous two phases to analyze and simplify the most relevant parts.

  • User personas
  • User journey maps

Using what I learnt throughout the research process, I created a user journey map to assist me understand what the user will experience when using this service.

On this phase, I build out my design.

  • Site map.
  • User flow.
  • Wireframe.

For this phase, after several designs and redesigns, we’re ready to launch. Feedback from the development team is critical. I make sure that any concerns that arise are properly communicated and addressed before the service release.

  • Internal testing.
  • User testing.
  • Beta launch.

When the service becomes live, it’s time for another round of testing. I evaluate the finished project as a whole.

The questions below may vary depending on the business and are not limited to the questions below.

  • How are users responding to the product?
  • Was it effective in addressing their issues and eliminating their pain points?
  • Where can I make improvements to the product?

I conducted primary research to gain a general understanding of the system. The main goal was to understand and connect user goals and business goals.

During my research, I discovered several key areas for this system:

  • Vehicle Inspection,
  • Fuel management,
  • Vehicle maintenance,
  • Health and safety
  • Compliance

As soon as I defined the business goal, I shifted my research to empathize with the drivers by determining the best way to design a system that works for them.

User Research

I interviewed some of the client’s in-house drivers and the administrator for the existing desktop fleet management application, who were potential target users, to learn about their views and experiences with the current desktop fleet management application, as well as their pain points and suggestions for improvement. Because I was only tasked with designing for users, I directed most of my research questions toward them.

During the stakeholder interview, one of the key points highlighted was that there was no need to include a map in the design to track the location and movements of the drivers.  The client wanted to track the driver’s location and movements using the GPS on their smartphone, which was to be handled by the Engineering team on the backend.

User Research Summary

  1. All notification in one place.
  2. Submit report.
  3. Upcoming Task list.
  4. Easy access to Request history.
  5. Reminder
  6. Search form
  7. Easy access to mail.

Personas:

I created one personas to reflect the users I planned for: Drivers. Based on the user personas, I established the major user demands I wanted to address on the app, while also considering the client’s needs.

John

Competitor Analysis Research

Since this mobile app was to be used in-house (built only for the client to improve their efficiency and productivity and lower overall transportation and staff driver costs. ), my competitor analysis research was limited.

User Flows

The purpose was to determine each driver’s stages while navigating the mobile app and activities to reach their goal. I created a user flow for the driver persona to tailor this experience to the driver’s objectives. This allowed me to concentrate on what the user needed to achieve and how to provide that experience in the most efficient way possible through my design.

Driver User Flow

Development Phase

Wireframes + Prototype

Using my user flows as a reference, I began sketching a handful of the app’s major displays.

Wireframing

Based on the feedback and personal insights I gained during the sketching phase, I began building my first wireframes in Balsamiq. I prioritized the features in the app that would best meet the needs of the users.

Responsive view

Hi-Fi Wireframe

Following a few more lo-fi wireframe iterations. I was able to design a more detailed aesthetics.

Responsive view

Usability Testing

After finishing my wireframes, I designed a prototype for usability testing. This would allow me to evaluate how users would engage with the design and validate that it met their needs (User and Business goals).

The Next Steps

The next steps I’d like to take for this project would be to keep performing usability testing and improving my designs.