Wellness wallet
A health record mobile app
Project overview
This is a project I completed while studying User-Centered Design at Lake Washington Institute of Technology. I was tasked with creating a health-related mobile application. I developed an app that could serve as a repository for various medical records, symptom tracker, health provider directory, health ID card holder, and more.
Role
Sole UX Designer & Researcher
Timeline
October - December 2023
Approximately 7 weeks
Skills & Methods
User Personas, Site Mapping, Card Sorting, Data Visualizations, Lo-Fi and Hi-Fi Wireframing, Logo Design, Prototyping
Tools
Figma, FigJam, InDesign
The Problem
The idea for this app came to me when I was scheduling my annual immunizations and was struggling to locate my immunization record. My health insurance policy was also transitioning, so I was juggling multiple insurance cards. I kept thinking how convenient it would be if I could store this sort of information securely in my phone. Similar apps like MyChart were helpful to a point and were limited by healthcare association.
Project Goals
-
Create a solution that could house all personal health records, regardless of provider.
-
Have separate profiles for family members one might be responsible for and 2-factor authentication for security of data.
-
Create an app that is joy to use, approachable, straightforward, to feel cheerful and genuinely helpful, and to be up to date with the most useful features.
The process
UNDERSTAND
Define the problem & set project goals
RESEARCH
Conduct user research & gather insights
ANALYZE
Analyze user insights
(ie. user personas)
SKETCH
Rough wireframes of solution
PROTOTYPE
Create mockup of solution
TEST
Conduct user testing, iterate, refine
Given the limitations of an academic timeline, some key steps in my preferred process were not executed before moving on to the next. I have a strong interest in user research and testing, but unfortunately course structuring did not allow adequate time for these essential steps to be completed. As a result, my design is based on a process lacking these components.
User Personas
Without research to inform the creation of user personas, I instead relied on personal observations and experiences to develop potential users of Wellness Wallet.
Content Inventory & Site Map
To organize the features I wanted to include into a logical flow, I created a content inventory in Excel and a site map in FigJam.
Card Sorting
To refine my site map I conducted a card sorting test with five classmates. The test revealed several areas for improvement such confusing terminology, overly repetitive options, and different interpretations of feature functionality.
-min%20(1).jpg)
-min_edited.jpg)
-min_edited.jpg)
-min_edited.jpg)
-min_edited.jpg)
Sketches
With my revised site map, a good sense of feature needs, and my target audience in mind I sketched wireframes for various pages of the app using Procreate.
Lo-fi wireframes & Prototype
From sketching, I moved my work into Figma where I began creating low fidelity wireframes and an early prototype to get a sense of flow through the app.
Visual Direction & Logo Design
At this point I developed the visual design and logo for Wellness Wallet. Referring back to on of my project goals, I wanted Wellness Wallet to feel approachable and cheerful, rather than clinical and sterile as medical sites and documents can often be.
I explored three primary concepts in my logo design: a wallet, a medical cross, and abstracted or hidden W's. I settled on the version here which I felt captured the best of all three concepts and achieved a friendly feel with its use of rounded corners.
hi-fi wireframes & Prototype
I applied my visual design system and classmate feedback to my wireframes to produce high fidelity versions of my wireframes along with a prototype.
reflection
This project allowed me to take a concept I truly believe would be useful and empower people to manage their healthcare and begin to see it as a functional app. However, it is limited too much on my personal opinion, preferences, and perspective. My next steps would be to take this to real users and test it thoroughly to answer the following questions:
-
Does this concept actually resonate with people?
-
How is the app serving the user and how is it not?
-
What features and functionality do users really need from a medical records app?
-
How might I take this concept further to integrate it with services like telehealth?
​
This experience allowed me to take different aspects of my design knowledge and technical skillset and apply it to something I'm quite proud of. I am grateful for the feedback of my peers which helped refine important details within my wireframes and polish my prototype.