Product Designer

Medical Adherence App Details

Case Study: Visual Design

Medical Adherence Application in Ecuadorian Clinics

Overview

Lack of communication between physicians and patients due to transportation limitations and the disorder being a taboo topic, has contributed to medical non-adherence among epileptic patients in rural Ecuador. The mobile application, Epileptic Connection, was created from the ground up to give physicians a new and easy way to communicate with patients, while making the communication subtle with little to no disruption to the patients’ lives.

Achievements

  • Used by approximately 10-15 physicians at an Ecuadorian clinic

  • Enthusiastically received by physicians and verbal confirmation that patients are more consistently taking their medication

 
Website_Tablet-Recovered_WithWhiteBoxes.png

Collaboration

Engineering, Medical Professionals

Role

UI/UX Designer

Timeline

August 2016 - December 2016


Problem

Lack of communication between physicians and patients due to transportation limitations and the disorder being a taboo topic, has contributed to medical non-adherence among epileptic patients in rural Ecuador.

What content should be included?

Due to physicians having limited time with the patient, the application had to be easy and quick to use so that the physician could record the needed data while also attending to the patient. Close collaboration with engineering allowed us to map a site map for the user as well as for the engineers.

sitemap_placeholder_needsaredo.png
SoftwareDiagram.png

Overarching Challenge Throughout the Process

After the original conversation with our client, we had little to no contact with Dr. Paciowski until the application was designed, built, and released. This circumstance, while not ideal, allowed me to improvise and collect feedback throughout the process using the next best resource available, a MD treating epilepsy patients in the United States. Sometimes to get the answers you need to validate your designs, you need to get creative and think of new ways to obtain the data you seek.


Visual branding

Once the essential content was mapped, it was time to create a visual system for consistency and trust in the application.

How do we capture the spirit of Ecuador while emphasizing the connection and trust between patient and doctor?

I employed the principles of Google’s Material Design to create a consistent and easy to use Android application, while also using my own creativity to develop the appropriate color scheme, logo, and custom icons to encompass Ecuador and its people.


color scheme based on research

While I could have guessed and assumed what colors would evoke a feeling of security and trust, while still creating a beautiful app, I thought it essential to do a deep dive into the history as well as the priorities of the country. Every decision, even down to the smallest detail, should be made with an educated guess.

Findings:

  • Great importance placed on family both nuclear and extended

  • Individual regional pride is strong. Each region is a unique geography and this can at times create barriers between regions.

  • Western health-care delivery exists mainly in the large cities, with outlying clinics rarely functioning in anything resembling western designs

  • Ecuador’s culture is a mix of distinct traditions that originated in the Andes, the Ecuadorian Amazon, or the coast

 
Screen Shot 2019-10-15 at 11.13.42 AM.png
 

Logo

The logo iterations were influenced by the current logo for the epilepsy foundation paired with the color scheme and research conducted emphasizing the need for connection and trust among patient and physician that would not provoke regional disputes but would unify the country on the topic of health and epilepsy.

Logo1.png
Logo3.png
Logo2.png
Logo4.png
final logo_1.png

Icons

The icons drew on common symbols and pictures that are universal so that users were clear as to what each icon would lead to in the application.

custom icons.png
ShowcasingIcons.jpg

Basic Interactions

After a new visual system with colors and icons was established, we realized the need to define rules for basic interactions. This enables engineers to work on building the application interfaces more efficiently.

BasicInteraction_WhiteBox_2019Updated.png
Buttons Default States.png

The prototype

A prototype was created in InVision to capture the content and flow of the application and to gather feedback from physicians at UIC.

 
ezgif.com-optimize_EC.gif
 
 

the final product

Based on the feedback received from the physicians at UIC, I updated and sent the application designs to the software engineers to build for our client.

 
trimmedvideo_finalproduct.gif