top of page

OCTO

Octo is an educational toy developed for kids (and their families) with congenital heart disease. The project was completed in collaboration with Dr. Amr El-Bokl and Dr. Guru Hiremath Mallikarjun of M Health Fairview Children's Masonic Hospital. 

Industry: Medical, Education

Role: UX Design, Digital Product 

Duration: 15 weeks

Cover photo octo.jpg

Background

Congenital Heart Disease (CHD) is a birth defect that is characterized by an abnormality in the structure of the heart such as a hole, missing parts, or a transposition. Severity of the defect affects the presentation of symptoms. As a result, those with CHD require frequent visits to clinic for testing.  Early medical exposure along with other environmental factors have the potential to adversely affect childrens’ mental health.

Project Goals:

M Health Fairview asked for an interactive toy for kids with CHD (ages 4-10). The goals of the toy are: 

1. Educate children about their heart and CHD. 

2. Prepare children for the experience of going to clinic. 

3. Demystify CHD and form positive attitudes about heart health.  

User Research

My partner Jessica Jenkins and I set out to understand our user, who is effected by CHD, and current solutions on the market. We started by making initial clinic visits to observe hospital spaces, talk to hospital staff and meet with parents/children directly affected by the disease. 

Screenshot 2024-07-22 at 2.56.39 PM.png

After initial user interviews and clinic-site visits we begin mapping out the child's journey of a clinic visit to gain insite on where we could have the biggest impact for our end user. What parts of the journey are the scariest? What are some common feelings and emotions come up during this experience? Here's what we came up with: 

Screen Shot 2023-06-09 at 12.41.22 AM.png

Market Research

Screen Shot 2023-06-09 at 12.52.47 AM.png

There are no CHD-specific apps on the market. However the hospital uses a proprietary app called Passport to University of Minnesota Masonic Children's Hospital. It offers little interaction (aside from a coloring board) and is mostly text. So there is an opportunity here to create something interactive, fun and make it into a game or story for the kids.   

PhotoRoom_20230609_170836 (1).png
Screenshot 2024-07-22 at 3.43.13 PM.png

Concept Development

Jessica and I worked closely together to develop moments of interaction between the physical toy and the digital app. After consulting with child-life specialists and the pediatric cardiologists, we narrowed our scope of the project to focus on the clinic visit and the most common experience included in such a visit: 1) Echocardiogram 2) EKG and 3) a blood pressure check. Additionally, the cardiologists wanted to  promote oral health, as this is highly important to prevent inflammation and infection of the heart. 

Storyboard

Octo emplores three key steps for child-learning: discovery, experience and play. The user starts in an 'open world' with the ability to self-direct and discover independently (both digitaly and physically). Discoveries lead to experiences deicated to learning (there is some goal to accomplish during the experience and is often guided through storytelling. These experiences are designed to facilitate play with the physical toy. Through user research, it was identified that children more accurately engage in play after learning about the toys in the digital app. 

Below is a visual storyboard from a presentation to stakeholders (our professor and staff at M Health Fairview). 

PhotoRoom_20230610_182747.png
PhotoRoom_20230610_182309.png
PhotoRoom_20230610_182121.png
PhotoRoom_20230610_182747.png
PhotoRoom_20230610_182309.png
PhotoRoom_20230610_182121.png

Physical Prototypes

Credit for physical prototypes attributed to Jessica Jenkins. The physical prototype includes soft, plush toys. Octo himself is plush with a cavity in his chest where the plush heart is stored. The plush heart is made of individual, pull-apart pieces. EKG "stickers", a blood pressure cuff, and ultrasound wand, and a tooth brush were developed with scannable heart decals to direct users to the digital, corresponding activity to aid in learning about these instruments and Octo's heart. 

PhotoRoom_20230610_182747.png
PhotoRoom_20230610_182309.png
PhotoRoom_20230610_182121.png
PhotoRoom_20230416_200259.png
PhotoRoom_20230416_193603.png

Digital Prototypes

Left: Ultrasound and blood pressure experiences.

 

Our design process included producing low-fi prototypes and then testing those prototypes with children. Digital prototypes included ultrasound, blood pressure, EKG and teethbrushing experiences. These experiences were presented on a touchscreen interface for iPad. 

In the ultrasound experience, users "rub" Octo's tummy and give him a pillow to encourage positive user attitudes about the experience. Users then click and drag the stickers to Octo's chest and "examine" his heart.

PhotoRoom_20230416_194154.png
PhotoRoom_20230416_192040 2.png

Digital Prototypes

Left: EKG and teeth brushing experiences. 

During conversations with the medical team we learned of the importance of oral health to the prevention of congenital heart disease complications. Therefore, I created an augmented reality where the user "mirrors" Octo to help him brush his teeth. 

  • Instagram
  • LinkedIn
  • Behance

612.300.7786

Houston, TX

© 2024 by Jonathan Jakubas

PhotoRoom_20230610_182747.png
PhotoRoom_20230610_182309.png
PhotoRoom_20230610_182121.png
Screenshot 2024-08-08 at 2.56.06 PM.png

Second iteration

MyHeart Experience

Learnings from user testing showed that we were missing a key element in our product. Users were not uninterested in the plush heart accessory and there was no place within the digita app to learn about the heart. Therefore, the MyHeart experience was created. Inspired by a typical jigsaw puzzle users drag and drop elements onto a heart-shaped outline to learn what each part of it's anatomy is resposble for. 

Screenshot 2024-08-08 at 2.03.16 PM.png

Our user testing set up. 

IMG_1760 (1).jpg

The AR "Teeth Brushing" Experiences was well recieved by our little participants. 

IMG_1781 (1).jpg

Some kids had questions about the physical toys in the doctor bag, which were explained in the app: what they are and what they're used for. 

IMG_1783 (1).jpg

Children played with the products in pairs in which each child could test out both the plush physical toy and the digital app. 

Hero shot octo 1.png
Screen Shot 2023-04-30 at 9.54_edited (1).jpg

Many children recognized the blood pressure cuff, but had questions about the EKG stickers and the Echo wand. We observed that these questions were answered by following along with the digital app.

+ Strong correlation between physical toys and their digital counter parts.  

Children commented on the physical touch of Octo. They were eager to tactilely explore his accessories. In the digital app, children were happy to be able to "help" Octo by physically touching the screen. 

+ Kids expressed positive tactile experience from both digital and physical app. 

Kids expressed less interest in the heart. We realized that there was no digital counter part for them to learn about heart anatomy so this was an area we could imrpove on in the following iteration. 

- Not much interest in the plush heart. 

Users expressed positive attitudes towards the open-world concept in which they were able to freely direct themselves throughout the app. We observed users playing independently in the app and then engaging in the appropriate accessory. 

+ Positive feedback on self-guided learning

Key Findings from User Testing

Final Walkthrough

60tvu9ijskfv8dlvou8jn3cbac-4f06f1f76a08ee53e517fe01b58741d3.png

hover for volume

Awards & Honors

Octo was awarded top prize in the 2023 MIN-Corps MVP Challenge for "Best Overall Product". It was fully funded through MIN-Corps for prototyping and testing expenses. Click here to read more about the challenge. 

Jessica and I also recieved the 2023 College of Design Student Academnic Excellence Award in the Graduate Team Category. 

IMG_6537.jpg
Hero shot octo 1.png
bottom of page