24 hour design challenge
MA (Medical App) allows users to access their medical history, make appointments, fill prescriptions, and find doctors within an app
Overview
Design Roles
Researched, designed, and developed a working prototype
Design Deliverables
User research
Working prototype
Figma
Sketch
Invision
Problem:
Imagine a local physician is hiring you to design a mobile app that will connect them with their patients. This mobile app will afford patients the ability to:
· View their medical history
· See real-time test results
· Access medication information and request refills
· Request appointments
· Communicate with their physician
Create a prototype on how users can make an appointment
Solution:
MA helps users make appointments, as well as focus on all of their medical needs like looking at prescriptions, see test results, view their history, find new and old doctors, talk to a physician, and find the closest urgent care.
Discovery
Understand the Users:
Doctors / Nurse / Medical Professional
Patients
Young
Older
Chronic illnesses
Healthy
Multiple health issues
Genetic disorders
Family members
Caretaker
Data:
I created a quiz for patients and doctors to identify their needs, wants, and concerns with using a medical app.
Patients:
How many times a year do you see a medical professional?
Do you want all consultation notes and test results online? Why?
Do you want your medical history in one place? Why?
What is your current process for looking at test results?
What do you like about your current process?
What do you dislike about your current process?
How do you make an appointment?
Do you used a mobile app to access medical information?
Which one do you use?
What are your likes about this app?
What are your dislikes about this app?
What are your concerns about using a medical app?
What is the more important information you want to access when using a medical app?
What would motivate you to use a medical app?
Doctors/Nurse/Medical Professional:
What is your current process for inputting patient information?
How long does it typically take?
How many times a day do you do this process?
What do you like about your current process?
What do you dislike about your current process?
Do you use an app to connect to patients?
Which app do you use?
What do you like about this app?
What do you dislike about this app?
Do you have any concerns with using an app?
How do you prefer communicating with patients?
How do you prefer patients make an appointment?
Possible Personas:
Patient 1:
Has chronic health issues
Concerned with having too many doctors
Likes the medical history in one spot
Motivation: would be to keep all test results in one spot for all doctors
Patient 2:
Older
In tune with their health
Concerned with technology
Likes people interactions
Motivation: faster results
Patient 3:
Younger
Concerned that they would not use the app often
Likes how fast it is, no contact
Motivation: to easily make appointments
Medical professional:
Used to older method
Likes how easy input can be instead of calling each patient
Concerned about taking too long for each patient
Motivation: to create less work, and less phone calls
Competitive Analysis:
After analyzing all three apps, they have 3 things in common. It is a very easy interface, and well organized. All functions are made easy in sections. All three allow you to easily make appointments with new doctors or previous doctors.
Northwestern medicine
Epocrates
Zocdoc
Information Architecture
User Stories:
The main importance of this challenge is to ensure that a user can make an appointment.
User Flow:
Since I am focusing on users making an appointment I also have to determine how they can find doctors based on previously used doctors, new doctors, and by health category.
Branding
Possible branding:
When taking this app further I would focus on making this app experience revolve around being calming but engaging since health can cause high stress. A calm and pleasing visual design can create a better experience regardless of what they are using the app for.
I would also use easy to read typography so that all users can access the app regardless of visual impairments. To do this I would focus on making sure everything is WCAG compliant.
Wireframes:
In the menu, it will continue to more functions like settings, emergency help, and other resources like COVID. (Ideally I would love to see the menu removed with further testing)
The main functions are in the order of messaging, appointments, and testing
Since users want to talk to doctors, and it was in all competitive apps
Tasks that this completes:
Viewing medical history
Viewing results
Look at refills
Make appointments
Message a physician
Possible testing:
I want to test to see if I can remove the menu button and include those functions in the main page.
I also want to test to see if the buttons history, health, and pills can fit together under the title health on the main page. Then it will take the user to pick between the three options.
I want to test the floating buttons and see if they are too large.
Lastly, I want to test each task, and gather data on how successful it is.
Conclusion
Overall, this was an exciting challenge to conquer in 24 hours. It is a good reminder that data is everything to understand the user. I have so many questions that I want to tackle with testing to ensure that this would be the best process for a user.
