Washington 211

Making Washington 211’s Resources Accessible to All

This project applies usability testing and heuristic review to surface navigation barriers on Washington 211’s resource hub, delivering WCAG-aligned fixes that enable users in crisis to find housing, food, and utility aid in seconds.

Project/Client

Washington 211 - Main Client DSHS Aging & Long-Term Support Administration - Support Site Savvy - Webmaster

My Role & Team

Usability Researcher - lead UX Designer

Tools USed

Miro Figma Google Forms

Methods

Usability Researchers UX Designers Usability Analyst W211 Board Members

The Spark

How do radiologists make decisions when the signs aren’t obvious?

When someone close to me was diagnosed with breast cancer, I saw how much uncertainty surrounds the diagnostic process. It made me curious about how design and machine learning could bring more clarity and confidence to real-world diagnosis. That experience stayed with me, and I got the chance to pick the project back up with the University of Washington to explore those possibilities further.

"Misdiagnosis and overdiagnosis remain key challenges in breast cancer imaging, where conventional mammography may fail to detect lesions."

Thomassin-Naggara et al. (2024)

Breakups can feel like grief – sudden, isolating, and overwhelming.

And yet, the digital tools available often emphasize little more than ‘just move on.’ We asked, what would it look like to treat heartbreak not just as pain to ignore, but as an experience to grow from?

"85% of US adults report experiencing a romantic breakup, with 1/3 of those individuals experiencing clinically significant depressive symptoms"

Verhallen et al. (2019)

The challenges

How might we create tools that make cancer diagnostic data more interpretable, transparent, and actionable for radiologists?

How might we create a digital experience that adapts to the psychological realities of breakup recovery, including attachment styles, identity loss, and emotional dysregulation, while remaining clinically grounded and deeply human?

The Impact

the research & Technical Process

the research Process

Secondary research

We started by looking into existing research to understand why diagnosing breast cancer is often so complex. Radiologists interpret features like shape, margin, and density differently, and even small changes can lead to different outcomes. This is especially true in borderline cases or when images aren’t clear. These insights helped us focus on where and why the problem exists and to design tools that support clinical judgment.

Human error factor
  • False negatives in mammography range from 12–30%, depending on case complexity and image quality
  • Up to 50% of cancers in dense breasts may go undetected without additional imaging
  • Benign findings can be flagged as dangerous, leading to unnecessary biopsies and anxiety
Gaps in existing tools
  • AI models are often hidden behind a blackbox where most don’t explain why a case is flagged, limiting clinical trust
  • Generic outputs like “malignant: 84%” may lack clinical value and doesn't answer "why?"
  • Tools often miss real-world workflows – a gap in human-centered design
Opportunities for innovation
  • Tools to show "why" a tumor is flagged by surfacing the specific features influencing the decision
  • Radiologists want tools that support clinical judgment, not to automate the process
  • Outputs should adapt to case-specific contexts like dense breast tissue or borderline features

Machine Learning Model

The machine learning model was built early on, during my time at University of Nottingham, as a way to explore how tumor characteristics could predict malignancy and patterns, especially whether those patterns aligned with how radiologists make decisions. At that stage, I didn’t know this would evolve into a design project. But training the model helped uncover which features were most influential, which later became critical input for designing an interface that could surface meaningful, case-specific insights and support clinical reasoning.

quantitative data exploration

After deciding to turn this into a design project, I revisited the model through deeper quantitative analysis to unpack how its predictions worked in detail. I wanted to explore which features to emphasize, how uncertainty showed up in the data, and where edge cases might cause confusion. These visualizations helped shape the design direction, especially around what to prioritize, how to handle ambiguity, and how to build trust through clarity and transparency.

Secondary & Market Research

I started with secondary and market research to see if this problem was just mine or something more people were going through. I wanted to understand how common breakups are, how deeply they affect people, and whether there were any patterns in how we experience or cope with them. I also wanted to identify where the gaps were – both in how breakups are talked about in the community and existing tools that are actually out there.

Breakups Mirror Greif & Identity loss
  • Breakups can trigger emotional distress similar to grief and trauma
  • Loss of relationship disrupts self-concept and emotional stability
  • Rumination is especially strong when breakups are unexpected or lack closure
Recovery Is Deeply Personal
  • Anxiously attached individuals experience higher emotional distress and are more likely to ruminate or seek reconnection
  • Personality traits like introversion, extroversion, and ambiversion affect how individuals seek support or process emotion
  • Reflective processes support emotional recovery and long-term growth
The Market Is Large — and Underserved
  • 75 million US adults will go through a breakup at least once in their lifetime
  • Mental health app market is approximately at $3.2B today and is growing to $6.5B by 2033
  • Breakup recovery is a hidden demand in the mental health market that remains largely unaddressed by existing digital solutions.

Competitive Analysis

I conducted a competitive analysis to get a clearer picture of what breakup and emotional recovery tools are already out there. I wanted to see how others were approaching the problem, where they were falling short, and how Repose could stand out. It also helped me spot patterns, such as how most apps lean on generic, self-guided content that doesn’t really adapt to users’ emotional needs. I looked at things like usability, content tone, and how these apps try to keep people engaged. This gave me a better sense of what’s working, what feels impersonal, and where people might be looking for something deeper. It set the foundation for designing something more intentional and emotionally supportive.

Ther is a Lack of breakup-specific content
  • Most apps focus on general wellness, not romantic breakups
  • When breakups are mentioned, content is often static or superficial (not personable)
There is Limited Personalization
  • Few apps adapt content based on user needs, context, or progress
  • Personalization, when present, is often surface-level (e.g. goal or mood selection)
It's Primarily A self-guided experiences
  • Support tends to be indirect, through content tone or structure and not through interaction
  • Few offer a sense of being emotionally accompanied or guided over time with real-time growth progress

Surveys

After the competitive analysis and literature review, I wanted to understand what people were actually experiencing after a breakup, but at a larger scale. I designed a survey to capture broad, real-world insights into the emotional challenges people face. Surveys gave me the reach to validate early breakup patterns, hear from a diverse group of people, and identify key segments that could inform future design decisions.

We included an exclusion criterion since emotional experiences tend to fade or shift over time. This helped ensure the insights were grounded in more recent, emotionally relevant experiences.

What we asked:
  • What was the most emotionally challenging part of your breakup experience?
  • What types of support (if any) did you seek out after your breakup?
  • What kind of tool or resource do you wish you had during your healing process?

The findings validated a real, unmet need for breakup support that feels personal, responsive, and human – shaping the foundation of our product vision.

What we found:
  • Many felt overwhelmed and emotionally alone during the healing process
  • Generic advice and self-help content felt impersonal or unhelpful
  • Respondents wanted structured guidance that adapts to their emotional state
  • Validation and relatability were more important than clinical tone

Interviews

After hearing from dozens of people through our initial survey, we invited those who expressed interest in a follow-up to take part in interviews. Using convenience sampling, we spoke with 12 participants who had recently gone through a breakup within the past two years. These one-on-one interviews helped us go deeper into their emotional journeys, uncovering nuanced needs and pain points that broader surveys couldn’t capture. Speaking directly with them gave us a more intimate understanding of why existing tools often fall short and the type of meaningful support could actually look like.

8 key findings. Raw, emotional, high impact.

They revealed how breakups disrupt everyday life, emotional stability, and the need for compassion, community and support. These insights shaped Repose as a focused breakup recovery tool, designed to offer structure, emotional guidance, and self-directed healing when support feels out of reach.

impactful themes that emerged
Support Often Feels One-Dimensional

Many participants described the support they found, whether from apps, friends, or articles, as too generic or emotionally shallow. They wanted layered guidance that matched the depth of what they were feeling.

Healing Is Nonlinear and Unpredictable

People shared that recovery did not follow a straight path. Triggers showed up unexpectedly, and emotional needs shifted over time. This revealed the importance of having support that can adjust with them.

Feeling Seen Matters More Than Advice

What people valued most was not just being told what to do, but feeling understood. Tools that reflected their experience or offered emotional validation were seen as more helpful than ones that were purely solution-oriented.

the insights & translations

Triangulated Research-to-design Matrix

Before designing the interface, I needed to understand how diagnostic decisions break down – in models, in data, and in clinical workflows. I triangulated three methods to create a research-to-design matrix that helped validate patterns across sources and identify high-confidence insights. The matrix surfaced ten core findings that revealed where errors happen, what users actually need, and how AI predictions can be made more interpretable. These insights became the foundation for every UI decision that followed.

3 methods; 10 findings; 4 that deeply shaped the interface.

By combining model behavior, pattern analysis, and literature on breast cancer diagnostic processes, I mapped out the most impactful pain points: unreliable feature weighting, lack of transparency, edge cases, and cognitive overload. Each design decision below directly addresses these breakdowns with targeted interface responses.

Enhanced Diagnostic Precision with Mean & Worst Metrics

Radiologists don’t just look at a tumor’s ‘average’ size, they also zero in on its single most abnormal spot in a single patient. Missing that one extreme region can lead to under-diagnosis.

"Existing breast imaging studies reported the entropy, mean, minimum, and maximum as important features."

Lee et al. (2020)

MEan
  • Calculated by sampling X (e.g. radius, area, texture) at dozens or hundreds of points on the same tumor and taking their average. Reflects the lesion’s typical size, shape, or heterogeneity.
  • Without mean, radiologists lose important context – every lesion has a baseline appearance and the model detects whether this appearance is benign or malignant.
Worst
  • From the very same measurements, radiologists select the largest (or near-largest) value. Highlights the single most abnormal “hot spot” that may warrant targeted biopsy.
  • Worst metric measurements prevent dangerous outliers from hiding in the average, ensuring that even small but aggressive regions of the tumor are flagged for further clinical attention.

Mapping the Emotional Journey of Breakup Recovery

Breakup recovery isn’t linear, so we needed a way to understand the ups and downs people go through. We pulled insights from research, surveys, interviews, and other tools to map out how people’s emotions and needs shift over time. Seeing it laid out like this helped us understand when people feel most overwhelmed or unsupported, and it made it clearer what Repose should offer and at what stage.

Jobs-to-be-done Framework

We heard over and over that breakups left people feeling stuck. More than comfort, they wanted clarity, momentum, and reassurance that they’d be okay. To organize these needs in a way that could guide design decisions, we used the Jobs to Be Done (JTBD) framework. It helped us see each pain point as part of a larger goal and gave us a clearer sense of how Repose could actually support real progress.

This approach also gave us a strong foundation for identifying our value proposition and making decisions about what to build first. It pushed us to think beyond about what people feel, but what they would actually use, need, and pay for.

Feeling seen
“When I feel like I wasn’t enough, I want to hear from others who’ve been through it, so I don’t feel broken and alone.”
Stop Rumination
“When I keep replaying the breakup, I want to find clarity to make sense of what happened, so I can stop fixating and spiraling.”
Regain emotional saftey
“When I’m overwhelmed and panicked, I want to feel emotional relief by grounding myself, so I can get through the day.”

These jobs became design anchors that clarified what we needed to support and why. They helped us prioritize features like guided self-reflection and content for regaining identity. Instead of jumping straight to features, we grounded our design direction in helping users make real emotional progress.

Mvp Strategy

Design Implications & Iterations

I co-built the interface using Streamlit and iterated directly in code (using vibe-coding), guided by user needs and model behavior. Streamlit allowed me to maintain full control over the model logic while rapidly prototyping interfaces that stayed true to the algorithm’s outputs. Unlike visual design tools, Streamlit let me directly connect model predictions with interface elements, making it easier to test ideas in real time, adjust how probabilities were framed, surface uncertainty, and experiment with interactive features like sliders, graphs, and confidence estimates.

V1 - Basic Inputs, No Guidance

  • The first version was a straightforward input form where users manually entered four tumor metrics to generate a prediction. While functional, it offered no interpretive support, making the experience feel opaque and limiting users’ ability to trust or make sense of the output.

V2 - Sliders and Contextual Info

  • The second version introduced interactive sliders, population averages, and brief metric descriptions to improve usability and reduce friction. This helped users understand what they were adjusting, but the model’s reasoning was still unclear and users couldn’t easily connect inputs to outcomes.

V3 - Transparent and Decision-Supportive

  • The final version focused on interpretability and trust. It added confidence labels, similar-case comparisons, and a feature-level visualization showing how each metric influenced the result. These changes transformed the tool into a decision-support interface that aligned more closely with user needs (radiologists) and mental models of breast cancer tumor diagnostics.

↖︎ Launch App

Benign
Malignant

Business Model Canvas & Customer Segmentation

To ensure Repose was viable and grounded in real user needs, we created a Business Model Canvas and mapped out our customer segments early on. This helped us define our core value, identify key audiences, and clarify how we would reach and support them. These insights gave us the confidence to move forward with a focused MVP, ensuring our solution remained aligned with both user needs and business goals.

Mvp Designs & UI

Repose: Overview

To ensure Repose was viable and grounded in real user needs, we created a Business Model Canvas and mapped out our customer segments early on. This helped us define our core value, identify key audiences, and clarify how we would reach and support them. These insights gave us the confidence to move forward with a focused MVP, ensuring our solution remained aligned with both user needs and business goals.

Repose: Onboarding

A step-by-step welcome flow that gathers your companion, attachment style, and personality to tailor every lesson and reminder to your needs.

What It does

Greets users with a warm introduction, highlights core benefits, and invites them to begin their healing journey

Design Decisions

  • Kept to a minimum so newcomers aren’t overwhelmed when starting their healing journey
  • Single, centrally-placed CTA for clarity "Get Started"
  • Soft purple palette to feel soothing and hopeful

What It does

Prompts users to choose a plant or animal companion, immediately tailoring the journey and building an emotional bond

Design Decisions

  • Tapping cards is more playful than dropdowns for quick selection
  • Emoji-style art to build an emotional bond quickly
  • Grid of 8, so choice feels substantial without scrolling

What It does

Asks about your typical relationship pattern to customize lessons and exercises around attachment needs

Design Decisions

  • Cards instead of radio bullets to feel more tactile
  • Short labels and micro-copy to reduce cognitive load
  • “Not sure” option so no one feels forced to answer

What It does

Captures personality/social preference (introvert, extrovert, ambivert) to adjust how and when reminders and content are delivered

Design Decisions

  • Three-option card layout matches mental model of introvert/extrovert/ambivert
  • Highlight on tap to reinforce selection

Repose: Core Features & Navigation

A bottom tab bar granting instant access to your daily tools, guided micro-lessons, community discussions, and profile settings for a seamless healing experience.

What It does

Central dashboard for daily coping tools all in one glance – breathing, affirmations, journaling, and habit tracking

Design Decisions

  • Bottom-nav icon labelled “Home” for instant recognition
  • Four main action cards for rapid access to daily tools
  • Buddy avatar at top to remind users of their companionship

What It does

Bite-sized, personalized audio lessons organized by topic and healing stage, with clear duration and play controls

Design Decisions

  • Horizontal pill navigation lets users switch topics without leaving the screen. Topics are ordered based on onboarding selections to deliver personalized content.
  • Play buttons and duration so users know what they’re signing up for

What It does

Anonymous forum where users can browse or join discussions on common breakup challenges, share stories, and find peer support

Design Decisions

  • List-style topics to feel familiar (like forum threads)
  • “Join conversation” CTAs prompt active engagement
  • Anonymity note at bottom to reassure privacy

What It does

User settings hub: swap your healing buddy, set daily check-in reminders, and review personal data to keep the experience tailored to you

Design Decisions

  • Swap-out buddy at top to reinforce personalization
  • Toggle & time picker for reminders so it’s clear and easy to adjust
  • Export data CTA to easily export journal entry data from the app

Repose: Grounding Hub

A central dashboard of mindfulness exercises – breathing, affirmations, habit tracking, and journaling – designed to help you stay present and build healthy routines.

What It does

A guided, timed breathing exercise with a simple countdown to help users calm their nervous system and reduce anxiety.

Design Decisions

  • Countdown in large type to focus attention
  • Single “Start” button so there’s no ambiguity
  • Card layout matches other Hub tools for consistency

What It does

Series of positive, self-compassion statements presented on screen or via voice to counter negative thoughts and boost mindset.

Design Decisions

  • Microcopy in quotation marks to signal “self talk”
  • Secondary “Play voice” CTA so users can choose reading vs listening

What It does

Daily checklist for small, customizable actions (e.g. drink water, take a walk) that encourages building consistency through streaks.

Design Decisions

  • Inline “Add new habit” button at bottom so building a list feels natural
  • “X” icons on each item for quick removal followed by confirmation dialogue
  • Streak language (“Start your streak!”) to gamify

What It does

Dual-mode journaling (free-form mood journal or prompt-based session) for users to reflect on feelings, track patterns, and gain insight.

Design Decisions

  • Two tabs (New Entry / History) to separate creation from reflection
  • Supported both mood-based free journaling and guided-prompt journaling so users can choose their preferred reflection style

NExt Steps & Reflections

Other Projects

Psychology Driven Strategy for a Breakup Healing App

Qualitative Research Methods | Customer Segmentation & JTBD Mapping | Research-Strategy Translation

Designing A Breast Cancer Diagnostic Tool for Radiologists

Quantitative Methods | Machine Learning & Data Visualization | AI Based Prototyping