ExtraLargeTransparent.png
photo 4.JPG

Time Frame:

Two Week Group Project (London, April 2014)

Skills Used:

Card Sorting, Sitemapping, Competitor Analysis, Feature Analysis, Sketching, User-Flow, User Journey, Lo-Fi Wireframe, Hi-Fi Wireframing, Paper Prototype, User Testing, Clickable Prototype using POP app.

My Role:
User Interviews, Persona Creation, Logo Design, Wireframing, Prototype Creation.

View Prototype He

Brief:

With the popularity of mobile payment apps, like Square, Foursquare realizes there is a huge market opportunity they are missing out on. Foursquare wants to start with an MVP - the smallest feature set that is valuable to users.
• Understanding how people use Foursquare currently, and how people make payments in physical locations, design the key screens using the current look and feel of Foursquare.

Research:

We began by researching Foursquare.

We began by researching Foursquare.

We then created questionnaires to send out to potential users.  From these results we also pulled out a few current members of FourSquare to Interview.

We then created questionnaires to send out to potential users.  From these results we also pulled out a few current members of FourSquare to Interview.

From our results we were able to start creating personas.

From our results we were able to start creating personas.

Competitor Analysis:

Researching competitors that are currently implementing a payment system helped us analyze features that we could incorporate into FourSquare Wallet.

Personas:

Our personas helped us to have a better understanding of how FourSquare wallet would be part of a users interaction with FourSquare.

John is a single dad of a daughter who is starting secondary school. He is comfortable with online shopping & likes it because it is easy. Now that his daughter is getting older she is having more input into outfit choices.

User Flows:

User Flow Gallery. Please click images for more details.

Lo-Fi Wireframes:

Sketches helped us think out what we would test and adjust from the FourSquare interface. We wanted to maintain the same structure and integrate the qualities that FourSquare users are comfortable with and enjoy. From our sketches we were able to create a clickable prototype to test using POP, after testing we included iterations into our medium fidelity wireframes using Omnigraffle. We tested with these wireframes again using POP then moved on to higher fidelity wireframes using Photoshop.

After several iterations of our wireframes we were able to test our prototype with several current users. 

After several iterations of our wireframes we were able to test our prototype with several current users. 

Hi-Fi Wireframes:

These wireframes were created using Photoshop. Later they were imported into POP and used them to test with more users.

Click photo to view prototype

Click photo to view prototype