Medic.ly

Branding, Concept, Mobile UI/UX
The product
Medc.ly is designed to simplify the process of booking an appointment with a doctor for patients. The aim of the design is to create an easy-to-use, efficient, and user-friendly interface for the users. This is a group project made as a part of the course Human-Computer Interaction in the 6th semester of college
MY ROLE
UX Research, UX Design, UI Design
project YEAR
2021
the problem
In the current climate of the Covid-19 pandemic, there is a growing need for patients to access medical care from the safety and comfort of their own homes. The traditional process of booking a doctor appointment in-person is no longer feasible or safe for many individuals.
THE GOAL
An online doctor appointment booking app that is designed with the principles of Human-Computer Interaction (HCI) is needed to simplify and streamline the process of booking a doctor appointment for patients during the pandemic. The app should provide a user-friendly, efficient, and accessible solution for booking appointments, reducing the risk of exposure to the virus and improving the overall experience for patients.

Research and Analysis

The first step in the design process is to understand the user needs. This involves conducting user research and gathering information about the target audience. We started by conducting user research to understand the needs and pain points of our target audience. We conducted surveys and focus groups at our homes and university to gather data on the current doctor appointment booking process and what users were looking for in an online booking app.

Some questions that were asked include:

  • Who are the users of the app?
  • What are their goals for using the app?
  • What are the current challenges they face when booking a doctor appointment?
  • What are their preferences for booking an appointment?

We analyzed the data and found that users wanted an app that was easy to use, offered a wide range of providers, and allowed them to choose their preferred appointment time. They also wanted the app to be secure and private, with the ability to store their medical history for quick reference during their appointment.

UX Design

Based on the research, we created a user persona to represent the target audience. This helped us understand the user's goals, motivations, and pain points.

User Personas

Next, we created paper wireframes to visualize the app's structure, functionality, and navigation. The wireframes were used to test and validate the design with potential users.

Paper Wireframes

Paper Wireframes

UI Design

Using the feedback from the paper wireframe testing, we created high-fidelity mockups to refine the design. We used colors, typography, and other visual elements to make the app visually appealing and easy to use.

High-fidelity Mockups

Colors and Typography

Development

Once the design was finalized, we developed the app using Flutter. The app was user-friendly, efficient, and met the needs of the target audience. We tested the app extensively and made improvements as necessary.

We monitored user feedback and made changes accordingly. There are some features that need to be added to improve its functionality and overall user experience. Some of those features are:

  • Video call with Doctor
  • Written Prescription
  • Online Payment
  • Appointment Notification

The project is live on GitHub right now.

GitHub Project

Way Forward

  • To publish the real-time working application, we will need the data of all the doctors in a certain region.
  • We have to make the App free from all kinds of bugs.
  • We have to make sure that App runs smoothly on every device without any problem.
  • We have to make the App scalable to handle the increasing number of users.
  • We have to provide the users Help and Feedback support for any suggestions or queries.
  • We have to give the latest updates from time to time to keep the App up to date.

Final Project Report