Product Designer
AI-Learners

September 2022 - Present

A picture of AI-Learners accessible games across multiple devices.

Team

5 Software Developers
3 Product Designers
2 Business Marketers
2 Researchers

Role

Product Designer

Timeline

September 2022 - Present | Ithaca, NY

A picture of the AI-Learners team and I presenting at a Cornell Engineering Competition.
Overview

AI-Leaners is an Educational Startup that makes learning mathematics accessible, engaging, and personalized for students with diverse cognitive, physical and visual abilities through computer games and analytics. Today, other educational websites are inaccessible, unengaging, and impersonal to each student's unique needs and learning strategies. AI-Learners goal is to have all students PreK-2nd grade thrive academically.

AI-Leaners currently has 70+ mathematics games live on their website across PreK-2nd grade levels that are being used by 20+ schools and 300+ children all across the country.

As a UX Product Designer, my responsibilities include redesigning personalized computer games utilizing the common core math standards, collaborating with the software, business, and research team to optimize solutions, and developing user flows for parents to choose recommendations, customize the math difficulty and complete the math diagnostic.

Visit the website at ai-learners.com.

View website
Click through to view all abilities of this game
A game highlighting how it physically accessible, as the interaction is clicking.

Physical Abilities

After interacting with students and talking with 4 physical disabilities experts, the interaction being a "Click" enabled this game to be accessible for most students, as those with weak muscles were able to successfully play this low movement game.

A game highlighting that it is visually accessible, as there is an addition of lines and a difference between the on and off lightbulbs.

Visual Abilities

Students are able to clearly visualize the difference between the "On" light bulbs and the "Off" light bulbs, as there is a color change and an addition of lines surrounding the top.

A game highlighting it is cognitively accessible, as it has clear instructions.

Cognitive Abilities

Creating clear buttons and to the point directions ensures that most students are able to understand the objective of these games and accurately play these unambiguous games.

Visual Abilities

When designing computer games for students with visual disabilities, I made sure that the text to background color ratio is strong and readable and took into consideration how those with specific visual disabilities might view each game.

A game highlighting two options, one that is more visually accessible than the other, as there is a difference in size between the selected item..

Counting Apples

When selecting an apple, there was disagreement among the designers over what the best way is: enlarging the apple or highlighting the apple. After speaking with 6 visual disability experts, conducting user research, and taking into consideration key visual design principles, we found that enlarging the selected apple is the best solution.

Enlarging the apple (Option 1) when selected makes the apple look visually different than the other apples. A change in color is not necessarily enough of a difference for individuals with visual disabilities, so this change in size of the apple is clearer for those with visual disabilities to understand.

Cortical Vision Impairments (CVI)

One specific visual disability that we focused on is Cortical Vision Impairments (CVI). Each individual with CVI might be able to view different specific colors better than other colors.

AI-Learners games in dark mode and light mode to accommodate those with visual disabilities. There is a specific CVI color palette.

Dark Mode vs. Light Mode

After interviewing 5 Cortical Vision Impairment Experts, we found that those with CVI prefer dark backgrounds with brighter text (specifically yellow and red). Therefore, we added the option for all students to choose if they want to play their games in Light Mode or Dark Mode. I created a specific Color Palette that the Dark Mode games would use, in order to insure that students with CVI can successfully play each game.

Physical Abilities

AI-Learners games are played by the student themselves, so it is important that the majority of students are bale to play these games without assistance. In order to make sure that each game is accessible, they need to require low hand movement and effortless activity.

Pictures game designs showcasing the difference between "Click" and "Drag", highlighting physical disabilities.

Dragging vs. Clicking

This engaging Pepperoni Pizza game has the goal of helping all students learn how to count. After interviewing students and talking with 4 physical disability experts, having the interaction be "Drag" excludes those with physical limitations. Students with weak muscles struggle with holding down and moving on the key pad for an extended period of time.

Changing the interaction to "Click" enables this game to be accessible for more students.

Responsive Designs

The entire AI-Learners website and all of the personalized computer games are responsive. Students are able to use desktop, mobile, and ipad devices.

Pictures of game designs across multiple devices.

When creating the designs, I took into consideration how each game and user flow would look across different device sizes. The desktop has hover abilities, while mobile has touch abilities. I made design decisions for the font size, spacing, number of answer choices, and placement of buttons when creating each design device layout.

Math Diagnostic

The algorithm uses artificial intelligence to recommend new games for each students to play and dynamically adjusts the level difficulty for students. Each game is personalized for each user. For new AI-Learners students, this math diagnostic helps customize the games by having the parent or teacher set the student's math difficulty from the beginning, ensuring that all the recommendations are lined up with the student's current math abilities.

A video of the prototype showing users how to use the Math Diagnostic Feature.

When designing the Math Diagnostic flow, I prioritized the flow being accessible and intuitive. The low movement on and off switch ensures that only what the student is learning is shown.

All of the clear easy-to-understand questions relating to each topic is indented underneath the color coordinated header to make it visually understandable which questions go with which mathematics topic.

Awards

AI-Learners won the PepsiCo Award and the Sandia National Laboratories Award at BOOM 2023, a cornell engineering showcase.

There were over 30 Cornell teams competing and over 100 students, professors, and local residents attended the showcase.

View award
A picture of the AI-Learners team receiving the Sandia National Laboratories Award.A picture of the AI-Learners team receiving the PepsiCo Award.A picture of me presenting AI-Learners at Boom 2023.A picture of me presenting AI-Learners at Boom 2023.

AI-Learners won first place in both the Fichtl and Kermisch Innovation Award categories in the 2023 Cornell Engineering Innovation Competition.

AI-Learners won first place in the Ronald '57 and Frederick Fichtl '86 Innovation Award for the most innovative and best developed concept.
AI-Learners won first place in the Ron G Kermisch '88 Award for the most complex innovation with a physical prototype.

View award
A picture of the winning teams at the Cornell Engineering Innovation Competition.A picture of AI-Learners receiving the Fichtl and Kermisch Innovation Awards.A picture of the winning teams at the Cornell Engineering Innovation Competition.A picture of participants and I at the Cornell Engineering Innovation Competition.
Key Takeaways
  • You are NOT the user
    This was my first experience designing for a target audience that I was not apart of. It is important to prioritize the user and their specific needs when considering design decisions.
  • Accessibility, Accessibility, Accessibility
    Through researching the Americans with Disabilities Act, investigating inaccessible existing websites, and community with disability learning experts, it is necessary that all educational websites are accessible for all users of all abilities.
  • Product Design is Powerful
    By creating accessible designs, I have the power to make real positive impact on hundreds of students. This was my first experience designing a launched product that is actively benefiting individuals, specifically students, all over the country.
View website