* I am currently still working on this project! Stay tuned for new updates!

Family Photos in the Digital Age

Project Length: 2 weeks ( currently being updated ) 

Project Date: 2015 

Key Role: game & interaction designer 

Collaborators: Colin Wilson, Ankita Akarker, and Lee Martinez

Goal: create a way for families to share photos with out having to get professionals photos taken 

Deliverable: mobile game 


What I made.

The goal of our family game is to share unique and interesting photos with your family.

The game has simple rules: 1. Player 1 (randomly selected) will receive a prompt and take a photo based on this prompt. 2. The rest of the players (up to 8) will take turns replying to each others photos with new photos, until a predetermined number of rounds has passed. Each player has 24 hours to reply before the player’s turn is skipped. 3. While players wait for their turn, they can comment on other players’ photos or send a push notification to remind players it is their turn. 4. At the end of the game, each player is mailed a physical book containing all of the photos and comments left by other players.

Screen Mockups

I made these mockups which allowed me to show the key screens that would appear in this game.

The UI of this app is simple and designed to fade into the background as much as possible so that the users’ content can shine. We chose the color blue to keep the app neutral and to use a well-liked color. The fonts and icons are designed to be slightly quirky and friendly because this is a game.

 

Prototype

I made this prototype which allowed me to try out some fun interactions that could be used in our app.

These interactions are simple and intuitive. We considered using large, fun and vibrant animations but decided to use subtle and whimsical animations.

This prototype was made with Atomic.io

 

 

 

Feedback Loop Diagrams 

These diagrams allowed my team to express the rules and actions of our game.

There are three diagrams shown here:

1. the feedback loop while it is your turn to take a picture

2. the feedback loop while you are waiting for your turn

3. the feedback loop about the overall experience


How did I get there?   

 
 

 

User Testing Round 1

We conducted user tests which allowed us to see the flaws in our concept as well as the rules we had written.

We ran three separate user tests during this project to test the overall concept as well as the rules of our game.

Things being tested:

1. Should players use physical or digital cameras?

2. What types of prompts should we use?

3. Should players take pictures independently or in reply to other players?

Things learned:

1. There was not a clear advantage between types of  cameras

2. The prompts should be creative and not too prescriptive

3. The game requires a minimum of 4 players to work well

 

User Testing Round 2

These user tests allowed us to see how our rules translated to a digital platform.

One of our team members gave their parents the rules and played the game for three days. We developed the the idea to include comments in the game when we saw that users were texting one another about their photos while playing.

Things being tested:

1. How many people are ideal for playing the game?

2. How long can players take to reply?

3. Should we support players responding to comments?

Things we learned

1. Prioritize keeping the game moving forward

2. Support people replying in a way that doesn’t seem like a

comment thread

3. Make the end result of taking one photo seem more satisfying

(delay is not giving fast feedback)

 

 

Wireframing

We created these wireframes to get a general idea of what the digital product needed to be.

These were our first starting point for the visual design of our product. While this was not the core deliverable for this project, we wanted to make sure we had fully considered the user experience.


Next Steps & Key Learnings

In the future I would like to create bigger and better visual designs as well as a more distrinict way to play the game with out investng in devloping an app.