Enable truck drivers to update milestones and upload POD effortlessly
Overview
Background
The Ofload Driver Mobile App was facing several challenges as it relied on legacy technology, leading to maintenance issues and a less-than-optimal user experience. The app's outdated framework hindered adaptability to new features. Additionally, feedback from truck drivers highlighted usability concerns and the need for a more intuitive interface.
Objectives
Rebuild the app using React, not only to enhance maintainability but also to create a more user-friendly and efficient tool for truck drivers. Redesign and launch phase 1 of the new app.
Outcome
Key metrics:
Error rate:
Adoption rate:
My Role
I was the lead designer, collaborated with PM and mobile app developer
My Process
Mapping current information architect and user flows
Understanding the needs of end user (truck driver)
Define scope for phase 1. Revise the IA and discuss with stakeholders
Mid-fi prototyping & usability testing
Hi-fi prototyping
1. Mapping current information architect and user flows
2. Understanding the needs of end user (truck driver)
3. Define scope for phase 1. Revise the IA and discuss with stakeholders
How might the Driver app help Simon:
Efficient load management: Simon can easily view and update load details, reducing time spent on administrative tasks.
Real-time updates: Instant notifications about route changes or delays keep Simon informed and allow him to adjust his plans accordingly.
User-friendly interface: A simple and intuitive interface ensures that Simon can navigate the app effortlessly, saving time and reducing frustration.
Due to time constraint, phase 1 focuses on solving for driver only. Scope defined as below:
Login 8-digit PIN
View load details
Milestone update
POD upload
Cater for multi-stop
Auto-progression and manual progression
4. Mid-fi prototyping & usability testing
In the process of refining the product, due to time constraint I needed to conduct usability testing with the internal team, including stakeholders. This collaborative effort involves the design team, product team, and key stakeholders, fostering a comprehensive understanding of the user experience.
Feedback from the usability test highlight important items:
Keep the design, including language, as simple as possible. Truck drivers value straightforward instructions.
It is crucial to cater for both auto-progression (milestones updated automatically based in the case geo-fencing is activated; otherwise user should be able to manually update on the app).
5. Hi-fi prototyping
Learning
Modern technology enhances maintainability:
Choosing React as the new framework improved the app's maintainability, making it easier for developers to manage and update code. This decision not only future-proofed the app but also enabled the integration of new features with greater agility.
Collaboration between design and development is key:
Constant communication and collaboration between the design and development teams were essential for a successful rebuild. This ensured that the design vision was translated effectively into code while considering technical constraints and feasibility.