Discipline: UX Design, UI Design, Interaction Design
Collaborators: Support Team, Ownership
Taking a pre-existing app built for updating and tracking shipments and make it more intuitive and increasing usability for truck drivers.
As a truck driver, I need to be able to update the shipment I'm carrying as quickly and easily as possible. Updates I need to be able to make include updating arrival/departure times and being able to easily upload documents.
Original App Layout
I was the sole designer on this project, not only working to make the site more intuitive, but to implement our design system that was being used on our three other products, but not this one. I collaborated with the product owner, application support, and the development team.
My approach started with me trying to use the app and seeing some obvious places for improvement. Next, I read every app review on the Google Play Store and the Apple App store. Then, I met with the support team. What did they hear most from users? Where were their pain points? What worked well, and what didn't?
The Solution (Maybe change this)
There were interface changes that needed to be made throughout the app that would increase usability and help with understanding.
There were a lot of things that could be improved with the homescreen layout. The border on the left side of the shipment felt more like a design choice than it did a warning for being late. At first glance the city (Indianapolis) looks like current location, but it's actually the last place a check call was made.
Updating Details Screen
The obvious change here was to make the buttons less confusing. Here we condensed the buttons down to one, and a drawer opened allowing users to update their status. The header was now consistent with the rest of the app, allowing users to receive notifications on any page. There's now a subheader consistenting up the driver's status, dead head miles and estimated time to arrival.
Updating Arrival Times
The original screen shows the importance of "Designing the Obvious." In this case "Lumper Charges" and "Comments: don't looks like fields users should type in. In the case of lumper charges, users were confused on whether they were suppose to confirm whether or not they had lumper charges or if they were supposed to type in a dollar amount.