RxFlect

Reflect Better, Heal Better

Team

Han Mai
she/her
Johny Ho
he/him
Kaung Lin
he/him
Kenny Vo
he/him
Masroor Siddiqui
he/him

Problem and Design Overview

Managing medication can affect people in a lot of different ways, and it is often hard to keep track of how you feel from day to day. Most people want to notice patterns in their mood, symptoms, or side effects, but daily journaling usually feels confusing or repetitive. A lot of the tools that already exist do not help users stay consistent, and the information they collect does not translate into anything useful when talking with a trusted or medical individual. Because of this, it becomes easy to lose track of important details about how the medication is actually affecting them.

Home page for our app Rxflect. It showcases a start journaling button, daily reminder bar, average moodthe number of entries made, a calendar view button, view progress button, create report button, medication button, and an ability to scroll down to view recent reflections
A phone screen that lights up recieving a notification from Rxflect to do your daily check-in.

The home page of Rxflect and receiving a notification from Rxflect.

RxFlect addresses this by making reflection manageable and meaningful. The app guides users through personalized daily check-ins with adaptable prompts and automatically synthesizes entries into clear, visual reports. This turns fragmented notes into actionable insights, empowering users to understand their medication journey and communicate effectively with their care team.

A small blue arrow at the bottom of the screen indicating the navigation bar can slide up.

The arrow hints that the navigation bar can slide up when needed.

Design Walkthrough

RxFlect is built around two core experiences that help users better understand and communicate about their medication journey: making daily reflection effortless and transforming reflections into shareable insights. These tasks work together to make tracking symptoms and changes feel easier and more meaningful and more meaningful.

Expressing Their Well-Being Through Guided Journaling

With users using Rxflect, it helps provide guiding questions based on a journaling mode and information about their medical condition and medication effects. As when user inputs their medical condition and medication, the journaling provides specific questions to different medical conditions and how much a user wants to journal. This design provides structured yet flexible journaling guidance, helping users determine what to record and how much to write based on their daily health.

Home page for our app Rxflect. It showcases a start journaling button, daily reminder bar, average moodthe number of entries made, a calendar view button, view progress button, create report button, medication button, and an ability to scroll down to view recent reflections

Screens showing the check-in flow of getting started with Rxflect. From setting up their profile, medical condition, medicine and dosage, and when to remind them to begin journaling.

Four images in a series and starting from the very left, is a screen showcasing a light or heavy mode to determine which type of journaling a user want to do.Second image is in light mode, where is it a how are you feeling screen, where you select an emoji going from great, good, fair, low, and struggling.Third image is in light mode, where a screen indicating how is your energy level for today, where the range of input it 1 to 5. The fourth image is in light mode, where it showcases an optional textbox that allows user to write or record down any more thoughts for the day.
Five images in a series that and starting from the very left, is a screen in hard mode journaling where is it a how are you feeling screen, where you select an emoji going from great, good, fair, low, and struggleing.Second image is in hard mode, where a screen is asking about your physical well being by inputting a scale from 1 to 5 for energy level and sleep quality.Third image is in hard mode, where a screen is asking about your physical state by having the user select options such as pain, tension, restlessness, and more.Fourth image is in hard mode, where a screen is asking about side effects your experiencing by having the user select all options that apply such as headache, nausua, fatigue, and more.Fifth image is in hard mode, where it showcases an optional textboox that allows user to write or record down any more thoughts for the day.

Choose between Light or Hard mode to journal depending how much a user want to journal on a given day.

Reflecting on Medical Treatment with a Trusted Individual

With all the journaling a user does, we wanted a way to provide users to share the information with a trusted individual. Sharing information can be difficult as it’s time consuming to review each journal entry and remember what you experienced. So to help reflect on your medical treatment, users can generate a report within a given time frame to aggregate information that they had been recording within that time frame. Furthermore, before saving the report, the user can review and edit the report to better reflect what they have been experiencing. This design helps a user better understand what they have been experiencing and provides a well informed report that they can share to discuss with trusted individuals.

On the home page in Rxflect, you press the create report button to start generating a report.
Once you click on create report button, there are multiple options to select the dates you want the report to capture. With quick select buttons that selects the past week, past month, past three months, and all timeThen the second option is the user selecting a range from one date to another date to create the report. Once selected, you click generate report.
Once generate report is clicked, a default report is made for the user with graphs illustrating user's physical well being, side effects occurance and key insights.
Settings options to customize the report. From toggling which visualizations a user want, enable or disable sections such as charts, side effects summary, key insights and more. User can also add notes, highlight sections and attach photos
A popup with a confirm and cancel button to make sure you want to confirm the creation and changes of the report or cancel the changes made.

Users can create and edit a report to better reflect on their experience with their medical condition and treatment.

Once user saves their report, they can view their report, press the share button to share it with a trusted indiviual, or download the report.
Once you press the share button, it brings you to a new screen that shows who you have shared the report with. In addition there is a Add Trusted Indiviual option to share the report with sharing preferences such as Auto Share, notify before sharing, and more

Users can view, share, or download the newly created report. When sharing, they can directly add who they want to share the report with and toggle specific sharing options.

Design Research and Key Insights

Our design research focused on understanding how people manage their medication routines and how they make sense of the physical and mental changes that come with it. We wanted to learn what makes symptom tracking helpful, what feels overwhelming, and what people actually need when preparing to talk with a healthcare provider or someone close to them. To do that, we interviewed participants with different levels of experience, including people currently taking medication, people who do not take any medication, and a small number of healthcare workers who regularly talk with patients about symptoms and treatment plans. We paired these interviews with early design critiques and small feedback sessions to see what parts of journaling feel helpful and what quickly becomes overwhelming. We chose interviews because medication experiences are personal, and conversations helped us understand the reasons behind users' habits and frustrations. Talking with healthcare workers also gave us a better sense of what information actually helps during check-ins and what gets lost when people do not track how they feel. This helped us design something that supports clearer communication on both sides.

Journaling Regarding Medication is Difficult

From our design research, a key insight that came up often was journaling about medication is difficult. Multiple participants expressed that they would like to journal more but are unsure what they should write about the effects of their medication. As they are not sure what is important to write, especially when they are taking multiple medications at the same time. This led us to wanting to focus on making journaling easier and help understand common symptoms that might be worth noting down. This resulted in Rxflect to have guiding questions for journaling, common symptoms for specific medical conditions, and medicine side effects and interactions of other medicine.

Clear Visualization of Patient History and Reporting

Interviews with both patients and clinicians showed how difficult it is to make sense of large amounts of unorganized medical information. Healthcare professionals like Cenny and Derpy highlighted the need for clear weekly or monthly trends, simple timelines of key events in a patient's medical journey, and easy visuals that help clinicians quickly understand consistency or changes in a patient’s condition. Issues such as recency bias and incomplete or overly vague patient recollections further reinforced the importance of accessible, accurate historical context. These findings shaped the design direction toward creating clear visualizations based on patient history and reporting, such as graphs, to help doctors efficiently review patient histories and make more informed decisions.

A paper sketch of how the report initially looked. It has 3 images, where the the first image in the far left is an image of you selecting which journal entry one by one you done in a month.middle image is then how the report is created after selecting the journal entries.The third image is viewing and sharing the newly created report.

Initial prototype of how selecting journal entries to create and share a report.

Clear Summaries for Communication Between Patients and Doctors

Finally, our design research also revealed major communication gaps around treatment updates. Patients such as Patch and Benny tended to focus on only the most recent weeks when speaking with doctors, even with consistent journaling, leading to discussions with their doctor about their most recent state, not their state throughout the treatment. Healthcare professionals like Cenny and Derpy noted that they typically had to almost rely entirely on patients’ reports, and their prescription refill dates which may not reflect actual day-to-day behavior or feelings. This finding guided the design toward creating concise and cumulative summaries and reports to help present accurate and balanced information between patients and their doctor.

Iterative Design and Key Insights

Our iterative design process began with many sketches to get our initial ideas into potential designs, with storyboards better defining our focus tasks from our interviews, creating user personas, and narrowing down our target audience. This led to us initially choosing a high level journaling health design but upon reflection, we realized we were trying to encapsulate all different types of medications and symptoms to record, even if it wasn’t specific to a patient and their medication. So upon further discussion and iteration, we wanted the journaling to be more personalized with their conditions rather than a generic template to capture everything.

Once we decided on this design, we started creating paper prototypes with the goal of allowing people to have personalized journaling based on their medical condition they want to track and improve communication with trusted individuals. With our initial paper prototype, we conducted heuristics and usability tests with our peers. Through heuristic tests, we identified areas of improvements regarding navigation of our pages, lack of system confirmations, and consistency. Whereas the usability tests revealed more functionality problems with users such as users feeling restrictive with the app and potential of being overwhelmed depending on a user's day. Thus with these insights, our revisions with our paper prototype to digital mockup focused on a simpler design, more user control, and flexibility of core features.

Minimalistic Design

In our design process, we wanted to ensure that our design would be minimalistic to avoid people being overwhelmed and can easily journal. Still, in our heuristic and usability testing, many people commented inconsistencies with home bar, icons, and layout of pages. This is in part that we had multiple people drawing the paper prototypes, which led to conflicting visuals and layouts. So going into our digital mock up, we standardized how we wanted our layout and visuals to look to ensure consistency is upheld to satisfy our minimalist design.

A paper calender of the month January, where user is selecting 8 days of when they journal into their report.
A revised digital calender where now has color icons on a day to indicate different actions a user taken to help select days to put in your report. Blue being you journaled, orange being refilled prescription, and red being you experienced a symptom

Preview screen(left) originally wasn't clear how to exit, what it achievied, had a confusing layout and what you could select. In the revised preview(right), made it clear what you have accomplished with a straighfoward button to move on to the next task.

Presentation of Information

Participants commented that a lot of screens either showed too much information at once or did not show enough for users to understand what was happening. For example, the calendar screen did not show which days the user actually journaled, so people were confused about what days they could review. On the journaling side, some participants felt overwhelmed by long lists of prompts, while others wanted more context or simpler options.

In response to this feedback, we redesigned key screens to convey more or reduced information so users don’t feel overwhelmed nor get lost. Such as our calendar screen now has color icons to indicate different types of actions a user did and reducing the journaling prompts text into more slides to not overwhelm the user with info.

A paper calender of the month January, where user is selecting 8 days of when they journal into their report.
A revised digital calender where now has color icons on a day to indicate different actions a user taken to help select days to put in your report. Blue being you journaled, orange being refilled prescription, and red being you experienced a symptom

Left image was our initial calendar design to select days to report for journaling, where the right image is our revised version to help show more actions a user done.

Flexibility of Journaling and Report Creation

From our usability testing, we realized that the overall flow of the app felt too strict and did not match how people actually journal or create reports. A lot of participants said they felt “locked in” to a certain path. For example, the journaling screen always showed the same types of prompts, even if the user was not feeling that way that day. Some users wanted to skip questions or choose an easier option, while others wanted space to write more. The report creation flow also forced users through every step in a fixed order, which made things feel slow and repetitive.

These reactions showed us that our design needed more flexibility so people could choose how they want to interact with the app on different days. We updated the journaling flow to support different levels of detail and added more optional steps. We also loosened the report creation process so users can jump between sections without being forced into a single path.