Media: Adobe Illustrator CC
Personal Contributions: Wireframes, UI Design
Scroll down for process images, this project is currently in progress
How do you keep patients informed about why they are taking certain medications? How can clinicians easily find essential personal information during emergency care when patients are in an incommunicable state, in order to have better patient outcomes? These are some of the issues the Johns Hopkins Health E-Application will attempt to address, while at the same time be a medication self-management tool for patients with chronic conditions.
Storyboards received from Dr. Francoise Marvel, showing features that would be in the application.
An initial storyboard was presented by Dr. Francoise Marvel, an internal medicine physician at the Bayview Medical Center. In order to better understand the current organization the first step was to map out how each feature interacted with each other. I performed a basic reorganization to reduce redundancies and the number of steps a patient user would perform in order to complete the basic objectives of the application, which are:
• Store and retrieve emergency information
• Self-manage medications for chronic conditions
• Become informed about medications that are currently being taken
Literature pertaining to medication adherence apps currently on the market was read in order to understand physician concerns about mobile app technologies. Readings on common chronic conditions was performed in order to understand patient user demographics. I downloaded and regularly used some of the most popular medication adherence apps such as MediSafe, DoseCast, MyMedication and iPharmacy over several weeks in order to gain understanding in how the design problem had already been approached. A questionnaire was also created to gain feedback from patients about their medication regimen.
• Literature shows 42% of women and 49% of men over 65 had 2 or more common chronic conditions
• 2 out of 10 Americans are prescribed 5 or more medications to manage their health
• A large concern for physicians is general trustworthiness of medical apps
• Many patients do not know why and for what purpose they are taking specific medications
I created a new wireframe based on research in the previous step. After trying popular medication adherence apps on the market, reminder functions for medication adherence were expanded to include how they may be set, as well as alternative reminder options such as phone vibration. Because of the older demographics movement considerations, all interactive elements were designed to facilitate tapping, and general UI was reorganized to have as large buttons as possible. Because of the high number and variety of prescribed medications in the older demographic, a function to insert and edit a greater number of medications was added.
Adobe Illustrator was used to produce the final deliverables, which were sent to a team of programmers within the homewood campus of Johns Hopkins University. These wireframes are currently being used to develop the initial prototype of the Health-E Application, which will then be sent to the TEDCO Maryland Innovation Initiative to receive grant funding for further development. The numbers refer to a separate document with annotations giving detailed information about each redesign decision.
Johns Hopkins Health-E Application flow chart
Close up view of the wireframe for the first prototype
This project is still under development. It will be interesting to show the prototype to patients to gain initial feedback on the design choices made here. The product exploration portion of the research was insightful in that it allowed me to gain a better understanding of patient medication compliance methods built within applications. In the future it would be beneficial to interview patient users in person and to see how medication is physically stored in their homes. This could help in gaining a better understanding of patients mental models in how medications should be organized and taken.