Solution to spacial constraints
for UCSD student's health center
A Kiosk Design | UCSD course: Dsgn 100 Prototyping

Overview
Under the pressure of getting good grades in tough college classes, and looking for opportunities for careers, students are one of the most vulnerable populations for many potential health problems. Although there is a UCSD Student Health facility on the main UCSD campus, the constraints of existing space-limited facilities make the service compacted, inefficient, and lack of privacy. Thus, we decided to create a kiosk that will help the the faculties provide a more efficient service beyond their current work flow.
在巨大的学习压力之下,每天需要担心如何得到高分和找到未来发展前景的学生,成为了健康问题和潜在健康问题高发的群体。虽然加州大学圣地亚哥,也就是我所在的学校校园,有建立一个小型的学生医疗机构,但是由于地理位置的限制,空间非常有限。这导致了医疗机构的服务质量堪忧,尤其是在大厅体现出来的,等待时间过长、同一空间多功能使用、功能划分指引不明确和缺乏隐私等等问题。学生值得更好的医疗服务,尤其是在医疗服务质量至上的美国,这样的服务似乎令我们学生无法接受。因此,我们希望针对这个问题,在学校内医疗机构找到一个突破口作出自助服务终端的设计,作为一定程度上提升狭小空间内服务效率,从而提升学生的就医体验的设计。
"
UCSD students need an efficient way to get health care service in order to allocate more time into something more productive.
"
"
加州大学圣地亚哥分校的学生需要一个高效的方式使他们获得医疗服务从而他们有更多的时间分配给需要高产出的工作和学习上
"
Research
1
Prepare
Online research and competitive audits
Existing problems
现存问题
Check-in
Time consuming
Facilities
Insufficient infrastructure
Limited healthcare program
Systems
Monitoring health
Existing solutions
现存方案

Self-Monitoring Health Kiosk at Work
-
Advertised to reduce sickness and improve productivity
-
Monitoring the health status of a company’s workforce in order to encourage the care of their own healths

Check-In Kiosk
-
Secure check-in and printable maps to next location
-
Those needing to see a doctor or undergo tests are ill or in a state of stress in anticipation of the exam or procedure. That means the check-in process should be as non-taxing and simple as possible.
Automated Drug Store
-
Round-the-clock access to over the counter health products
-
Pharmabox is intended as a solution to provide consumers with round-the-clock access to OTC health products in nonconventional, high-traffic sites, such as malls, hotels

2
Need-findings
Observations
观察
Observable or obvious problems
?
Interviews
采访
Generate some solutions
Interview with storyboards
Visible side
Users' needs
Invisible side
用户需求
Findings
Students
Pharmacists
-
Confusing visiting process
-
Dark and small space
-
Long waiting time
-
Not picking up prescriptions
-
Have to ask to consultation
-
Long picking up process
Problems
Feedback on storyboards
-
Privacy and security in the sharing space need to be addressed for some people
-
Mobile solutions are encouraged for off-campus students
-
Need to be caution on the usability of the design when proposing solution
Need privacy and want shorter wait time by having efficient service when picking up medications
Iterations
1
Personas
Student's Persona

TOM BOLLAND
20, SAN DIEGO
Student Athlete
Personality
-
Motivated
-
Efficient
-
Savvy
-
Empathetic
-
Social
Bio
Goals
-
Get in and out as quickly as possible so he can finish homework and make it to the shift on time
-
Pay a reasonable low amount for these unintended visits that occur from practices
-
Have access to commonly used medication for injuries without having to see a doctor
Tom is a third year Math major who is on a full-ride scholarship for track. He's lived off campus since freshman year to save money, and works at Peet's on-campus when he's not studying or at practice. He also loves going to Trivia Night at Hops and Salt every week with his friends.
Tom is competitive and motivated to doing his best at practice every time. He visits the health center about 1-2 times a month from smaller injuries. However, he hates the waiting and refrains from going if he thinks his injury/sickness will blow over quickly. Tom needs to feel more comfortable going when necessary.
Pharmacist's Persona

Personality
Bio
-
Helpful
-
Caring
-
Innovative
-
Intelligent
Robert has lived in San Diego his whole life. He has been working at SHS since he graduated from UCSD with a Doctor of Pharmacy degree. He loves the city and the school and what's best of its residents.
He is frustrated with how inefficient the current pharmacy is set up, and wants to see a drastic change in how prescription are handled
Goals
-
Improve the efficiency of the pharmacy
-
Get better at programming
-
Combine skills as a pharmacist and a programmer to help people
ROBERT DOWNEY
38, SAN DIEGO
Pharmacist
2
Storyboards
Shifting focus after interviews
First thought before interview:
Improving the productivity during wait time
-
Provides dynamic wait times
-
Desk attached to front of kiosk
-
Side panels surrounding screen / desk
Idea: Productivity Kiosk
-
Waiting is an observed issue
-
Observed students trying to be productive
-
Real-time feedback about wait times
-
Replaces existing static screen of wait times
-
Improves privacy in the waiting room
-
Improving waiting experience
Reason:
Adjustment after interview:
maximally reduce the wait time
Idea: Auto Pharmacist
-
Decrease wait times
-
Lockers attached for self-pickup
-
Basic information for medications provided
Reason:
-
Waiting is an issue because it exists, but not because people can't be productive during the waiting time
-
Spatial constraints can not only be taken into account but also taken as an advantage as part of our design
-
More conventional than other ideas, which will be easier for students to figure out the functionalities and use
3
Low-fidelity prototypes
Sketches
Recalling the spacial constraints
As shown in the image on the right hand, the right side indicates the corner of the student health facility, where locates a consultation window. The kiosk is going to be a wall to protect privacy.
.jpg)
Kiosk
Screen
Kiosk body physical prototype

Locker side
4
User testing

Kiosk and wall side
Phase 1
Tools:
Paper prototypes
Goals:
Gain general feedback about the most basic flow of our design
Fixed
Problems found:
-
No significant difference between clickable and un-clickable buttons
-
Name of the prescription on square frame makes it image-like view instead of text-based
-
Not clear on what happens if the patient selects “refill”/ “prescription”
-
Did not show the options of payments
Phase 2
Tools:
Almost real-size physical kiosk, and digital version of clickable high-fidelity prototypes
Goals:
Gain specific feedbacks for different flows under different scenarios
Scenario 1
Scenario 2
For a student picking up medication for oneself
For a student picking up medication for someone else
Scenario 3
For a pharmacist's flow and timing
Problems found:
-
No way for the user to correct their errors, such as “back home”, or “exit”
-
A “processing” screen was needed,
-
Patients cannot remember the whole set of SSN numbers and others' student ID
-
The red color misrepresent warnings
-
Duplicated selection of consultation choice for each medication
-
The option of receiving verification code via text was unclearly to be “clickable”
-
Add a total amount of cost
-
Add a way to see some basic information about the refills
-
Wanted to see all the medications at a time
-
There is unnecessary to input student’s account information once again for the payment
-
It was confusing that the screen both showed the pickup number and let you scan a barcode
-
Minor security concern on scanning the thumbprint for picking up medications (we demonstrated that this is less concerning because phones also uses thumbprints, and official student health service has sufficient credits of protecting students' information)
Final Design
1
Kiosk
In the context: the pharmacy

.jpg)
The kiosk covers the consultation window
Our kiosk locates here!
Physical Kiosk Prototype
Overview
Scanning instruction and locker number display screen
扫描指引和储物柜号码显示屏
Lockers
储物柜
Main interaction window
主要交互窗口
The “privacy” wall
“隐私”墙
Consultation window (behind the wall)
咨询窗口 (墙后方)
Barcode scanner
条形码扫描器
Front VIew
The touchscreen
触摸交互屏幕
Directions
方向指引
Card slider
刷卡机
Fingerprint scanner
“隐私”墙
Patients touch the screen to enter their information and select prescriptions to pick up. They can use the card scanner to swipe their student ID card or debit/credit card as instructed. The thumbprint scanner is used to identify the users’ identity when needed. There is a fixed direction sign in front of the users on top of the screen, so they can use this information to find the lockers and consultation window. At the end of the patient’s interaction with this section of the kiosk, they will receive a receipt with a barcode. This receipt is needed for the next section of the kiosk.
Pickup side
Lockers
储物柜
Screen to show locker number
取药号码显示屏
Receipt scanner
收据条码扫描仪
After receiving a receipt with a barcode, the patient is directed to this section of the kiosk to receive their prescription. The patient scans their receipt on the barcode scanner and the screen will show the locker number that contains the patient’s prescription. The locker will then automatically open with the prescription inside.
Pickup side
Pharmacist locker access
药师放药处
Pharmacist screen
药师操作屏
From this view a pharmacist will be able to see the status of the consultation line and a list of the prescriptions currently needing to be filled. Patients in the consultation queue can be selected and removed immediately before the consultation starts. Also, by selecting a patient’s name, the pharmacist is prompted to enter a locker number. After entering an empty locker number, the pharmacist will put the prescription into the designated locker.
2
Touchscreen
Patient Screens
Home
We designed our own logo for the system
Logo

Selection
Select subject for picking-up
Users choose to pick for themselves or others
Additional step if picking up for someone else:

Alternative without ID
If the student brings his or her ID, they swipe the ID with the slider on the kiosk to login; If not, the student can use the alternatives to login
Login
Confirm identity
Processing


Enter SSN
Medicine select
.png)

Medicine confirm

Consultation?

.png)
.png)
Accept or Reject
Confirmation
For consultation service, the students can select whether they need a consultation by clicking accept or reject, and confirm it by viewing the color or signs in the confirmation screens
Consultation Disclaimer:

Note: there is no consultation option if you are picking up for someone else, while everything else stays the same
Double confirmation
Payment is always a careful process so that we design a extra confirmation page so that the users trade less time off back if make a mistake

Payments select

Payments confirm
Swipe to pay

Note: there is no extra information entry if using a student's account and the payment will be automatically processed if clicked.

Input to pay
Didn't bring a card?
If the student doesn't want to pay with his or her student account but doesn't have a credit or debit card with he or she, he or she can manually input the card information to pay
Print receipt


Ending
Print receipt for picking up
A student takes his or her personal receipt for this case so that they can use it for opening the lockers to pick up medicines
Pharmacist Screens
Simple screen that matches workflow
For the pharmacist's home screen, we make it straightforward to manage so that they can hit their desired actions quickly to mange the medications and students for consultation

View queue situation

Manage consultation
Assign locker number


Confirm consultation
3
Additional designs for the kiosk body
Locker Screens


Instruction on kiosk body on top of the touchscreen

Locker and privacy wall surface

4
Interactive protypes
Due to the large number of screens in the interaction design, please experience the full-version clickable demo
Appendix
1
Moodboard

-
Calm
-
Secure
-
Soothing