top of page

Reco is a digital ecosystem used by rehabilitation centers to help patients suffering from paralysis through their recovery process after undergoing a non-invasive treatment. The system uses groundbreaking EEG technology from the UCLA Health Department.

I was responsible for user-research, interaction design of products, prototyping the digital components, as well as rapid prototyping during usability tests. I continued to work with a UCLA engineer after the project in order to fine tune the digital product experience.

Reco 

User Experience, User Interface, Product Design

Project Members : Christine Xiang, Klaire Tsai, Kiki Wang

2019

reco_7.jpg
reco_6.jpg
reco_web_1.jpg

At the rehabilitation center with the therapist

reco_5.jpg
reco_4.jpg
reco_3.jpg

Using Reco devices at home independently

How the system works.

Paraplegic patients access RECO via their Rehabilitation Centers. The Rehabilitation center rents out the device to the patient and takes them through a recovery program. They take the device home once they have learnt to use it effectively.

reco_website_2019_1.jpg

Common, Costly, Painful

Focusing on

Recovery Period

Patients recovering from paralysis typically undergo a long recovery process that may take years for them to adjust to. We interviewed 15 participants who currently suffer or suffered from paralysis. We asked about which part of the recovery process they had the most difficulty with and mapped out their current user journey.

12 out of 15 participants felt that the period of having to go to the rehab center frequently for exercises was the most difficult period to adjust to. Having their independence lost all of a sudden really affected them.

We decided to focus on the period immediately after they have undergone treatment and are going for physical therapy sessions frequently the rehab center. We also wanted to focus on how they could independently use our designs at home.

reco_7.jpg
reco_6.jpg
reco_4.jpg
reco_5.jpg
reco_webbbbbb1.jpg

Design Criteria

Based on studying the different types of paralysis, understanding the technology, insights from user interviews with paraplegic patients and physical therapists, and various posture studies, we decided on a design criteria for the various RECO devices. Overall, the devices had to be cost-effective and give patient's their independence.

designcritera_Reco_web_2019_2.png
Screen Shot 2020-01-07 at 6.44.23 PM.png

Reco Patch

Designing a modular, flexible form for personalization.

We worked with electrical engineers to understand the technological requirements as well as patient’s needs to design the form. 

reco_web_2.jpg

Reco App Design Criteria

Designing for easy readability and workflow

reco_app_criteria.png

Methods used to assess design:

Indirect and direct competitive analysis

Contextual inquiry at therapist's office

Usability testing with low-fidelity to high-fidelity prototypes

 

Issues & insights with current interfaces:

  • A phone app does not work well with the therapist’s workflow. They need to be viewing multiple sets of data in reference to each other. 

  • Therapists have to go back and fourth in between tests to input data and record data into the computer with current medical systems.

Reco App

_reco_interaction_2019.jpg

Key Interactions

Reco Transmitter

Designing for independence.

1.

Therapists select which electrodes should be active.

 

They store it under a new mode (eg. Excercise1 ) for easy access after.

2.
Therapists adjust the channels.
ipad_mock_skeleton.png
3.
Therapists can record and replay EMG data while patients are doing small tasks.
ipad_mock_skeleton.png
ipad_mock_skeleton.png

Reco Transmitter

Designing for Independence.

reco_web2.jpg
reco_amazon.png
reco_t5gd.jpg
reco2.jpg

Brand Guidelines

Designing for the medical industry

We did a mar­ket analy­sis of the var­i­ous health­care brands to bet­ter un­der­stand the in­dus­try. Trust is crit­i­cal. We trust health­care providers with our lives. That’s a huge re­spon­si­bil­ity, and one that prompts us to look for pro­fes­sion­als who em­body trust, au­thor­ity, sta­bil­ity and tran­quil­ity. 

The health­care in­dus­try re­lies on blue as a pri­mary provider more than any other in­dus­try. Blue rep­re­sents clean­li­ness, pro­fes­sion­al­ism and calm­ness. In or­der to give the brand some per­son­al­ity, we added or­ange as a sec­ondary color. Or­ange gives off a warm, in­vig­o­rat­ing tone, yet has a sense of ur­gency.

reco_spine_2019_brand.png

Typography, Color and other UI Elements

bottom of page