Design & Prototype
Pharmaily
Overview
Pharmaily is a pharmaceutical Kiosk that aims to create an efficient and safe medicine pickup experience for patients. To ensure patients’ satisfaction and safety, Pharmaily Kiosks provide 24/7 service outside of pharmacies that grant patients easy access to prescribed medications and consultation.
My Team & My Efforts
Haowei Li, Designer
Shuchang Liu, Designer
Yang yu, Designer
Lead UI/UX Researcher, Designer
Tools Used
Figma, Figjam, Inkscape, Dovetail, Epilog laser cutter
Scope
4 weeks Academic Project
What I Did
Team Management, User Research, UI Design, Kiosk Design, Prototype Building, User Testing
Design Process
Discover
Interview & Analysis
We have conducted interviews targeting two major potential user groups:
patients and pharmacy workers.
After gathering the responses, we analyzed the qualitative data with coding
in Dovetail.
Insight 1: Need for 24/7 & Remote Pick up
Both patients and pharmacists want to have ways for the patients to pick up their prescribed medications during off-hours and outside of the pharmacies.
Patients
“I dont really want to travel to a pharmacy to pickup my medicines, especially when I am sick.”
Pharmacists
“It's always about making sure a patient has a way to get the medications
on the next day or after work, after class.”
Insight 2: Importance of Consultation
Pharmacists emphasizes the importance of consultation, since it is crucial for them to make sure patients knows how to take the medicines safely.
Pharmacists
“The hardest job I think sometimes it's either you know, making sure they understand.”
“we're just mainly giving them as much as information before they start taking the
medication because we're the last resort before you start taking it.”
Insight 3: Need for Efficient Pickup Process
Many patients reflects that the current pharmacy they went to have repetitive check-in process, and long waiting time.
Patients
“I was quite anxious at the time when I explain to them. So I want them to
make the step the the steps faster for me.”
“So when I first took up the pill, it was like I explained the symptoms for three times”
Define
Personas
Two personas representing the two user groups: patients and pharmacy workers.
Storyboards
Context
Jack, a student, needs medicine after a basketball injury.
Problem
Long waits at the campus pharmacy cause frustration.
Solution
Use of a quick, self-service kiosk for medicine pickup.
Resolution
Jack gets medicine faster, reducing wait time and stress.
Context
As a Pharmacist, Dr. Mark wants to take care of his patients.
Problem
Difficult to provide quality consultation to patients outside of his pharmacy.
Solution
If patients can talk to Dr. Mark remotely through the kiosk.
Resolution
Then Dr. Mark can better take care of his patients who cannot come to his pharmacy.
Develop
UI Design
Sketches
A sketch of the digital user interface that maps out the general user flow.
Moodboard
To express the desired mood of our design, we built a moodboard with a collection of images.
Since we are designing a medical Kiosk, the vibes we are aiming for are safety, efficiency, and reliability.
We found that the greenish-blue that is usually associated with anything pharmaceutical is the most effective
color conveying the desired mood.
Style Guide
Based on our moodboard, we developed the style guide. It not only detailed the color schemes and the fonts, but also provided a variety of UI elements, serving as tool kits and building blocks for our final design.
HI-FI Prototype
Kiosk Prototype Design
Sketches
After listing out a set of functionalities our Kiosk needs to have –– medicine pickup, payment, identity verification, and remote consultation –– we used sketches as a low-commitment way to ideate many solutions.
Digital Design
According to the design proposed by the sketches, I used Inkscape to digitally design all the components of our kiosk. Laser cutters can read this file and cut out components based on my design
Building Kiosk
Early Lo-Fi Prototype
1. Importing Files
2. Laser Cutting
3. Assembling
Spray Painting
Use Inkscape to digitally plan out where will be painted.
Laser cut out stencils to prevent paint from spilling.
Apply spray paint to achieve the desired design.
Reasons for choosing spray paint: efficient to paint large surface areas, easy to achieve
gradient colors, and it creates protective layers.
Hi-Fi Prototype
1. Making Stencils
2. Design Logos
3. Spray Painting
4. Assembling
5. Final Touches
Deliver
User Testing
Feedback
What to Improve
User Interface
1 · Refine medicine payment user flow
2 · Include more accessibility features to help people with disabilities to get medications more easily
Physical Kiosk
1 · Unify ID and Credit Card tapping area
2 · Add a lid for pick up box
Try It Out
Prototype
Click the screen below to interact
More Projects
UI/UX Design & Dev.
Baeometer
A fortune telling responsive web app that predicts the relationship between a couple
UI Redesign
Triton2Go
A redesign of the map feature of the UCSD cafeteria food ordering mobile app Triton2Go
UI/UX Design & Dev.
Others
From class projects to professional works, I have created a wide variety of designs