STRiPES

Redesigned STRiPES home screen
Blue Meal Study step tracker
History view with calendar
Select symptoms screen
RoleLead UX researcher & designer, lead author
ClientUniversity of Miami User Experience Lab, with the CureGRIN Foundation

Timeline2025 – 2026
Team size4 researchers

SkillsUsability Testing, Cognitive Walkthrough, Research Synthesis, Mobile Design, Publication
ToolsFigma, Userlytics, Zoom, Qualtrics

The problem

Caregivers logging a loved one’s GI symptoms and a medical study kept getting lost in the app, and we didn’t know which evaluation method to trust to find out why.

The solution

I compared usability testing with a cognitive walkthrough, published the findings, then used them to redesign STRiPES as a mobile-first app.

The outcome

Peer-reviewed paper

lead author, HFES Annual Meeting 2026

17 unique issues

found across 3 evaluators and 7 caregivers

Mobile redesign

navigation, guidance and data entry reworked

01 | OVERVIEW

A research project that became a redesign: I compared two ways of finding usability problems, then used what each one caught to rebuild a health-tracking app for caregivers.

STRiPES is a gastrointestinal (GI) symptom tracker for caregivers of people with neurodevelopmental disorders such as GRIN2B. It also runs the Blue Meal Study, a motility study in which caregivers feed a blue-dyed meal and log bowel movements to show how long digestion takes.

As a graduate student assistant at the University of Miami User Experience Lab, I led the evaluation of the app with usability testing and a cognitive walkthrough, wrote the paper as lead author, and led the redesign that came out of it.

Redesigned home screen with three clear actions
Start from three clear actions
Blue Meal Study getting started screen
Understand the study first
Study step tracker with instructions
Know where you are
History view with calendar and timeline
See past entries

02 | CONTEXT

Design Context

The app

A symptom diaryCaregivers record meals, bowel movements, pain, GI symptoms, sleep and mood for someone who often can’t describe how they feel.

The study

Blue Meal StudyAfter fasting, a caregiver feeds a blue meal, then logs every bowel movement in two stages until the color clears.

The constraint

Tested on desktop, designed for mobileThe version we evaluated was the desktop web app, but the redesign targets mobile, where caregivers actually log.

Who it’s for

Caregivers

Logging for someone elseParents and caregivers recording symptoms they observe, often between other demands.

People with GRIN2B

Often non-verbalThey can’t self-report, so what the caregiver sees and records is the data.

Researchers

Need clean dataStudy results depend on caregivers completing each step correctly and on time.

03 | RESEARCH GOAL

If we can only afford one evaluation, which method finds the problems that matter?

Expert reviews are fast and cheap

A cognitive walkthrough needs no recruiting, which matters when your users are caregivers with little spare time.

Expert-based
Real users show real use

Usability testing reveals how people behave, but recruiting caregivers of people with rare conditions is hard.

User-based
Nobody had compared them here

We wanted to know how the issues from each method differ and overlap for a health app used by caregivers.

Our question

How we ran it

Cognitive walkthrough

3 evaluatorsUX-trained researchers, new to the method, stepping through every task.

Usability testing

7 caregiversModerated remote sessions on Zoom and Userlytics, thinking aloud.

Tasks

6 identical tasksFrom finding study info to completing stage two.

Data

Issues + surveysEvery issue coded by task, category and who found it.

04 | RESEARCH

What Each Method Found

Across both methods, usability testing (UT) and cognitive walkthrough (CW), we logged 17 unique issues. Only 6 showed up in both, so using just one method would have missed most of the picture.

7found only by usability testing
6found by both methods
4found only by cognitive walkthrough

Found by both UT and CW

Navigation, terminology, hierarchyThe surface problems were obvious to experts and users alike, so they were the safest to fix first.

Cognitive walkthrough only

System logicUnexpected redirects, missing confirmations, vague task wording and functionality gaps.

Usability testing only

Real-world useRepetitive entry, a mismatch with how caregivers track symptoms, and not knowing when to log again.

Where Caregivers Got Stuck

Completion fell as tasks got deeper into the study. Most people couldn’t finish stage two.

Task completion in usability testing

1 · Find study information3/7
2 · Start the study4/7
3 · Record first bowel movement2/6
4 · Record two more, finish stage one2/6
5 · Find stage two start time4/6
6 · Complete stage two1/5

What Kind of Problems

Issues by category (issues can fall in more than one)

Navigation6
Instructional clarity6
Functionality6
Terminology & labeling5
Lack of feedback5
Design & layout3

What It Meant

13 / 10

total issues found by usability testing (13) and cognitive walkthrough (10)

Recommendation

Use both, and fix the overlap first.Issues both methods found are the most reliable. Then use cognitive walkthrough for system logic and usability testing for how the app fits real caregiving routines. Our findings pointed the redesign to task guidance, navigation and data entry.

05 | REDESIGN

Each finding became a design decision for mobile.

Below, the old desktop screen sits beside the redesigned mobile screen that answers it.

1. Make the Study Easy to Find and Start

What we found

The Study tab opened Terms of Service. All three cognitive walkthrough evaluators were sent there, and the study was labeled “For Invited Participants” only.

What I changed

A real starting point. Terms moved out of the study path. “Getting Started” has collapsible sections for what, how and steps, with one checkbox and a clear Start Study button.

Before · desktop
Old Study tab showing terms of service text
After · mobile
Redesigned Blue Meal Study getting started screen with collapsible sections
What we found

Labels clashed. “Test” and “study” were used interchangeably, and “Blue Meal” and “BM” overlapped.

What I changed

One name, one door. The home screen shows “Blue Meal Study” with its live status, and all copy now says “study.”

Before · desktop
Old consent checkbox saying agree to start the test
After · mobile
Redesigned home screen with Blue Meal Study card

2. Show Where You Are and What’s Next

What we found

People got lost mid-study. A yellow banner read like a pop-up ad, and nothing showed progress or what came after waiting.

What I changed

A visible path. A step tracker shows both transit times, instructions sit in one card, and bowel movements are logged on the same page.

Before · desktop
Old step two screen with a yellow banner that looks like an advertisement
After · mobile
Redesigned step two with progress tracker and instructions

3. Fit How Caregivers Actually Log

What we found

Logging felt repetitive and rigid. One category at a time, a fixed symptom list, and no link between meals, symptoms and timing.

What I changed

Pick everything at once. Caregivers select every category they’re seeing, then move through time and details in one flow with a date and “not sure” time option.

Before · desktop
Old record screen with a flat list of categories
After · mobile
Redesigned select symptoms screen with category cards
Select symptoms screen
Choose what applies
Date and time selection for a bowel movement
Pick date and time
Study log showing two bowel movements
Review the log

4. Explain Why, and Show the Past

Insight

Users couldn’t see past entries or why tracking mattered. Some thought the app was one-time use.

Design

A history calendar and a Help & Resources hub. Entries show on a timeline, and plain-language guides cover the study and stool types.

History view with calendar
See patterns over time
Help and resources home
Find help
At-home Blue Meal Study guide
Learn the study

06 | IMPACT & TAKEAWAYS

Impact

Published

Lead author of “Cognitive Walkthrough vs. Usability Testing” in the HFES Annual Meeting Proceedings, 2026.

Actionable

Findings were prioritized by overlap and handed to the team as a list of issues with fixes.

Rebuilt for mobile

A new flow for the study, logging, history and resources, designed in Figma.

What’s Next

What I Learned

Methods find different things

Experts caught system logic, users caught real-life fit. Neither one alone told the whole story.

Words are navigation

A mislabeled tab sent every evaluator to the wrong place, so naming was a top fix.

Research is a design input

Writing the paper forced me to make each design decision traceable to a finding.