Project Overview
The product
MY PARCEL is a parcel tracking app that will help users to track their parcel in real time with high level support and lots of features and options. My Parcel App offers solutions to avoid issues with existing apps and lack of support, especially when the parcel is missing, not moving, or when requesting information.
Project duration
March 2022 to july 2022.
Project Overview
The problem
Many people face difficulties while using existing tracking apps and feel in trouble when the package is missing, not moving or when users ask for information.
The goal
Design an application for My Parcel that allows users to easily track their parcels in real time and provides more other options.
My role
UX designer designing an app for My Parcel from conception to delivery.
Responsabilities
Conducting interviews, personas, paper and digital wireframing, low and high-fidelity prototyping, Conducting usability studies, accounting for accessibility, and iterating on designs.
Understanding user
User research
Personas
Problem sttatement
User journey maps
User research: summary
I conducted interviews and created empathy maps to understand the users I am designing for and their needs. A primary user group identified through research was active adults and traders who made their orders online. Research revealed that there was a problem of using existing apps and lack of support when the parcel is missing or not moving.
User research: pain points
Information architecture
Text-heavy content in apps are often difficult to read and navigation is complicated.
Accessibility
Platforms of tracking are not equipped with assistive technologies
Support
Lack of support. Will guide design by proposing for example live chat in the app.
Personas:
Chakib
Problem statement:
Chakib is a parcel tracking app user who needs a new reliable and usable app to track their parcels because he has difficulties with existing apps and also with support.
User journey map
Mapping Chakib’s user journey revealed how helpful it would be for users to have access to My parcel app.
Starting the design
Sitemap
Paper wireframes
Digital wireframes
Low-fidelity prototype
Usability studies
Main user flow
Paper wireframes
Taking the time to draft iterations of each screen of the app on paper ensured that the elements that made it to digital wireframes will be well-suited to address user pain points.
For the home screen, I prioritized a quick and easy tracking process to help users save time.
Digital wireframes
Easy navigation was a key user need to address in the designs in addition to equipping the app to work with assistive technologies.
Digital wireframes
During the initial design phase. I made sure to base the screen’s design on feedback and findings.
Low-fidelity prototype
The low-fidelity prototype connected the primary user flow of parcel tracking, so the prototype could be used in the usability study with users.
View My parcel prototype :
https://www.figma.com/file/Yjpw2FrJKSzNhM5cyRX9b1/Lo-Fi-prototype?node-id=0%3A1
Usability study : findings
Before launching the app, we conducted a usability study to find out patterns related to usability. So we have created an affinity diagram, pattern identification and insight identification, and we have found the following points :
Round 1
Navigation
Users want to quickly switch between screens when using the app. The navigation should be smooth.
On-screen keyboard
Users want to see the on-screen keyboard when entering the tracking number.
Visual design
Users want to see more colors for more guidance and for good and smooth navigation.
Round 2
Drop-down button
“Region” dropdown button is confusing, nothing happens when clicking on.
Sending mesage
Process of sending message is uncompleted
Price calculation
Process of making a price calculation simulation is uncompleted
Refining the design
Mockups
High-fidelity prototype
Accessibility
Mockups:
Early designs allowed for some customization, but after usability studies I added additional options to choose Region by clicking on the region dropdown button to find researched agency and I fixed the problem of the clickability.
Mockups:
The second usability study revealed frustration with the price calculation simulation flow. To make sure the right calculation, I added the price simulation details page.
Mockups:
The second usability study also revealed a problem with sending a message that is uncompleted. I added screens to complete the process of sending the message.
Mockups
High-fidelity prototype
The final high fidelity prototype presented cleaner user flow for parcel tracking. It also met user needs for price calculation simulation, finding contact details agency and sending a message in some problem cases, as well as more customization.
View the Hi-fi prototype :
https://www.figma.com/file/Yjpw2FrJKSzNhM5cyRX9b1/Lo-Fi-prototype?node-id=184%3A2
Accessibility considerations
Navigation
Used icons to help make navigation smooth and easier.
Shapes
Used shapes, and toppings to help all users better understand the designs.
Visual design
Used clear colors contrast, various typefaces and scaling for more accessibility.
Going Forward
Takeaways
Next steps
Takeaways
Impact
The app make users feel like My parcel’s app really thinks how to meet their needs.
One quote from feedback : “The app made it easy to track my parcel. I would definitely use this app to track quickly and efficiently my parcels.”
What I learned
While designing My parcel app, I learned that the first ideas are only the beginning of the process.
Usability studies and peer feedback influenced each iteration of the app’s designs.
Next steps
Usability study
Conduct another round of usability studies to validate that the user's pain points have been effectively addressed.
Research
Conduct more user research to determine any new area of need.
Let's connect
Thank you for your time reviewing my work, My parcel app! If you would like to see more or get in touch, my contact information is provided below. Email : [email protected]
