Egyptian Rat Screw


Overview

In the Spring of 2017, my friend, Jackie, and I programmed Egyptian Rat Screw in Java for a final project in our Computer Science class. Jackie developed it further to publish it to the Google Playstore, asking me to design the user interface and experience. I wanted to tackle specific issues with the user in mind – readibility of small cards on a mobile screen and trying to mimic the slap action that happens with physical playing cards.

Developed by Jackie Peng. Coming soon to Google Playstore.


Tools

Adobe Illustrator

Colors

The three main colors, green, yellow, and red are inspired by street lights. The green represents playing a card, the yellow represents slap action, and the red represents burning a card, or, go, slow down, stop!

The base colors are based on classic playing card colors, black and white. My version of the colors are desaturated and flat to create a simple and modern look.

Typeface

I used Lato, a sans serif font, to further push the idea of a classic game with a modern twist. I also chose Lato because while it is clean and round, it also has a slight hard edge to it - emphasizing the slapping and speediness of the game.

YOU WIN!

Icons

I created icons that dictate user experience in the game. To play down a card, the user presses the play icon that is on the right hand side. To slap, the user pressed the hand icon, on the left hand side. The cancel icon is used for burning a card on an incorrect slap.

Cards

I wanted to focus on user readibility of cards. Physical cards are often designed with smaller text and display the icons according to number and suit. On a small mobile screen that is about the size of a physical card, the card has to be even smaller to display it on the interface. So, I made the number and suit the priority in each card for easier readibility.


Interface

Adding all the elements above together, this is the final interface I designed. I intentionally made a simple layout for the game, making sure at every possible screen and game situation, the least amount of elements are on the screen to reduce clutter for the user. The play button is on the right hand side because in real life, players place the card down with their right hand. While slapping is also commonly done with the right hand, the slap button was placed on the left, simulating typical game play of using both hands.