Your wellness starts here.
Timeline
5months
My role
UXUI designer
User Research
Prototyping
Usability Testing
Tools used
Figma
Miro
Marvel
The Problem
Most individuals have health related interests/concerns and there’s not many personalized apps that users can maneuver easily because it’s hard to find the platform that shows the overview of one’s health conditions at a glance.
many and patients often get lost what to do which becomes an inevitable consequences of ignoring their symptoms.
Therefore the Jagadoc project adheres to help building their relationships to pay closer attention to their body and eventually end their vicious cycle.
It is the biggest ambition yet needless to say, the quintessential step for all people’s wellness.
The Solution
Jacdoc will focus on improving communication from patient to health provider’s end in vice versa.
Jagadoc aims to keep on track of personal progress until the patients feel reaching to their best possible version.
Jagadoc’s patients can quickly look up their symptoms and use as a guidance which can help saving their time to see the doctor and know what to anticipate when seeing the doctor.
My UX Process
Initial research on telehealth trends
The focal point from secondary research
There are some additional features that users can utilize in observance from initial research.
Primary research
I have recruited interviewees for screening surveys to trim down desired candidates. My target audiences were the patients who recently made a visit to the healthcare facilities and expressed their inconvenience in any form.
The result:
Highlighted sections were the attractive candidates to interview based on their Painpoints/suggestions/recent interactions made regarding their experiences.
So I have prepared interview guides to prevent derailing from the topic and gather important ideas.
The Interview:
There were total of 6 participants (4 zoom meeting, 2 in-person) following the interview guideline principles based on User + needs + goal.
Primary research
Define
After the data was gathered, I created card sorting and empathy mapping with many post-its including important keyword/phrases/sentences. Then I create an affinity to emphathy mapping analyze an individual user’s journey along with personas.
Above shows how the gist of ideas that are gathered and sub categorized under dominant information that sums up to reflect the values. The values listed are consist of healthcare experiences with professionals including the user’s challenges, expectations, concerns, positive/negative experiences and solutions.
The empathy map below illustrates user’s experiences by 3 different places: Insurance, Doctor’s office and pharmacy. This emphathy mapping can help categorize information using sensual elements from particular places which can be tailored more specifically to visualize the problem space.
Research insights:
Based on the interview, I have created 2 types of persona defined by financial situation since there is a clear distinction from the service quality that users have experienced. The main focus are the insurance cost and the accessibility of information/resources.
Ideate
Brainstorming Most viable product (MVP)
exploring what Jagadoc’s unique solution could be, I ran through a series of brainstorming exercises to ideate on potential features. Then, based on these brainstorms, I narrowed the focus for Jagadoc’s MVP features to the following.
Series of rough sketches are made to tailor every individual’s needs and voiced every detail in function. An easy access and clear UI arrangement has to establish in order to complicate less on the issues where the problems that users have are already handful.
The key design point is simplicity and clear direction.
Low fidelity wireframes
I incorporated the feedback from the usability testing of the paper prototype into the low fidelity wireframes and improved the overall layout.
Design system
Design components are created to guide the users by bringing enough contrast from colors to shapes. This will highlight the important to casual messages.
High fidelity wireframes
I incorporated the feedback from the usability testing of the paper prototype into the low fidelity wireframes and improved the overall layout.
<Explore self diagnosis>
<Booking for doctors>
<Browse insurance>
<Explore Docbot>
Test
First round:
I interviewed from the 5 virtual testings for the first time after iteration process. Each meeting took 30 minute to 1 hour with given scenarios. All 5 testers are the invitees from Linkedin, UX UI slack channels and social media. They have 3 sets of questions/tasks to answer.
You have a fever and nausea. You want to find a solution without booking for a doctor. Please walk me through how it could be done.
You are not feeling well and you want to virtually book for a doctor’s appointment. What is the best way to book for an appointment near you?
Based on your diagnosis, you want to find the plan under budget between $10-30 monthly. Guide your way to finish register and apply for the best plan.
1.
Issue #1
The booking layouts shows too much information at one screen.
• Users have a hard time reading the page and sometimes fail to acknowledge the buttons and know their functionality.
Recommendations:
Create more screens and layers of description with multiple pages. present flow illustrating the purpose of each important functions and avoid cramming the information.
2.
Issue #2
There are many options that users wish to have in current platform is against user control and freedom.
• Users had often confused with many icon buttons struggling to find out if their missions being asked are performed correctly.
Recommendations:
Information hierarchy-Control the amount of information in digestible manner and efficiently layout the information without having to think about what the user will be executing.
3.
Issue #3
Users wished that the dashboard contains what they really want to see.
• Rebuild dashboard to show what the users are really in need of.
Recommendations:
Reemphasize the information that users are most be interested in such as adding popular selection with relatable and commonly interested information on subcategories.
Second round:
I recruited another 5 virtual testings re-affirm the functionality and design in the high fidelity using Figma. Each meeting took 30min-1hr with the same given scenarios from previous. All 5 testers are the invitees from Linkedin, UXUI slack channels and social media. The 3 sets of questions are the identical as the previous.
In addition, scoping the usability issues more precisely, I have created the chart to sort out the issues by the priority.
1.
Issue #1
Docbot: Above the calendar, it makes sense to see map since I want to find the doctor near me
• Include popular design style to give users the familiar ideas about how to explore the space
Recommendations:
To familiarize the map design, I integrated the Google map to show location and lay out the information accordingly.
2.
Issue #2
Insurance: Main things that users want to know from the insurance page are what’s the deductible, detailed information about treatment in future and maybe setting up some kind of a processing mark can be helpful to measure the progress.
• Establish the docbot suggestions on the top page as to approach the user’s needs.
Recommendations:
Most demanded categories can enhance to cut down the user’s time searching for many things at once. The big box indicates the best match after users run self diagnosis automatically.
3.
Issue #3
Docbot: Users want to look for a different field of doctors/health professionals
• Create a place where users can look up other typical doctor options and suggest natural therapies and recommend healing centers.
Recommendations:
Users can look up more options by clicking on the search specialties to find variety of doctors.
Retrospective & Future goal
The big picture was hard to see in the beginning but once I did handful of research and design, I realized difficulties that I experience were not as always the same stories.
Performing research has created a great length of time and my passion to meet the interviewee didn’t align as I expected.
But I also realized that design doesn’t need extravagant elements but simplest one always wins.
Jagadoc aims to help users to find the ultimate solution from run through diagnosing and find remedy under the professional resources and guidances.
The red route of the app can help individuals to discover the western/holistic doctors including therapists near them or simply run through a quick check up for self diagnosis. Also opting to leave complicated insurance matters behind, Jagadoc shows the gist of choices with minimal effort needed to apply for the tailored and personalized insurance goals. The goal of Jagadoc is to improve users' health aligned with technology and cut down on the minimal actions needed to go to the doctor.