XO Game Interface Design

I'm currently in process of creating a XO game with my team. The game is called 24. It is a math game where users will use four numbers provided and four operations (+,-,*,/) to get to 24.

Since the game is simple enough, the interface should also be simple for elementary students to figure out. We're finally having progress on the UI side of our project.

We had our first interface draft as a list of numbers, operations and follow by a spot for equations: Click me too see our first UI draft. The first issue that we ran into is that we're trying to figure out how to add parenthesis to the equation without adding complexity to the interface.

• If we "type" in the paranthesis in a queue order, we will have to delete all of the previous inputs since there're no cursor in the game.
• We can also add a button under each operation signs in the equation so when it's clicked, the paranthesis will be added to the current operation. This really adds complexity to the game and will not be as interesting.

Therefore we decided to remove the equation part and make the calculaton process on the number panel. This interface is much simpler and more like a game by removing the equation region and having the users calculate directly on the number panels. Please see Danny Nyugen's blog post to read about the current UI that we're developing.