The Poison Apple
Cooperating with NYC First, STEM Kit for Middle School Student
Packaging, UI/UX Design
Ideation
-
Testing with the Original Design
We played with NYC First’s original stem kid to get familiar with the project and learn from their way of giving instruction and game design. Together as a group, we listed pros and cons based on our experience and aimed at improving the experience with more visually-appealing and continuous design of gaming.
-
Storyline
I was inspired by the creation of the Poison apple in the classic fairytale, Snow White and the Seven Dwarfs. The making of the poison apple would be the thread of the whole game. The experience is about navigating the castle and make the poison apple. The kids would light up LEDs in the process and learn about basic coding.
-
Research
I researched into some paper maze design and lamp design for inspiration and decided to design a maze-like box for the kids to follow different activities step by step. The final result would be a fordable apple lantern.
Design
-
Activities
Each activity is paired with illustrations as instructions. There are also simple written instructions and trouble-shooting tips provided. The kids can folllow each step and finish the tasks.
-
APP
An APP developed with figma helps give the instructions. Each page is numbered and devoted to a specific activity. The navigation is scrolling and clicking, easy and naturally for the kids to folllow up. Gifs are added to give more fun.
-
Apple Lantern
The kids would make their own apple lantern at the last step of the game. The basic lantern is provided. They can assemble and add on elements as well as design a lighting effect with coding. Choices are also provided in the instruction for them to choose.
Design
-
User-Testing
Near the end of the semester, I did a user-testing at Cornell Tech, NYC first STEM Center with 2 middle school kids. Based on my observation, I refined the APP with trouble-shooting pages and attached the component bags to the back of each card. For my next steps, I would consider the material of the box, the manufacture and packing, and create more lighting effect of the final lantern with Micro: bit.
-
Techpack
A Techpack with detailed instructions is made. This is to provide information for real-life production if possible and I am still working on revising the product with the user-testing experience/