01. Overview02. Research03. Ideation 04. Design Iteration05. Final Design06. Reflection

01. Overview

Context: The Market

Coding is being recognized as a crucial skill, providing useful and transferable skills for today’s tech-focused world.

139,400

of computer programmer jobs opened in 2023

57.5%

of U.S. public high schools offer foundational computer science

5.8%

of students in 35 states were enrolled in foundational computer science

Data from U.S. Bureau of Labor Statistics and 2023 State of Computer Science Education

The Transition is Hard

Block-based coding language

Professional text-based coding language

Design Goal

Create a learning experience that helps K-12 learners transition to and master text-based coding languages.

02. Research

User Analysis

The platform's target users are K-12 students (ages 10-17) who are beginners in coding or coders looking to transition to a text-based programming language.

Competitors Analysis

To identify industry standards and market trends, I conducted a competitive analysis of over 20 coding and coding education platforms.

Online Platforms Dominate

75% of kids programming market

Interactive Learning

80% of the platforms utilize gaming elements

Visual Coding Language

Capability to run professional text-based languages

Data from Global Kids Programming Education Market Size and further research

How might we keep young learners engaged when learning text-based coding?

03. Ideation

Define the Appraoch

Define the Approach

04. Pivot to a New Approach

Research Methods

Conducted primary user research, with K12 students. To understand specific pain points, learning preferences, and motivations of young learners when studying text-based coding.

📄 User Surveys

Quantitative + Qualitative Data

• Coding experience
• Learning preferences (methods, tools)
• Challenges and pain points
• Motivation
• Desired features and supports

💬 User Interviews + Observation

In-Depth Qualitative Data

• Code learning experience
• User journey
• Challenges and pain points
• Motivation
• Desired features and supports

"I cannot fix the error and get stuck for an hour.
Finally I just give up."

- User Feedback

User Research Insights

Debugging

Debugging reveal to be the top challenge and frustration for users (90%)

Real-time support

85% of participants stated they mostly practice on their own and needs real-time support

Syntax errors

Syntax errors are frequently encountered by beginners

Tailored instruction

Users are looking for specific, personalized instruction for different topics and cases

Solution

Ideation & Decision Matrix

Features

05. Design & Iterations

User Flow

Low-Fidelity

Feedback from Internal Team Validation

06. Final Design

View Prototype in Figma

Coding Panel

AI Assistant

Console Panel

Style Guide

07. Reflection

Results

The code editor's performance in the incremental feature release:

+7.3%

increase in User Satisfaction Rate

+10.8%

increase in Task Completion Rate

Reflection

🚸 Designing for a special persona

• Discover users’ true needs through primary research
• Data informed design & validation
• Consider different design approaches

🤖 AI Interaction

• Efficient AI experience
• Educate users and manage expectation