POLMED - Medical App
Context
A couple of my friends - are users of private healthcare and have repeatedly complained to me that there is no medical application in Poland that meets their requirements. This was my inspiration to design an app that would be a good answer to users’ needs, such as transparency and easy access to medical services. I am a client of the medical company POLMED, which does not have its own mobile application. So, for this reason, my choice fell on this company.
Tools
My role
I made the entire application project based on modern User Experience design trends. As part of the test presentation, I invited up to 5 users.
For acheeving my aims I used the following tools:
​
-
Balsamiq - for wireframing;
-
Photoshop and Illustrator - for creating icons;
-
Figma - for prototyping.
A proper way
01.
Research
02.
Wireframing
03.
Prototyping
04.
User tests
Research
During the research, I analyzed 7 mobile applications of similar medical companies. I have studied similar solutions on Dribble and Behance. I've read medical blogs. As part of Desk research, I analyzed user comments on the existing applications of similar medical companies on the Google Play Store. I interviewed four users of similar applications. Also, I thoroughly tested the existing functionality on the POLMED website and, based on all the research, I created the following list of assumptions for the new medical application:
-
Complete the process of logging in and registering in the patient's application;
-
Make an appointment with a specialist doctor: - Enable the selection of a specialist;
-
Carry out a calendar of appointments / tests / treatments: - Introduce the possibility of resignation/rescheduling of previously arranged visits/tests; - Keep a history of previously scheduled visits/tests;
-
Read the test results;
-
Create a page with information about each doctor;
-
Provide contact with the patient support center.
Challenges
While analizing other medical apps I met a couple of challenges:
-
Confusing user flows. As a result, the user has a problem with reaching the appropriate service;
-
The wrong priority of placing items on the screen. Important sections are mixed with less important ones;
-
Not enough information about doctors;
-
Difficult access to past visits;
-
There are no photos, no additional information: experience, evaluation, etc;
-
Difficulty finding and controlling future medical visits.
Wireframing
Before I actually started the design I imagined and sketched Wireframes for future applications. I used the Balsamiq tool for Wireframing.
Application design
I divided the design of the app into several stages:
-
Set the Color Palette;
-
Design the Icons;
-
Design the Prototypes.
Color Palette
I chose navy blue as the main color for the project. For good contrast, I choose orange with a gradient for the icons. Additionally, I used grey and white for the secondary color.
Icons
I designed the icons for the application in accordance with the current graphic trends using a gradient and a simple design without contours. I tried to make these icons clearly tell the user what is behind them.
Prototypes
For the application design and propotyping I used the Figma tool. For visualization, I chose the Xiaomi Mi 10 cell as one of the most popular in Poland - the target country for using this application.
Log in to the application and registration form.
Application main menu & calendar of visits and treatments.
Forms to search for doctors by name and category.
The process of booking the doctor's appoinment.
User tests
User tests were conducted with four people. All possible application paths have been clicked. The tests took place at two design stages: during the Wireframing, and the Prototyping. With it, I caught some UI errors and adjusted the Prototype immediately.