How did we make drivers' work lives easier?

With this project, drivers can now skip the time-consuming task of searching for orders and instead automatically pick orders, making their work much more efficient and convenient.

Introduction

GOGOX transformed the logistics industry in Hong Kong by empowering drivers to manage their own jobs and income. The anti-traditional model has revolutionised the industry by allowing drivers to independently select orders, giving them the freedom to choose.
Yet it has also created challenges due to intense competition among drivers. The project focuses on designing an alternative order picking flow that prioritises drivers ease while maintaining desired flexibility.

The Team

Product manager x 1
Product Designer x 1 (Me)
Data Scientist x 1
Frontend engineer x 2
Backend engineer x 1

My Role

  • Conducted researches

  • Held design sprint with cross-functional teams to align solutions

  • Utilising design techniques e.g. flow design, prototyping, mockups, for idea validation

Deliverables

  • Designed alternative order picking flow and experience

  • Initiated Design System usage in the team

Walking into their shoes

It's a daily basis to endure the draining waiting period for a job order

If you've ever attempted to purchase a concert ticket in Hong Kong or other countries, you've likely experienced the frustration of a perpetually loading page that may result in an unsuccessful attempt to secure one. Similarly, drivers endure this prolonged and draining waiting period on a daily basis as part of their job.

Drivers are becoming less patient with our platform as they experience extended and exhausted wait times for orders. This decline in patience has resulted in lower driver retention, which, in turn, has negatively impacted the overall supply on the platform.

Problems

The most challenging aspect for drivers lies in the order picking journey

Through driver shadowing and interviews, we observed and consolidated their key pains

βŒ›οΈ Pain stems from "waiting" a job

Every day, drivers spend approximately 3 hours waiting on average

Considering that drivers need to pick at least 6 orders per day to earn a substantial income, when the picking process median time is 20-30 minutes, they end up enduring this waiting period for a total of at least 3 hours every day

πŸ‘†πŸ» Endless tapping to get a job

Imagine the exhaustion of continuously tapping on a phone for half an hour, all for the sake of securing just one order
The highly competitive process places immense stress on drivers and often results in complaints. Such concerns pose a risk to the supply of drivers on the GOGOX platform if trust is continuously eroded. It is crucial to address these challenges to maintain a healthy and reliable driver base.

GOALS

Regain drivers' trust using our platform to get job and provide them a less intense order picking journey

Kickstarted the project with a design sprint session with our scrum team, discussing the latest pain points experienced by users and drawing inspiration from order assignment logic employed in other industries.

Our team want to design an order picking journey for drivers that is less exhausting and bothersome, while ensuring they feel they are earning money in an "easier" and less fatiguing manner

Our tactics implies to

Manage their expectation on wait times

Address driver frustration with wait times to prevent them from seeking alternatives to alleviate supply-demand tension

Enhance the working conditions to get a job

Attract drivers by offering a delight working experience through our app, encouraging them to rely on our platform or even grow the supply base by attracting new users from competitors

Provide more context to make informed decision

Increase the transparency of order competition and grant drivers more sense of control.

Each sprint, we accomplished the following tasks

I rapidly prototyped the happy flow, conducted garage visits, and tested it with our drivers.

πŸ€” Hypothesis βž” πŸ’» Prototype βž” πŸ•Ή Test with drivers/internal staffs βž” πŸ” Iterate

Image of "Card" showing searched orders numbers

✨ ROUND 1

Assumption: Provide transparency by displaying the number of searched orders will enhance drivers' sense of security

Based on insights from the workshop, the operations team stressed the importance of transparency, leading us to assume that drivers would appreciate knowing the actual number of orders we successfully searched and try matching for them.

Through testing, we discovered that the hypothesis was not entirely valid.

βš”οΈ Displaying search count can be a double-edged sword
Pros: Provides visibility on the app's matching process

βš”οΈ Displaying search count can be a double-edged sword
Cons: Users become frustrated when the count keeps increasing without getting a job match

πŸ‘ The notification blink effect produces a strong light that causes significant eye irritation
particularly when drivers have the app open in a vehicle. This goes against our objective of enabling drivers to have a restful experience.

❓ The meaning of the FAB design is not clear to users
It obstructs drivers from selecting orders below and leading to mis-click issues. Also, the position of FAB failed to imply the feature is exclusive for ASAP orders only

πŸ‘₯ During testing with our team members, we received internal feedback regarding:
Concerns about increased response time. The flashing screens appearing like a bug.
Similarity between the card design and normal order cards.

✨ ROUND 2

Assumption: It is important to set clear expectations regarding the waiting period

To alleviate the feeling of indefinite waiting, we display the estimated waiting time and number of drivers within same location in this iteration.

Additionally, we replaced the FAB with a toggle, implying the Law of proximity, repositioning it to the sub-header as it is exclusively available for ASAP orders, grouping related actions and solving the mis-click issues at the same time.

An overlay is introduced to spotlight the new feature
to provide onboard experience.
‍
We also improved the notification animation by replacing the blink effect with a gentle ripple effect.

Through testing the designs with drivers,

βœ… We observed that drivers are more willing to wait when provided with an estimated time,
but some still continuously monitor the screen and occasionally toggle the feature on and off as a form of "rebooting" after waiting for some time. In the next iteration, we aimed to explore methods to encourage drivers to remain engaged by demonstrating our understanding of their situation and predicting their next steps.

πŸ€” But some still continuously monitor the screen and occasionally toggle the feature on and off as a form of "rebooting" after waiting for some time. In the next iteration, we aimed to explore methods to encourage drivers to remain engaged by demonstrating our understanding of their situation and predicting their next steps.

✨ ROUND 3

Assumption: Offering suggestions can decrease the likelihood of them quitting the job hunting.

Our aim was to ensure a hassle-free experience for our drivers before an order is matched.

Anticipating that they might reboot, we added a feature that suggests adjusting their filter options just before the estimated time expires. This recommendation is intended to increase the order pool and enhance their chances of getting matched more quickly.
‍

Phase 1

Final Design

To expedite the launch of our MVP and gather early feedback, I recommended that the team prioritise the foreground experience and concentrate on testing the core flow with beta users. This approach allows us to gather valuable insights and iterate swiftly based on user feedback.

Onboarding

Recognising that many of our drivers may have limited technical expertise, we made a onboarding tooltip to clearly highlight the position and purpose of the new feature to ensure it is easily understood by our drivers.

Matching Indicator to alleviate waiting anxiety

We implemented the display of estimated waiting time, providing drivers with a clear expectation of the waiting duration instead of an indefinite period. We also enhanced transparency by providing more context and explicitly stating the current situation with relevant numbers and matching results

Suggested Filters to minimise ditch rates

To ensure that the estimated waiting time does not result in a negative experience for our drivers, we provide prompt suggestions to guide drivers on their next steps. We suggest more suitable filter selections based on past data calculations conducted by our data team.

Match notification to enhance awareness

We employed a combination of sound and visual cues to reinforce the impact of notifications without becoming overly disruptive to drivers while they are in their vehicles. Additionally, we implemented limited background notifications to encourage users to keep our app in the foreground, thereby ensuring a more engaged user experience.

Phase 2

Background Experience Design

We allocated time for conducting research and designing the background notification experiences. This allows us to carefully refine and enhance the way notifications are delivered to users while they are using other apps or have our app running in the background.

We are also able to tackle and include other cases we found out in phase 1

Developers found out possible edge scenarios which may bring confusion to drivers, e.g. orders will not be assigned when drivers are not in service areas. These findings help us to optimise the whole auto-accept experiences.

During the beta test

Impact

We measured

  • Drivers' productivity increased by 160% (tracking the number of jobs completion)

  • In-app clicks while driving reduced by 80% (reflects less orders picking happened)

What's next?

Following the beta launch, news about the program spread rapidly among drivers.
Our operation team was inundated with inquiries from non-beta users eager to join our beta group, even willing to pay for entry only to use the feature, which was initially invitation-only.

This leads the team and business go forward to capture the opportunity.
See how we convert this originally UX issue into business chance to generate company revenue.

How did we convert the UX issue into business chance and generate company revenue?

UX design of the value-added FaaS to empower users by subscription

πŸ’° Generate $300k pm. company revenue

View Case Study βž”

Learnings

Harnessing the Power of Beta Users for Valuable Feedback
Traditional approach (wireframing, prototyping, user tests) falls short for product and engineering teams.
Beta user groups established for real-world app testing could provide invaluable insights amissing use cases identified, particularly in
‍
Unexpected significance of background notifications discovered.
Decision made to incorporate background notifications in initial launch.
Beta users' engagement proves game-changer for product fine-tuning.
Critical areas addressed before wider audience launch.
Beta users ensure healthier and more successful launch.
PM and team benefited from beta users' involvement.

Taking it One Phase at a Time
Through our journey, we've discovered the importance of breaking down our complex features into manageable phases. By prioritising and focusing on the core aspects, we have gained better control over the number of bugs that may surface. Through focusing on the top prioritises and keep the good-to-have, this approach also allows us the necessary time to identify any missing scenarios or edge cases that require our attention.
By tackling one phase at a time, we can ensure a more systematic and organised development process. It enables us to allocate resources effectively, address potential issues proactively, and deliver a higher-quality end product. This approach empowers our team to navigate the complexities of the project more efficiently, resulting in a smoother development cycle and ultimately a more successful outcome.

Gain support from the business side
Following discussions with the business and operations teams, we reached a consensus to maintain flexibility while addressing driver stress caused by competing for orders when designing the solution. These communication takes time and may be less related to design craftmanship, but it definitely helps pushing the product out og boundaries than simply about athenstics.

Share your ideas with stakeholders as early as possibleΒ 
During the design sprint, we actively sought input from other stakeholders, allowing them to share their concerns and provide valuable suggestions at an early stage of the process. The purpose of looping them in is not only for more innovative ideas, it is also a bridge to learn their concerns and explore the opportunities on how to utilise their expertise to help crafting a more delight design solution than what a sole designer can achieve.

(screenshot of other team's feedback after design sprint)

More to explore