Overview
Due to the Corona pandemic, people are better aware of their well-being and need such a system, where they can get online medical advice at any time and anywhere from professionals. They also need a personal space to keep their medical record in one place, which can be easily shareable.
Goal
It’s possible to offer a competitive application that provides medical treatment in various fields with the help of a very competent team of doctors and covers international patients as well.
Role
UX/UI designer
Researcher
Tools
Paper & Pen
Google Forms
Canva
Figma
Usability Hub
Logitech Capture
Skills
Competitor Analysis
SWOT Analysis
User Interview
Card Sorting
Affinity Mapping
User Personas
Information Architecture
Wireframing and Prototyping
Usability Testing
Preference Testing
Design Style Guide
Language System
Visual Design
Process
.png)
Discover
Competitive Research (SWOT)
Doctor On Demand
01
Strength
-
Robust selection of physical and mental health services
-
User-friendly website.
-
Simple pricing structure
-
Available via app and desktop
02
Opportunities
-
Providing users with medical consultancy in more fields
-
Providing articles about healthy foods and healthy lifestyles against different types of diseases
03
Weaknesses
-
High fees compared to other services
-
Doesn’t treat certain conditions and can’t prescribe all medications
-
Do not cover international patients
04
Threats
-
There are many competitor apps available which provide better plans against cost of treatment like LiveHealth, Online Mobile and PlushCare
​Plush Care
01
Plush Care
-
30-day free trial
-
Same-day appointment scheduling
-
Available on android, mac and Windows
-
You can call through your landline number as well after booking an appointment
02
Opportunities
-
A way to see all available appointments by a specific doctor would be great
03
Weaknesses
-
Paid membership service
-
Doesn’t prescribe controlled substances
-
Doctors rather than therapists write prescriptions, and this requires a separate appointment
04
Threats
-
Once you have an appointment, it automatically starts a membership for you which means a recurring fee every month
Marketing Profile
Doctor On Demand
Plush Care
User Interviews & Survey
To gain deeper insights into user behavior, I conducted four interviews and launched a survey, yielding key findings.
Search Goals
-
To understand the need for such an app in the market
-
Get deep insight, what our users actually use in this app
-
To understand the insecurities of users while using such an app
Interview Participants
Zubair Ahmad
Age: 26
Pakistani
I am a software engineer and working in the field for 3 years, happily married and I am keen to learn video editing.
Adam Semson
Age: 60
British
I am a marketing manager in a private company and I live alone but I have to look after a dependent neighbour.
Natalia Schneider
Age: 29
German
I am an architect, single, and have one dependent sibling whom I have to take care of. I love online shopping.
Interviewees thought that the telehealth app is a unique idea and it has more benefits than adverse effects.
All of them are somehow concerned about their privacy.
Accuracy is the key feature of such kind of app.
They all are happily ready to pay some extra money outside their health insurance in exchange for a good quality health service.
Interview Results
Survey results
This kind of app is necessary
Seasonal health issue
Helpful to environment
Define
.png)
Personas
I have crafted 3 user personas, a vital step to better understand our target audience, their needs, and preferences.
User Stories
Sign-in
As a user, I want a sign-in option, so that I have my personalized space to keep record of all my medical appointments and reports.
Sign-in
As a doctor, I need to know who my patient is, so that I can keep an eye on his/her history.
Storage
As an administrator, I need a broad database system, so that I can keep my records managed.
User Journey & Mental Mode
Ideation
.png)
Affinity Mapping
Insights
User would like to watch tutorials to understand the app functions, so it will be convenient for the user to add a meaningful splash screen before signing up.
60 or above users mostly have eyesight issues so a simple and clear navigation system will be helpful. We can create different themes as well to solve such issues.
Signing up with multiple options is welcomed that’s why developing a less complicated signup system through which people can use their new or existing email accounts would be better.
A very effective feature of this app will be a simple emergency button, which in case of any emergency will connect instantly with medical help especially for the older people. We can create this system by connecting users with local hospitals.
Card Sorting
-
I have introduced a new category which was not present in my first sitemap with the title “About us” and the participants arranged all the cards under this category very well.
​
-
I got very specific answers in the “Profile” category as well, such as 80% of users want us to put the appointment booking option in this place.
User Scenarios
As Samreen is feeling sick. She wants to book an appointment with a general physician so that she can get a check-up for her dizziness and headache
As Mr Adam is a diabetic patient, he wants to keep his daily sugar level records in such an appropriate place that his doctor can see them easily during his monthly video call appointments.
Task Flow/User Flow
(Creating a Health Record)
Start Point: Open the app and go to your records
Success Point: press the save button
-
Open the app
-
Go to your reports
-
Go to your daily records
-
Select "Create New Record"
-
Go to diabetes record templates
-
Select a beautiful template
-
Add your data
-
Press "Save"
Site Map
​Using the insights gathered from the activities mentioned above, I constructed a comprehensive site map.
Design
.png)
Low Fidelity Wireframes
Mid Fidelity Wireframes
Usability Testing / Rainbow Spreadsheet
Having conducted prototype user testing, I identified and resolved various issues by gathering feedback from users. This iterative process allowed for refining the design based on their insights and preferences.
Test Findings And New Solutions
Issue 1:
Adding a Review: Most of the participants tried to find this feature where your doctor's icon is available. (high)
Solution: A new navigation is added to add review
Issue 2:
​
Booking Appointment: Participants could not find the "Booking Appointment" button instantly. (high)
Solution: A new dashboard layout is created to make "Booking Appointment" button more visible.
High Fidelity Wireframes
Design Language
In the project, I established a robust design system and language to ensure consistency and coherence across all elements of the interface. This included defining a unified color palette, typography, iconography, and other design elements, thereby enhancing the user experience and facilitating scalability and maintainability.
Color Scheme
Accessibility
The app follows the Web Content Accessibility Guidelines (WCAG) regarding colour, typography, iconography and UI component.
Typography
Header 1
Font: Inter , Bold, 30px
Header 2
Font: Inter , Bold, 20px
Header 3
Font: Inter , Bold, 16px
Header 4
Font: Inter , Bold, 14px
Body 1
Font: Inter , Light, 12px
Body 2
Font: Inter , Regular, 12px
Grid
Language Guideline
-
Communication should be clear & direct
-
Use plain English and encouraging text
-
Use language which matches the system and real world
Production
.png)
Launch
Conclusion
Challenges
-
During this project my biggest challenge was to conduct the search process which gives me the precise insight from the users as well as the business perspective. I planned to conduct this process in 3 steps to collect enough data, these were competitive analysis, user interviews, and an online survey.
-
The second challenge was usability testing. I took this step with special care and recorded all sessions for deep analysis and iterate my design accordingly.
-
To achieve the perfect accessibility is nearly impossible , but I tried my best to make this application more accessible.
Future Steps
-
I believe that usability testing is a key tool in the UX journey. It not only helps us to find flaws in our design but also gives us a better understanding of users' actual needs and expectations from such applications. Therefore, more usability testing may lead to better design solutions in future.
-
In this app we can add some more features like creating a user flow that can be useful in any kind of emergency situation. Further, as it is a responsive app, its design could be enhanced to adjust with different screen resolutions .
“I am very passionate about bringing valuable work to my clients. For more information, you can contact me through the links below”
Maliha Anjum, UX/UI Designer