Shoptaki
Designing health feature prototype for Shoptaki Smart ID app
Goal
Design Health feature within the established design system for Shoptaki, a smart ID chain app in development. Certain assumptions were provided by the client regarding the testing of the onboarding process. Initiated with user research to obtain insights regarding existing experience with medical/health features. Aligning with Shoptaki’s established design system and brand statement, the completed feature was intentionally easy to navigate and cohesive with the rest of the app.
Responsibilities
Project Plan
User Interviews
User Flow
Ideation of Design
Led design of prescription and billing experiences
Role
UX Designer &
Lead Researcher
Process
Discovery
Define
Ideate
Design
Discovery
Background: The initial course of action was to ask what are users experiencing in regards to having access to their medical records. We decided to release a survey in order to gauge the pain points people experience. We conducted user interviews where we focused on access to medical information, but asked questions regarding security and privacy keeping in mind privacy laws surrounding health information. Since I had experience assisting people with obtaining their medical records, I led the user research portion of the discovery phase.
User Research
1. Conducted user surveys and interviews reviewing process for access to medical records.
2. Synthesized research and gathered insights from the responses received.
3. Learned user pain points.
I get annoyed/frustrated when all medical records aren’t in one place nor easily accessible.
I like quick access to my medication information because I often need to provide documentation for work, travel, etc.
I would like to be able to access all of my medical information digitally in one place (in an organized, intuitive format) to help make me feel more in control.
“It’s frustrating whenever you go to a new place, you have to fill out a new patient questionnaire each time”
Female, 32 y/o interviewee
When asked about COVID Vaccine proof:
“electronic is the easiest easiest because it’s on our phone and we have it wherever we it’s on our phone and we have it wherever we go”
Male, 32 y/o interviewee
Problem Statement:
Users need a safe, reliable and efficient way to view and control access to all of their medical information, in order to ensure proper medical treatment, encourage trust in medical data security and promote a more efficient, tranquil lifestyle.
Define
Influenced by problem statement, the team want to address how might we:
allow users to access medical information efficiently and on-the-go?
provide a safe digital space for medical records and immunizations?
ensure users have control of their medical records?
In order to do so, we focused on feature prioritization to be sure we could address our user’s pain points.
Feature Prioritization
Synthesis
1. Identified competitors that focused on tracking or providing medical records access.
2. Conducted competitive analysis.
3. Designated essential and feasible features for scope of project.
Competitors
Competitive Analysis
Feature Priority Matrix
Solution:
Design a an experience that align with our ‘How might We’ with our choice of features deemed essential:
Patient Portal Information
Medical Records
Billing
Ideate
Creating Mid-fidelity Prototype
With the features in mind we completed a design studio to produce sketches that would guide our mid-fidelity prototype. Once we created our mid-fidelity prototype we conducted usability testing to see what to improve for the final design.
1. Focused on creating a happy flow for each feature.
2. Sketched low fidelity to lay out during design studio for mid-fidelity prototype.
3. Tested usability of mid-fidelity prototype to learn improvements for final design.
Usability Testing on Mid-fidelity Prototype Results:
From our usability testings, we got really great feedback and insights.
inconsistencies with where our search bars were on each page that included one.
the global navigation was confusing - We had kept it in to indicate that this health feature was existent within Shoptaki’s app; however, we had users clicking on the bottom navigation to pay for their billing
Users were confused why the scrolling was in a different direction than the rest of the screens and that the pop up message was still confusing to locate the prescriptions button.
What is most important for users to see in dashboard? Medical Records, Access, Health Wallet, Billing, Prescription and Provider Info.
The bottom navigation seem to be confusing instead of guiding? Met with stakeholder to discuss potential solutions.
Focus on icons to make information accessible and easy to understand? Create clear icons for readability and guidance.
What to fix based on Usability Test:
Design
High-Fidelity prototype
1. Discussed solutions with stakeholder, considered established designs.
2. Created solution for main issue with navigation.
3. GOAL: Simplify UI, Improve visual hierarchy.
Impact
Everyone in my team was UI focused so when it came to the research part of the process, I took the lead and it was rewarding. I also learned to work with a client who was seeking an MVP, but was not able to provide much information. Finally, I quickly learned I thrive when working within a design system because although limiting at times, the structure gave way for me to creatively design experiences. I focused on accessibility through clear and thoughtful icons. Client was very happy with final product and was grateful for the team’s “adaptability and execution.”