UI/UX For Medicine
Delivery App
Inroduction
Intoduction
In January 2023, I was tasked with creating an app that would simplify the process of finding and purchasing medicine from local pharmacies. The app needed to allow users to easily locate nearby pharmacies, browse their available inventory, pay for their purchases directly within the app, and have their medication delivered to their doorstep.
MY ROLE
-
User Experience
-
User Interface
-
Journey Mapping
-
Wireframing
-
Usability Testing
-
Interaction Design
TOOLS USED
-
Figma
-
Overflow
-
Zeplin
-
Miro
PLATFORM
-
iOS
-
Android
TIMELINE
-
2 Months
User Research
User Research
To begin, I conducted user research to better understand the needs and pain points of potential users. I started by interviewing people who had recently purchased medicine from a local pharmacy to learn about their experience. From these interviews, I discovered that many people found the process of finding the right medication and pharmacy to be confusing and time-consuming. Additionally, some people struggled with the physical act of traveling to the pharmacy, particularly if they were feeling unwell.
User Personas
User Personas
​Based on my research, I created two user personas to guide the design process. The first persona was "Busy Brian," a working professional with a busy schedule who values convenience and efficiency. The second persona was "Elderly Edna," an older woman who lives alone and struggles with mobility issues.
Design Process
Design Process
With the user personas in mind, I began the design process by creating wireframes and prototypes of the app. The app's main screen featured a map of the user's location with nearby pharmacies listed. Users could then tap on a pharmacy to see its available inventory, including medication names, prices, and descriptions. Users could add items to their cart and proceed to checkout, where they could pay directly within the app. After completing their purchase, users could choose to have their medication delivered or pick it up in-store.
Once the wireframes and prototypes were complete, I conducted usability testing with several potential users. Through these tests, I identified a few areas for improvement, such as simplifying the checkout process and making it easier for users to find the pharmacy's contact information if they had questions about their purchase.
Final Design
Final Design
​With the feedback from usability testing in mind, I made the necessary changes and finalized the app design. The app had a simple, clean design with easy-to-use navigation and a streamlined checkout process. Users could easily find the medication they needed, pay for it directly within the app, and have it delivered right to their doorstep.
Smart Search
Main search parameter is the name of the medicine user needs, search allows to include more than one item in one search request to see only the places where user can get all at once. The results are
shown on the map so it’s easy to find the to nearest pharmacy around.
Hide Map
Swipe up to see full information about the pharmacies found, swipe down to get back to the map. I used the fastest gestures possible to give access to various parts of the app.
Guest Checkout
As users want to pay for their goods right from the app, I created a step-by-step crystal clear process that mostly requires only one tap to proceed even for non-authorised guests.
Profile & Orders History
I created a profile to store information about authorised user’s credit card, prescriptions, popular items so that the user doesn’t need to fill in this information each time.
Customer Checkout
For authorised customers the process of placing the order is a way
shorter as the app already knows everything is necessary.
All Screens
I kept the UI clean and simple with nice colour accents on most relevant information and implemented the best UX practises to provide our users the best experience using the app.
Conclusion
Conclusion
Overall, the process of designing this app was challenging but rewarding. Through user research and usability testing, I was able to create an app that met the needs of its target audience and simplified the process of finding and purchasing medicine from local pharmacies.