Interaction Designer
Sante-coverphoto_v2.png

Cancer Survivor Care

DeSigning for Health

Sante-coverphoto.png
 
 

Context

Myself and Interaction Designer Catherine Legros worked on this project in Spring 2018.  We were selected to present to the ECUAD end of the year Health Design Lab Showcase. 
 

Responsibilities

Sketching, Conducting Primary & Secondary Research (User Interviews, Proxy User Tests, User Tests, Mood Boards), Ideation, Storyboarding, Prototyping (Paper, Flinto, After Effects),  Wireframing , High Fidelity Mockups (Sketch, Photoshop), Custom Illustrations (Illustrator, Photoshop), Presentation (InDesign, Google Slides)
 

 

 

 
goodhands.png

Problem Space

This project began with my dad, who is in recent remission from cancer. In the months after he finished treatment, I became aware of a gap in care, where patients go from constant check-ins and progress tracking to going months between check ins. Meanwhile they’re still feeling lingering side effects and wondering if they’re getting better or if the cancer will come back. 

I wanted to fill this gap in care. Santé is a service to support cancer survivors post-treatment — helping users set priorities for their recovery, and reduce recurrence.
 

Design Goals

Contextual approach: Engaging in the day to day, contextual onboarding, acknowledgment of fluctuating mental and physical states. 
Dynamic yet rational: Steering away from the clinical, a breath of fresh air from medical visits, balancing comfort and progress, grounded in reality, adding a human touch.


 
App-overview.png
mealbox.png

 
HDL-presentation3.jpg

 

Design Research

I interviewed patient experts from Vancouver Coastal Health and Oncology Dietitians from BC Cancer, as well as cancer survivors to ground my designs in reality.

This design solution follows a person based model of health care, with a focus on nutrition, exercise, and emotional and spiritual support, which work in conjunction with medical care to fight recurrence.

 

 

Design Process

Over the 4 month semester, we let primary research dictate our design directions, always willing to abandon our darlings if they weren't validated through testing. 

Based on a Center for Human Technology study, which shows that apps that manage time efficiently like calendars make people happiest, whereas social networks tend to leave user feeling more unhappy after use. As we were establishing the central focus of our service, we wanted to design for user happiness, so we decided to create a place to focus on each day at a time, and avoided creating an online social community. 

Image uploaded from iOS (1).jpg
card-detail.JPG

27.jpg

Illustration process

Custom illustrations provided a breath of fresh air from the generic smiling stock photos in most cancer patient aids. 

After testing different illustration styles with users, I chose to move forwards with these whimsical, Keith Haring like, thumb-figures.  I iterated through many options, settling on a muted, but multi-colored palette with a sketchy fill. 

 

 

 

 

Making UI more human

Striving to keep our design human-centric, reassuring, and non-clinical, we focused on adding human touches to the UI in the form of custom illustrations and motion design.  These add up to enhance the user experience, making it feel less machine and more human. 

 

1-ANIMATION (2).gif
illustration-iterations.JPG
 
New Doc 2018-04-26.jpg
 

Motion Design

Motion can enhance an experience and make it feel more human. It brings personality to clean UI and signals to users we're invested in the details. 

Motion was also able to transform a necessary (but lengthy) onboarding questionnaire -- where users fill in a medical and preferences to personalize their suggested meals and activities --  into an engaging reflection quiz.  

 
onboarding.gif
 
event details v2.gif
 
onboarding1.png
 
month view.png
 
3 copy 28.png
onboarding2.png
 
dashboard_physio.png
 
3 copy 30.png