Project Overview

I collaborated with a University of Washington HCDE team to enhance the Quit2Heal mobile app in partnership with Fred Hutch Cancer Research Center, targeting teenagers (13-17) struggling to quit vaping.

‍

Our Team

‍

Final Design Showcase

Check out our final design showcase video below!

‍

User Happy Path Walkthrough

1.0 Research walk through

1.1 Background

1.2 Competitive Analysis

I analyzed various products related to quitting vaping, including the existing Quit2Heal application. I've summarized the strengths and weaknesses for each product.

1.3 Design Question

Drawing from stakeholder requirements and thorough background research, we crafted our central design question as the 'How might we' statement.

‍

1.4 Design Process

t begins with comprehensive Research, leading to innovative Ideation. The Design phase refines ideas with user feedback, culminating in the Prototype stage where high-fidelity models undergo testing. This process ensures user-centered, effective, and aesthetic outcomes.

2.0 User Research

2.1 Interviews

We conducted Semi-structured Interviews to gather insights into users' backgrounds, their reasons for using Quit2Heal, and their feedback on its functionality. Our primary audience, tech-engaged teenagers who vape, constantly evolve in their online interactions. This research not only corroborates our earlier studies on youth vaping but also offers a deeper understanding of teens' perspectives and evaluations of the product. Through this endeavor, we aim to better grasp the reasons teens start vaping and their motivations to quit.

2.2 Analysis

We utilized a digital affinity analysis through Figma to evaluate the data gathered from our sessions. Initially, we outlined several categories aligned with our interview segments, such as onboarding, feature1, feature2, and so on. Each team member focused on a single participant, refining our interview notes and pinpointing the key insights within each category.

We also created a spreadsheet to compute the average 'helpfulness' scores, based on participant feedback, for each feature level.

2.3 Research Findings

We aimed to identify common patterns in the data to pinpoint the most prevalent issues.

2.4 Key Findings

‍

3.0 Design/Iteration

3.1 Information Architecture

We used a user journey flow to guide our feature design. This diagram not only maps out the steps users take while interacting with features aimed at quitting vaping but also highlights their motivations and needs at every stage. This understanding enables us to craft design solutions tailored to each step.

3.2 Wireframe

Following our creation of the information architectures, we identified four pivotal features for our design phase

3.3 Design Critique

In anticipation of our stakeholders testing the final prototype post-project completion, we recognized the inability to reconvene with teenage testers for our wireframe evaluations. As a solution, we leveraged the extensive expertise of our stakeholders in vaping cessation, seeking their feedback in our regular weekly meetings. Conducting these sessions via Zoom proved to be time-efficient and allowed us to gauge if our designs aligned with their expectations. The primary objective of these design critiques was to establish precise design directives and enhancements for subsequent project milestones.

‍

4.0 Final Deliverable

Final Style Guide

Prior to embarking on the high-fidelity design phase, we established a style guide to ensure cohesive design across our team's collaborative efforts. We opted for SF Pro text for typography to align with typical iOS app font sizes. Drawing inspiration from Fred Hutch's website for color themes, we selected #0D888B as our primary color for the app.

Final Video Showcase

‍