Photo

TMed App and Responsive Website

Tmed/ Take-Med app is a reminder app that helps people stay organized and ensures that they will never miss their medication schedule. By using a reminder app, individuals can set personalized reminders for each medication.With the help of a reliable reminder app, both working professionals and elderly individuals can have peace of mind knowing that they and their loved ones are effectively managing their medication schedules.

TMed Mockup

Overview

The problem

In this busy world, it is difficult to keep a track on important tasks like taking medication on time. Working individuals who have hectic schedules and may easily forget to take their medications. Moreover the elderly population finds it difficult to adhere to prescribed medication schedules.

The goal

Design a reminder app that helps people stay organized and ensures that they will never miss their medication schedule.

Project Scope

Design TMed mobile app and Responsive website.

Tools Used

Role

Duration

August 2023 to September 2023

Research

User research was conducted to understand the needs and pain points of users. By conducting interviews and gathering feedback, I gained valuable insights about their behaviors and preferences.

During the research, common pain point among users were identified. Users usually forgot to take their medication at the designated time which had serious consequences for their health and well-being. Thus it was essential to find a method to effectively remind users about their medication.

User pain points

Forget to take medicine

In this busy schedule users often forget to take medicines as per schedule.

Tracking others schedule

It is difficult for some users to take responsibility and to track the medications of other members in family like elderly individuals and their children

Ease of use

Navigation experience in most websites are not as expected.

User persona 1

Problem statement: Jenny is a busy professional who needs to remind herself about her parents medication schedule because she wants to ensure that her parents are taking medicines as per schedule.

User persona 2

Problem statement: John is a retired professional at his old age who needs a reminder about his medication schedule, because he wants to take his medicines correctly without bothering others.

Competitive audit

An audit of a few competitor’s products provided direction on gaps and opportunities to address with the TMed (Reminder) app.

Ideation

I did a quick ideation exercise to come up with ideas for how to address gaps identified in the competitive audit. My focus was specifically on the methods to provide a notification to users at the time of taking medicines along with proper dosage instructions.

Ideation for TMed app

Design

Paper wireframes

After initial study and research I created some paper wireframes for the home page of the app. Different iterations were made based on the initial research and then a screen which provides an easy and quick user flow was prioritized.

TMed- Paper Wireframe
Star is used to mark elements added in the final design. Last screen represents final home page design.

Digital wireframes

After ideating and drafting some paper wireframes, I created the initial designs for the TMed (Reminder) app.

TMed Digital wireframe- Before Update

Low-fidelity prototype

To prepare for usability testing, I created a low-fidelity prototype that connected the user flow of adding a reminder and viewing the reminder details and then finally see the new reminder in the reminder list.

Usability study: parameters

Study Type

Study type:

Unmoderated usability study

Location

Location:

United States, remote

Participants

Participants:

5 participants

Length

Length:

30-45 minutes

Usability study: findings

These were the main findings uncovered by the usability study:

Dosage Instructions

Dosage instructions that could help people especially elderly individuals were preferred by users.

Missing notifications

Different options to receive notifications regarding medicine intake was preferred so that they won’t miss any reminder.

Multiple members

Users preferred adding separate reminders for different members in family.

Accesibility

Absence of assistive technologies made apps less accessible.

Refining The Design

Updated digital wireframes

Updated low-fidelity prototype

Mockups

Based on the insights from the usability studies, I applied design changes like removing confusing buttons that performed similar functions from the home screen (Set reminder button and schedule button). Schedule button was replaced by add member button.

TMed Mockup- No 1

Additional design changes included adding an extra field to add dosage details in the schedule form and a pop up confirmation with details of the reminder scheduled.

TMed Mockup- No 2

Additional design changes included adding an extra field to add dosage details in the schedule form and a pop up confirmation with details of the reminder scheduled.

TMed Mockup- No 3

Key mockups

TMed- Key mockups

High-fidelity prototype

The Hi fidelity prototype was created based on the research done and based on the usability studies. The design met the user requirements which was discovered after the usability studies.

TMed- HiFi Prototype

Accessibility considerations

Provided access to users who are vision impaired through adding alt text to images for screen readers.

Used icons for better navigation.Used images for better understanding of the designs.

Clear labels for interactive elements that can be read by screen readers.

Responsive Website Designing

Sitemap

With the app designs completed, I started work on designing the responsive website. I created a sitemap for the TMed responsive website to set a structure for the responsive website, thus providing a smooth and consistent experience across different devices.

TMed- Sitemap

Responsive designs

The designs for screen size variation included mobile, tablet, and desktop. The designs were optimised for different screen sizes to meet the specific user requirements.

TMed- Responsive website designs

Take Aways

Impact:

The app helped individuals to set personalized reminders for each medication.TMed app helped both working professionals and elderly individuals to ensure that they and their loved ones are effectively managing their medication schedules.

One quote from peer feedback:

“TMed is a powerful tool that helped me stay organized and ensures that my loved ones never miss their medication schedule.”

What I learned:

I learned that when you are trying to solve a problem always follow an user centric approach. Empathize with the user and understand their behaviour and pain points. Develop a design strongly based on your research outcomes. Learn from the user to come out with an experience that is useful and solves the problem for the user.

Next steps

Conduct another round of usability study to analyse the overall effectiveness in achieving the goal.

Add more features like routine tracker, and prescription scanners.

Conduct another round of usability study to analyse the overall effectiveness in achieving the goal.

Add more features like routine tracker, and prescription scanners.

View Other Works