Project Overview
“ePharmacy” which is currently in development, is a helpful app for medicine stores or pharmacies where users will be able to purchase medicines for their stores. Users will be able to experience some exciting features like Expense, Scan, Loan, Add Medicine, Sales etc.
Project Duration
Nov 2021 to Jan 2022
My Role
Product Designer
Problem
Sometimes Pharmacy owners or employers can’t order urgent or expensive medicines for sufficient balance.
Goal
Design an App for ePharmacy that allows users to easily order and receive medicines with cash or due payment.
My Responsibilities
Conducting interviews, Paper and Digital Wireframing, Low and Hi-Fi Prototyping, Conduction Usability Studies, Accounting for Accessibility and iterating on designs.
User Research Summary
I conducted interviews and created empathy maps to understand the users I’m designing for and their needs. A primary user group identified through research was in a lot of time, Pharmacy owners or employers can’t order urgent or expensive medicines for sufficient balance.
The user group confirmed initial assumptions about ePharmacy, but research also revealed that sufficient balance was not the only factor limiting users from ordering medicines for their pharmacy. Other user problems included obligations, urgency or lack of knowledges that make it difficult to ordering medicines from companies.
User Pain Points
Balance:
Pharmacy owners or employers can’t order urgent or expensive medicines for sufficient balance.
Accessibility:
Platforms for Pharmacy Inventory App are not equipped with assistive technologies.
IA:
Text-heavy menus in apps are often difficult to read and order from.
Problem Statement
Riaz Uddin is a Pharmacy Owner who needs order medicines with due payments and also order & receive urgent medicines in proper time.
User Persona
User Journey Map
Mapping Riaz’s user journey revealed how helpful it would be for users to have access to a dedicated ePharmacy App.
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 would be well-suited to address user pain points. For the home screen, I prioritized a quick and easy ordering process to help users save time.
Digital Wireframes
As the initial design phase continued, I made sure to base screen designs on feedback and findings from the user research.
Easy navigation was a key user need to address in the designs in addition to equipping the app to work with assistive technologies.
Low-Fidelity Prototype
The low-fidelity prototype connected the primary user flow of ordering Medicines with cash and due payment, So the prototype could be used in a usability study with users.
Usability Study
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.
Round 01 Findings:
01. Users want to purchase medicines quickly.
02. Users want to call the Medicine company representative.
03. User wants a “Phone Call” option on the “Purchase Due” screens.
Round 02 Findings:
01. There is confusion between the Scan and Add More options.
02. User wants the “Scan” option a bit larger.
Mockups
Early designs allowed for some customization, but after usability studies, I added the “Phone Call” buttons. I also revised the design so users see all the customization options when they first land on the screen.
The second usability study revealed frustration with the “Add More” option. To streamline this flow, I consolidated to remove the “Scan” icon with the “Catch” button from the screen. So that, when users will click on the “Add More” button, they’ll get the “Scan” screen again.
UI Design
Here are some main screens of the app. But it’s not final. Because I’m designing more screens for the app. Hopefully, I’ll upload those screens here in the future.
High Fidelity Prototype
The final High-Fidelity prototype presented cleaner user flows for ordering medicines quickly. It also meets user needs to order medicines with cash or due payments.
Accessibility Considerations
01. Provide On/OFF option for Auto Refresher to save data.
02. Used icons to help make navigation easier.
03. Used detailed text to help all users better understand the ePharmacy app.
Takeaways
Impact:
The app makes users feel like “ePharmacy” really thinks about how to meet their needs.
One quote from peer feedback: “The app made it so easy to order medicines quickly with cash or due payment! I would definitely use this app for my pharmacy.
What I Learned:
While designing the “ePharmacy” app, I learned that the first ideas for the app are only the beginning of the process. Usability studies and peer feedback influenced each iteration of the app’s design.
Next steps
01. Conduct another round of usability studies to validate whether the pain points users experienced have been effectively addressed.
02. Conduct more user research to determine any new areas of need.
Let’s connect!
Thank you for your time reviewing my work on the “ePharmacy” app! If you’d like to see more or get in touch, my contact information is provided below.
Email: [email protected]
Website: rifatmehedi.com
- Date: February 22, 2022
- Categories: UX Case Study
- Project Duration Nov 2021 - Jan 2022
- My Role Product Designer
- Tools Adobe XD & Adobe Illustrator