Design Document: Pixel-Art-Arithmetic-Puzzle

Storyboard of the Learning Experience


Sample Pixel Art Arithmetic Puzzle Worksheet


Design Process

Why/how you arrived at your concept

It was during the brainstorming of how to teach geometry in a more motivating and rewarding way based on Constructivism, some students proposed using blocks to visualize the area of certain shapes. Then an interesting idea came to our mind that those blocks could also be used for arithmetic learning.

We also borrowed the idea of the crossword, a classic 2D puzzle game that is still played by a lot of people. And then we try to combine the feature of pixels and crossword together.

Designing Process

  1. Designing the narration that leads to the goal of the learning experience: it should be directly pointed to problem-solving. The mission was designed as “finding Doraemon’s pocket”;
  2. Finding the source image of pixelized Doraemon:
  3. Using Adobe Photoshop to create the x-axis with alphabetic letters, and y-axis with numbers. Cover the “pocket” up with white pixels.
  4. Designing the worksheet according to arithmetic learning goal for Grade 3.
  5. Creating the storyboard describing the pain point, learning experience and the learning goals.

Anything you learned/might do differently next time

Sang: Design for older target audiences

Claire: Designing learning experience with the single element (static visual design) is not an easy job. All the original ideas that I had in the beginning were more like a combination of sound, visual design with interaction. I hope I will get more inspiration by looking at other people’s work. Next time I might want to leverage the colors of graphic design and make a map related project for languages or improving environmental protection awareness.

Share Post :

More Posts