Code Learning Evolution 💻🤸‍♂️

Improving the physical and cognitive well-being of young people by gradually integrating physical activity into their use of technology and specifically in coding to reduce sedentary behavior.

4.5/5

More than +12.000 customers

+12k

Timeline: 12 months

Role: Founder & UX Designer

Challenge and Goals

...

Click On Images to Explore

My First Startup

The Problem: My hypothesis about the cause of MY FRUSTRATION IN CODING was…

 

  1. Need To Memorize (Complicated)
  2. Monotony (Boring)
  3. Time Sitting Down (Sedentary)

My First Startup

The Problem: My hypothesis about the cause of MY FRUSTRATION IN CODING was…

 

  1. Need To Memorize (Complicated)
  2. Monotony (Boring)
  3. Time Sitting Down (Sedentary)

Insight

After months of research, I encountered that I was not the only one feeling that way! 

Muneera Spence in 2006 suggested that kinesthetic learners could represent up to 45% of the population.

 

Macro Keyboards

Initial Inspiration

Previous Prototypes

Inspired by Macros I explored all the posibilities for Human-Computer Interactions with Physical Products

Dance Dance Revolution

After several expert Feedback. The relation with DDR arcade game inspired the “Digital Product”

Value Proposal

How through design we can associate the study of codes with body movements?

 

What would happen if we turned learning to program into something fun and easy to learn?

Validation Studies

Three-month coding pilot at “Markham College” with fifteen top secondary students and expert teachers revealed several insights.

65% of Early Adopters Boost Engagement

“You have fun exercising while you learn”

“It helps you read the code because it highlights the words as you read them”

“I feel like it helps to include sports and to learn what moves to use with certain symbols”

65% of Early Adopters Boost Engagement

“You have fun exercising while you learn”

“It helps you read the code because it highlights the words as you read them”

“I feel like it helps to include sports and to learn what moves to use with certain symbols”

INSIGHT

A plugin version of the Webapp is necessary to prevent accessibility issues caused by switching between the Webapp and the CODE EDITOR.

IDE's

The most common “Code Editors” (Integrated Development Environment) are VSCode and Replit so If I wanted to continue, my product was not scalable.

 
 

Computer Vision

Using laptop cameras to Score the Moves and give instant feedback. 

 

Example of a project that came up during my research: Choreographic Interface by Harvard Researcher MDes Lins Derry

Dispersion Graph for
MVP 2

After receiving all the feedback from the Users and with the Empathy Map on mind, I find the Low-Cost High Impact Features.

Features Graph for MVP 2

After receiving all the feedback from the Users and with the Empathy Map on mind, I find the Low-Cost High Impact Features.

Full Study

This was my Thesis Bachelors Project in Peru (Spanish Version)