My Medicine App

This project was undertaken as part of a social goods app initiative at my educational institution. The My Medicine App was developed with the core objective of providing users with daily medication reminders and facilitating tracking of their health and medication routines.

Project Overview

Challenge

Make a new reminder app to remind individuals to take their medications. suitable for a variety of ages. The ease of use of the app should be its most significant feature.

Time

This project lasted for three weeks.

My Rule

Research and analyze the information.
Describing the first look of an app.
Create Wireframe.
Create Low/High-fidelity content.
Test and gather the reviews.

Project Rule

Design App
East to use
Target different ages
Help improve the health.

Tools

Figma, Miro

Problem Statement:

For individuals of all ages, keeping track of daily medications and maintaining a consistent routine can be challenging. There is a need for a medication reminder app that is easy to use, can target different age groups, and helps improve health. The current options on the market are either too complicated, limited in functionality, or lack personalization for the user's needs. This results in missed doses, confusion about medication schedules, and poor overall management of health. Therefore, there is a need for an efficient and user-friendly medication reminder app that can improve medication adherence and overall health outcomes for individuals.

My Proces

Empathize

Research

The initial stage of the research involved gathering information on the average daily number of medications per person. This was followed by an exploration of the emerging trends in medication usage and future possibilities to inform the app's design. Insights were also obtained from user preferences and the competitive landscape through surveys and market analysis. Subsequently, data were compiled and analyzed to create the initial prototype of the app, including the design and functionality.

Topic Research

During the research phase of the project, extensive data was collected to inform the design and functionality of the My Medicine App. The research process began with an in-depth investigation into the average number of daily medications per person and emerging trends in medication usage to gain insight into the needs of potential users. Through user surveys and market analysis, we also gained valuable insights into user preferences and the competitive landscape. The collected data was then meticulously analyzed and synthesized to create the initial prototype of the app, incorporating user-centered design principles and the latest trends in app development.

Users' Interview

Because older individuals will find this app helpful, I concentrated on this demographic and asked them the key questions as well as what they appreciated about the app. The Middle Ages served as the other focus group. They support my creativity and offer helpful advice for the future of the apps. Three primary points served as the basis for the entire interview:

Easy to Track.

It was crucial for everyone to be able to take their medications without difficulty and see properly every day. Additionally, the app includes limited alternatives so that students can memorize them and learn them. Additionally, older users request larger words and sometimes the option to submit a photo so they won't have to look at the medication.

Has health tips.

The Middle Ages enjoyed receiving updates on the medicines they used as well as recommendations. so that they can keep tabs on them and be aware of what they are eating.

Save the record and remind user to refile.

The other crucial factor is that each point on it included a reminder to re-file the medications and a list of all of them so they could easily verify them if the doctor asked.

Competitive Analysis

Empathy Map

According to the research, it is crucial to maintain the app straightforward and simple to use, which is what the users requested.

Define and Ideat

User Persona

I created a user persona that precisely reflected the My Medical App's target user base.

Sketch

Through the process of sketching, I was able to develop a preliminary understanding of the app's key screens and necessary features. Upon completion of the sketches, I identified areas that needed improvement in terms of aesthetics and functionality. These insights led me to modify and expand the digital wireframe accordingly.

User Flow

I identified the three major paths users could take to achieve the path described in the task flow above.

Prototype and Testing

Midd Fidelity Wireframe

To create my prototype, I first started by creating mid-fidelity wireframes on Figma of the key screens the users would be interacting with.

Midd Fidelity Prototype

Using the wireframes as a starting point, I worked on constructing a mid-fidelity, restricted functionality prototype in Figma for usability testing.

Home Page

The home page looks good in the second review; only a minor tweak in High Fidelity wireframe is required.

Insight

The Insight page will be divided into sections. Doctor, Health Tips, and Food Suggestions

Sign Up

The Sign Up page is not yet finished and requires some improvements, as well as a change in the connection.

Usability Testing

During the testing phase, I requested users provide feedback on the flow and appearance of the software, as well as the font choices used. The feedback I received was valuable, and I used it to improve several pages of the app, with a particular focus on the time selection section. The feedback also helped me identify the app's potential for further improvement.

Testing Process

Number of Testers

We recruited 20 testers to participate in the testing process. This is a reasonable number of testers to get a good range of feedback and identify any major issues with the app.

Recruitment

We recruited testers from a variety of sources, including social media, online forums, and personal networks. We specifically looked for individuals who fit the target user profile for the app and had a range of technical expertise.

Testing environment

We provided testers with access to a test version of the app and asked them to complete the tasks and scenarios on their own devices. We also provided a feedback form for testers to complete after they had finished testing.

Overall, we found the testing process to be effective in identifying areas for improvement and ensuring that the app met the needs of our target users.

Tasks and scenarios

We asked testers to complete a variety of tasks and scenarios to assess the functionality and usability of the app. These tasks included:

Creating a new account and logging in
Searching for and adding a new item to their inventory
Editing an item in their inventory
Viewing their inventory and sorting by different criteria
Adding a new category to their inventory
Searching for an item by category
Deleting an item from their inventory

Pain Points

70% of users liked the Home page. However, they wanted a picture of it and more information about it.
50% of testers requested a refill reminder.
60% of testers prefer to recommend more drug options.
80% of users find the app useful and enjoy using it.

Insights

During user testing, it was observed that users preferred a larger font size for better readability.
Feedback from users indicated a desire to include an image of the medication in the app.
Users expressed a need for a refill alert to help them stay on top of their medication schedules.
Ease of understanding was identified as a major priority for users.

Recommendation

Increase the font size to improve readability.
Add a photo option to enable users to include images of their medication.
Implement a refill option and prescription scanner to make the app more convenient.
Keep the design simple and easy to navigate for a better user experience.

Priority Division

Profile Page

Add the refile, prescription, vaccination time, and doctor so the user can have the full experience of their health and medicines.

Home Page

As requested by the user, I added additional images to make the atmosphere more appealing while also making it easier to discover the daily medications.

User Interaction

Based on the results of the user testing, it became apparent that users were having difficulty selecting a suitable time in the app. To address this issue, I made changes to the app's design.

Firstly, I added a separate page with a distinct function that allowed users to easily choose a suitable time for their needs. I made sure that this new page was clearly visible and easy to navigate to from the main screen.

Secondly, I increased the font size on this new page to make it easier for users to read and select the appropriate time. This ensured that users didn't have to strain their eyes or squint to see the options available to them.

Finally, I added a feature where, after saving their selected time, users could view the details of their selection on a separate screen. This provided users with the confirmation they needed that they had selected the correct time.

I have included a video below to showcase how these changes have improved the user flow and experience of the app.

[Embedded video showcasing the changes made to the app's user interaction]

UI Design

Branding

During the development of the app, I made it a top priority to create an onboarding process that was as seamless and user-friendly as possible. By minimizing any potential points of friction, I aimed to provide users with an experience that was intuitive and efficient.

In addition to focusing on the onboarding process, I also placed great emphasis on maintaining simplicity and ease of use throughout the app. It was essential that users of all ages could easily navigate and utilize the app's features. At the same time, I wanted to ensure that the app was capable of accurately tracking and reminding users of their medication schedules.

To achieve these goals, I conducted extensive research on industry best practices and analyzed other companies' approaches to developing similar apps. This research allowed me to identify key design elements and color palettes that were appropriate for a medical app. I also gathered imagery that was both engaging and relevant to the app's core functions.

By taking a thoughtful and strategic approach to branding, I was able to create an app that was both user-friendly and aesthetically pleasing. Through the use of carefully chosen colors and imagery, I was able to convey the app's functionality and key features in a clear and intuitive way.

Style Title

As part of the branding process for My Medicine, I created a style tile that defined the key visual elements, including the color palette, typography, and imagery, that would represent the app's new identity. Using this style tile as a guide, I integrated the My Medicine branding into the UI components used in the app's interface. To ensure consistency in design standards across future developments or other designers work, I also developed a comprehensive UI kit that described the various elements in detail.

Final Prototype

After completing the earlier stages of the design process, I moved on to creating the final, high-fidelity wireframes and a functional prototype for the My Medicine app. With the help of the style tile that I had created earlier, I incorporated the finalized brand aspects, such as color palette, typography, and imagery, into the visual design of the application. The final prototype incorporated all the feedback and suggestions received during the user testing phase and reflected the streamlined onboarding process and intuitive user interface that had been refined through the design process.

My achievement by the end of the project

As a UX/UI Designer, I embarked on a challenging project that required me to understand and empathize with a user group I had never met before. Due to limited access to my target demographic, I had to rely on various research methods to piece together their perspective. This experience allowed me to develop a deeper level of empathy and hone my resourcefulness in navigating constraints. I am proud to have successfully utilized my skills to create an app that meets the needs of users and enhances their daily routines.

Next Steps

Moving forward, there are several steps that I plan to take to continue to enhance the My Medicine app and develop my skills as a UX designer. These steps include:

Conducting more user testing to further refine and improve the app's user experience.
Designing interfaces for prescription scanning and manual entry to make it easier for users to input their medication information.
Creating an onboarding walkthrough to guide users through the app's features and functionality.
Continuing to stay up-to-date on emerging trends and best practices in UX design through ongoing research and learning opportunities.
Seeking feedback from more experienced UX designers to receive constructive criticism and improve my skills.
Collaborating with developers to ensure that the app's design is feasible and can be implemented smoothly.
Documenting my design process to reflect on my work and identify areas for improvement in future projects.

Page updated

Google Sites

Report abuse