Project overview

Conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.

Responsibilities:

Role:

UX designer designing an app for GrabFly from conception to delivery

Problem:

People who want to send their parcels quickly with a convenient payment system.

Solution:

Design a GrabFly drone delivery app that allows users to easily send their parcels, securely pay for them, and track them.

User research

Working adults who send parcels twice per month.

Primary group:

Results:

This user group confirmed the speculation that tech-savvy people are interested in new technological advances such as GrabFly drone delivery, but there is also another group that stated that they want a transparent payment system, no additional fees, and an easy delivery process.

Pain points

Users want a transparent payment system with no additional fees.

Payment:

Accessibility:

Platforms for delivery are not equipped with assistive technologies.

Overwhelmed amount of information

Information Architecture:

Persona 1: Emily

Problem statement:

Emily is a tech-savvy operations manager who needs to send packages using the latest technological advances because she is passionate about technology.

User journey map

Mapping Emily’s user journey revealed how helpful it would be for users to have access to a dedicated Drone Delivery app.

Paper wireframes

For the home page, I prioritized easy access to all of the app’s features, such as navigation, settings, search, and history.

*Stars were used to mark the elements of each sketch that would be used in the initial digital wireframes.

Homepage

Search, navigation, parcel history

Element list:

Result:

Digital wireframes

Low-fidelity prototype

Using the completed set of digital wireframes, I created a low-fidelity prototype. The primary user flow I connected with was building and sending a package so the prototype could be used in a usability study.

View the GrabFly App

low-fidelity prototype

Usability study: findings

First study:

Second study:

Difficult to see an important field in the order summary

I conducted two rounds of usability studies.

Findings from the first study helped guide the designs from wireframes to mockups.

The second study used a high-fidelity prototype and revealed what aspects of the mockups needed refining.

Users want an easy shipping process

Users need a more intuitive way to deal with the payment system

Users need more information about what “Signature and “Deliver” pages are about.

Ability to track parcel status

Mockups: after 1-st usability study

Early designs allowed quick access to the wallet, but after a usability study, I changed the location of the wallet to profile settings.

Before usability study

After usability study

Mockups: after 2-d usability study

After the second usability study, I divided blocks on the "Review" page for better user readability and highlighted "Order summary".

Before usability study

After usability study

Mockups

High-fidelity prototype

The final high-fidelity prototype presented cleaner user flows for sending a parcel using a Drone Delivery service.

View the GrabFly App

hi-fi prototype

Takeaways

The app makes users feel like GrabFly is really thinking about how to make the service convenient and fast.

Impact:

What I learned:

I learned that even a small design change can have a huge impact on the user experience. The most important takeaway for me is to always focus on the real needs of the user when coming up with design ideas and solutions.