Overview

Gridlock is a fun, single/multiplayer puzzle game that engages kids mathematically and demonstrates the fun of math as they control the movements of a car over a series of rotating platforms.

My work on this project was heavily focused on the Interaction Design component, since the technology of HOW people interacted with the game was a HUGE component.

You'll see in the process timeline below that the technology component became simplified and we focused on the gameplay/puzzle elements:

  • Learn about rates, angles, trigonometry and pythagorean theorem
  • Navigate 3D-printed wifi-controlled cars across a life-size coordinate grid
  • Avoid obstacles and use math to calculate the optimal route to travel
Design Strategy
Working on a very tight timeline, we jumped immediately into sketching out what the experience would be like. We also started production on the things we KNEW we needed, like the car and mechanical rotating platforms.
1

Brainstorming produced this flow: people would use their devices to access a URL and control our manipulable car, rotators, and doors via wifi.

2

Participant Journey Map helped us better understand the complexity of the interaction system we were designing.

3

Further sketches explored different approaches to the Goal and Locked Gates.

4

We began building/3-D printing and programming what we absolutely KNEW we needed: the Car, Rotators, and Back-end Platform for basic functionality.

5

The rotators could be controlled via a device through wifi.

Rapid Prototyping: The Puzzles
We worked fast to prototype the gameplay. I gathered a group of coworkers to test the puzzles in paper/marker form, and on the physical board with cardboard stand-ins.
1

Puzzles were sketched and playtested on paper to determine the best way to build single and multi-player games.

2

This Rapid Prototype proved to be the most helpful way for people to test the puzzles, prior to us cutting holes in the foam game mat.

3

A live Rapid Prototype was put together when the foam mat was finished. We explored the idea of having a magnetized car collect magnetized objects.

4

I embedded the rotators in foam cutouts, level with the grid surface. Holes were cut based on paper prototypes of the puzzles. The goal and barrier pyramids were made from leftover foam.

Developing The Interaction Experience
Another key part of the game was the main interaction touchpoint itself, the controller. The initial concept centered around people using their own devices over wifi, but that was all simplified to focus on specific devices for each manipulable.
1

Usability Tests were conducted on a basic UI to refine what was feasible.

2

Fixed kiosks (one for each rotator and car) simplified the design. We shelved the idea of personal smartphone use.

Live Testing & Release
With everything simplified, we brought the game to the Orange County Auto Show. Over the course of two days, people played the game and we used each time as a usability test and made changes.
1

Observational Studies and Interviews were conducted on Day One to gather feedback on the puzzle layouts and interface design. Both went through some minor iterations for improvement.

2

Usability Testing of the interface on-site resulted in minor modifications to the sensitivity and snapping values of angle and distance increments.

3

Usability Testing of puzzles led to a refined learning path that gradually increased in difficulty yet properly set up players to learn the game mechanics in an intuitive way. The puzzles supported single and multi player formats.

Project Complete!