Dossier

Medical follow-up app that provides access to an appointment system, where users can schedule medical appointments and share lab tests from the cloud. This allows users to quickly share information with their doctor.

Why

Improve the current appointment system, which is considered outdated in medical clinics, as it creates confusion among patients about placing one ID card over another to get a turn. Also, improve access to medical records.

Problem

Users between the ages of 26 and 34 reported poor treatment from their family medical units — 50% of the responses — compared to the older adult population, which represented 29% (ENII-IMSS 2021).

Process

I conducted a series of interviews with a group of five users from a Family Medicine Unit (UMF) of the public health service. The goal was to identify pain points in the medical care process.

I analyzed the collected information and created boards with findings, facts, and problems, which showed the following:

To create the proposal, I used the Crazy 8 activity, which helped me come up with quick sketches. From those sketches, I chose one to develop a storyboard showing the before and after of using the app.

These activities allowed me to develop the Information Architecture (IA) and User Flow diagrams to plan tasks and processes. They also helped me create a wireframe flow (screens) to move forward with low-fidelity and mid-fidelity prototypes. At this stage, I defined the main sections: login, appointment scheduling, medical records, personal information, and settings.

Storyboards of before and after to used app

Wireframes

Prototype

I developed a low-fidelity prototype to visualize the actions and interactions within the app. As I tested it, I made changes to improve the navigation.
‍
Based on this Lo-Fi prototype, I created a mid-fidelity (Mid-Fi) version to validate the functionality and content of some frames. It also helped me test the flow of actions between each screen.

Mid-Fi protorype

Design

For the visual design, I chose a fresher tone. The color palette of the interface helps users associate it with health and well-being. The app covers the essential functions: scheduling appointments and storing medical test results.

Log in

To log in, users must enter their email or phone number, and then enter a code that is sent to them.I chose to create an access code for the app to increase the security of personal data.

Profile

I included the personal information section as part of the patient's identification, in case it is needed in situations such as a medical emergency.

Dates

Appointment scheduling allows the user to choose or cancel the day according to their needs.

Medical record

This section shows the documents that have been saved in the app.