Reability Games

 

The Motion system improves the patient’s motor, cognitive and functional abilities. The system uses an off-the-shelf 3D camera to analyze the patient’s movements while practicing a variety of functional tasks and games, in order to verify accurate functional motions.

My job was to redesign an existing system in order to improve the patient’s experience and communication with their therapist. I followed the creation and implementation process closely alongside project managers and inspected the design quality of every version. Additionally, I played a large role in inventing new games and implementing them creatively, centering on the motor functions of the patient.

 

 

 

01

Description

The purpose of the system is to help stroke patients rehabilitate from home by performing motor control exercises and training with their therapist, using basic equipment such as a computer and web camera, with no need for clinics.

 

    My Role 

02

The Challenge

The main challenges in creating the system included:

  • Building a suitable design language for the patients
  • Creating a navigation tool accommodating the impairments of patients
  • Designing illustrations and animations

 

      Project ID

03

The Research

Usability

In order for the therapist to keep track of the patient’s performance metrics, all games are controlled solely by the hands. It was therefore important to design an interface with suitable navigation and interaction tools. 

The following were taken into consideration:

  • The buttons must be large enough to allow users to read their content even with the cursor hovering above.
  • As users are patients with impaired motor functions, buttons were separated as much as possible to avoid navigation errors. Additionally, each button is characterized by a different color and icon

 

Navigation

To accomodate the needs of the patients, I designed a special navigation tool ensuring that once a patient hovers over a button, a 3 second visual timer is automatically activated before the action is taken. This method will help reduce user selection errors.

 

04

User Flow

05

Wireframes 

06

Visual Design

I designed two types of systems: one for the patient and another for the therapist. The patient’s system, adapted to the resolution of the home screen, one that is controlled by the costumers hands and a 3D camera. This was created to check the cognitive and motor skills of the patient. The therapist’s system, adapted to a computer that allows communication with the patient, adjustment of level of difficulty, scheduling appointments, collecting data on the case, and of course- determining the status of the patient.

 

PATIENTS SIDE

Fredoka One

Color Pallete

   Icons

THERAPIST SIDE

   Icons

                          Roboto

                           Color Pallete

07

UI Mocks

 

PATIENTS SIDE

Games Lobby

The illustrations on the covers of the games are simple and clear, all designed using three colors and distinct geometrical shapes.Games open after a 3 second timer in order to make clear that the patient is entering the game. The chosen game will appear darker under the timer and have a glowing effect.

Connection Request

The patient must adhere to a 3 second timer when navigating within the system in order to prevent any mistakes caused by their impairments. In the case above, the patient is receiving a video call request from their therapist which they can decline or accept. If the patient fails to respond within 10 seconds, the request will disappear from the screen.

Pain Level

Every two weeks, the patient will receive an interactive questionnaire about their pain level. The pain measurement scale includes six levels, each with its matching emoji and description.

Bicycle Game

 The game simulates cycling using a spinning machine. The screen is designed to maximize the feeling of riding a bicycle. To the left of the screen is a speed indicator matching the speed of the video, in the center are three indicators measuring distance travelled, speed and calories burned. In the top right corner, I designed the patient’s cycling route. All parameters are calculated using a depth camera.

THERAPIST SIDE

Treatments Screen

To the left, I positioned a bar listing the patients available to connect with the therapist. Above, I created a counter showing the total number of patients and a search bar.

 

Full Treatment

Once the request is accepted, the therapist will see a broadcast of the patient’s screen and thus be able to guide them live. At the top of the screen are three controls: hang up, settings and mute.
 A maximum of four patients can be treated simultaneously. In order to treat a new patient, the therapist must first end one of the calls.

Patients List

In the “patients list” tab, the therapist has access to all the patients in the system. In the upper left corner, I placed a bar organizing all patients by their current status – with five status options. In the center of the screen I created a table recording the patient’s days of activity in the past week, as well as an indicator showing if the patient had contact with the therapist (TR) or performed the activities alone (V).

THANK YOU
FOR WATCHING!