Math DJ

Design System

,

Product Design

,

Design Research

,

UI

2024

Schoooool x Amplify

Math & AI

This season, Math DJ introduces artificial intelligence to mathematics teaching through an easy to use problem creator.

Role

As a designer, my role is to establish a cohesive, flexible framework that ensures consistency across all components, from user interface to interaction patterns.

As a designer, my role is to establish a cohesive, flexible framework that ensures consistency across all components, from user interface to interaction patterns.

Math DJ is a flexible, AI-driven word problem generator that allows teachers to input specific parameters to create tailored math problems in the engaging style of a Mad Libs game.

Math DJ is a flexible, AI-driven word problem generator that allows teachers to input specific parameters to create tailored math problems in the engaging style of a Mad Libs game.

Prep before class

Prep before class

Prep before class

Before class teachers can use the Math DJ to create worksheets or singular word problems to use within a lesson.

Before class teachers can use the Math DJ to create worksheets or singular word problems to use within a lesson.

Before class teachers can use the Math DJ to create worksheets or singular word problems to use within a lesson.

Launching class

Launching class

Launching class

To launch class teachers can create a contextual word problem to display in front of class for students to engage with as they come into the classroom.

To launch class teachers can create a contextual word problem to display in front of class for students to engage with as they come into the classroom.

To launch class teachers can create a contextual word problem to display in front of class for students to engage with as they come into the classroom.

On the fly, in the midst of class

On the fly, in the midst of class

On the fly, in the midst of class

During class teachers can use this tool to create a word problem that builds on classroom discussion or helps illustrate a point that might need extra focus.

During class teachers can use this tool to create a word problem that builds on classroom discussion or helps illustrate a point that might need extra focus.

During class teachers can use this tool to create a word problem that builds on classroom discussion or helps illustrate a point that might need extra focus.

Why we created Math DJ

1

2

3

4

From design to engineering, back to design

From design to engineering, back to design

From design to engineering, back to design

To ensure consistency, efficiency, and scalability in creating cohesive user experiences across products and teams.

To ensure consistency, efficiency, and scalability in creating cohesive user experiences across products and teams.

To ensure consistency, efficiency, and scalability in creating cohesive user experiences across products and teams.

Madlibs in workflow

Madlibs in workflow

Madlibs in workflow

String generative steps together to create on auto-pilot for users to work off the same word problem without re-writing all parameters.

String generative steps together to create on auto-pilot for users to work off the same word problem without re-writing all parameters.

String generative steps together to create on auto-pilot for users to work off the same word problem without re-writing all parameters.

Testing with teachers in the classroom…

Testing with teachers in the classroom…

Testing with teachers in the classroom…

Kristin Gray(Executive Director of Math suite from Amplify) has demo'd and gathered feedback from teachers in the class room using the Math DJ technical prototypes

Kristin Gray(Executive Director of Math suite from Amplify) has demo'd and gathered feedback from teachers in the class room using the Math DJ technical prototypes

Kristin Gray(Executive Director of Math suite from Amplify) has demo'd and gathered feedback from teachers in the class room using the Math DJ technical prototypes

"This would be a great tool to make practice worksheets with subjects that students like, unlike a lot of curriculum problems and practice worksheets you find on the internet. "

"This would be a great tool to make practice worksheets with subjects that students like, unlike a lot of curriculum problems and practice worksheets you find on the internet. "

"This would be a great tool to make practice worksheets with subjects that students like, unlike a lot of curriculum problems and practice worksheets you find on the internet. "

"I love the focus on word problems because they are always such a struggle, especially step-2"

"I love the focus on word problems because they are always such a struggle, especially step-2"

"I love the focus on word problems because they are always such a struggle, especially step-2"

"Wow, can we use this?"

"Wow, can we use this?"

"Wow, can we use this?"

"This is so cool."

"This is so cool."

"This is so cool."

"I can see myself presenting a 'morning work' problem. The functionality allows me to enter subjects that relate to our ELA book or Science topic and address the math we are working on. "

"I can see myself presenting a 'morning work' problem. The functionality allows me to enter subjects that relate to our ELA book or Science topic and address the math we are working on. "

"I can see myself presenting a 'morning work' problem. The functionality allows me to enter subjects that relate to our ELA book or Science topic and address the math we are working on. "

"I could use this during or after the lesson to put the math of the lesson in context. Then I could ask them which subjects they would like to use. "

"I could use this during or after the lesson to put the math of the lesson in context. Then I could ask them which subjects they would like to use. "

"I could use this during or after the lesson to put the math of the lesson in context. Then I could ask them which subjects they would like to use. "

Math DJ

Design System

Math DJ

Design System

Use these core guidelines to understand the Math DJ platform capabilities and learn how to customize the design to better serve the products and services.

Use these core guidelines to understand the Math DJ platform capabilities and learn how to customize the design to better serve the products and services.

Experience the prototype on Figma

  • Component Library

    Our components library and designed customization to the UI Kits

  • Experience

    Explains the flow of experience, process and features

  • Documentation

  • Component Library

    Our components library and designed customization to the UI Kits

  • Experience

    Explains the flow of experience, process and features

  • Documentation

  • Component Library

    Our components library and designed customization to the UI Kits

  • Experience

    Explains the flow of experience, process and features

  • Documentation

  • Styles

    A guideline to understanding user interface principles and creating a cohesive brand identity

  • Sandbox

  • Best Practice

    Design with empathetic language and integrate with capabilities like Claude 3.5

  • Styles

    A guideline to understanding user interface principles and creating a cohesive brand identity

  • Sandbox

  • Best Practice

    Design with empathetic language and integrate with capabilities like Claude 3.5

  • Styles

    A guideline to understanding user interface principles and creating a cohesive brand identity

  • Sandbox

  • Best Practice

    Design with empathetic language and integrate with capabilities like Claude 3.5

Credit

Amplify

Wrong Answer Lab

Schoooool

Engineering: Nicky Tesla

Design Direct: Andrew Herzog

Designer: Val Yang

Math DJ

Math DJ

Work @

Schoooool

Year

2024

Type

Design System, Product Design, Design Research, UI

Math DJ

Math DJ

Work @

Schoooool

Year

2024

Type

Design System, Product Design, Design Research, UI

Math DJ

Math DJ

Work @

Schoooool

Year

2024

Type

Design System, Product Design, Design Research, UI