Foursquare Wallet Presentation

Foursquare + Visa
Mobile Wallet
Rafaela Laus | Amanda Yarmolich | Chhunpora Rith | Aicha Doucoure
Student Project for General Assembly
User Experience Design Immersive Fall 2013
Tuesday, October 1, 2013

We created a mobile wallet that lives in the Foursquare app to
enhance the experience of existing Foursquare users by
allowing consumers to walk in a store and easily pay, keep
track of purchases and accrue reward points from repeated
visits.
The Challenge: Create a mobile payment system within
the existing Foursquare app.
The Solution: A mobile wallet.

KEY SCREENS AND FEATURES
https://popapp.in/w#!/projects/
524501e94c7a8a7a47002876/preview

PLANNING

DESIGN RESEARCH
Method:
We created a survey and received over 100 responses
from Reddit, Facebook, LinkedIn and Fitocracy, in addition
to our in-person surveys/interviews.We asked individuals
how they share information online, preferred social
networks, and financial behavior using web or mobile
options.
Findings:
10 of those that filled out the survey use Foursquare.
Almost all use the “big 3” social networking websites,
Facebook, Instagram and Twitter. In addition, we
determined that less than 5% use Google Wallet along
with other mobile payment options. Not many are aware
that mobile wallets exist, and for those that do, most
expressed concerns about privacy and security.
Opportunities Identified:
Create a trusted mobile wallet powered by Visa that lives
within the Foursquare app, which allows users to securely
store their card or account information. We narrowed
down the target market based on Foursquare’s current
users and potential users who are open to the idea of
using a mobile wallet.

APP FLOW

PERSONAS

CONCEPTUAL IDEATION

At work Opens Foursquare app
Finds a place at proximity
Reserves a table at Palomino for two
Selects arrival time
Greg is looking for a place to dine
with his girlfriend close to work... it’s already late
SCENARIOS
GREG

At Palomino
On arrival, Greg checks inThe host recognizes Greg
via picture
The hostess leads Greg and his girlfriend
to their table
Greg is ready for the check
Greg managed to work late and make his girlfriend happy!
Greg pays with his Foursquare WalletThe hostess sends the bill to Greg’s phone
Greg choses to receive the receipt via email
SCENARIOS
GREG

On the Train Opens Foursquare app
Finds her usual coffee shop page
Orders her usual coffee
Selects pick up time
Teresa is late & stressed
Pays with her rewards points via the wallet
Views her receipt
At home
SCENARIOS
TERESA

At Java Jungle Coffee Teressa checks in to notify she’s there
Madeline recognizes Teresa
via picture
iPad at Pick up Counter
Madeline hands Teresa
her Latte
iPhone buzzes to greet Teresa
Teresa is on time & happy!
SCENARIOS
TERESA

Method:
We ideated and sketched out possible user scenarios.
- The usual joints vs. finding new place
- New order vs. usual
- Dining in vs To go orders
And came up with the flowing user journeys:
AWARENESS
- Awareness of the new wallet service
SET UP AND FIRST RUN
- First time walk-through for existing and new Foursquare
users
- setting up an wallet account
CORE PRODUCT EXPERIENCE
- Finding a new or usual food location
- Navigating through the restaurant reservation system
- Placing a to-go order and setting the pick up time
- Paying via wallet dollars or rewards points
- Receiving the receipt
- Editing wallet payment information
Simplification of main menu: icon based, vs. sliding menu
Add more “human” touch to technology

DESIGN ITERATION | DESIGN HYPOTHESIS
FIRST ITERATION
Method:
Using our user research we set out to sketch our first
iterations of what we identified to be our key screens.
We tried to keep our users in mind in terms of
navigation, making sure everything was simple, clear,
and easy to navigate.
Findings:
From these sketches we didn’t conduct any user
testing, so this was more or less an exercise in
getting our ideas on paper and trying to work things
out. Technical details were worked out more in
OmniGraffle in Iteration 2.
This is more complicated than originally thought. We
decided that the in person experience would also be
important and we had to think beyond the app.

SECOND ITERATION
Method:
Based on our first user testing, we incorporated user
feedback and and added features. We converted the
paper prototypes into digital wireframes.
Findings:
We identified holes and irregular/ unnatural flows
based on user testing behaviors. Taking into
consideration the ease of gesture, and rewording
content for effortless scanning.
Keeping simple and straightforward directionality adds
to the ease of use of the product. Logos are an
essential element in keeping the noise level down
which in turn creates an elegant but deceptively
simple design.

PROTOTYPE
Method:
Using the POP app prototype, we ventured
around downtown San Francisco to test the
ﬂow of the app. We tested ~8 individuals to
identify any task confusion.
Findings:
Most people do not read and rely on logos
for comprehension. Most understand the
task and ﬂow of the prototype.
Eliminate half of the words and replace them
with logos. Less words complement ease of
use and replace some pages with pop-ups
to prevent clutter.

SITE MAP

Flow: Find Nearby
USER FLOW
GREG

Flow: Make Reservation
USER FLOW
GREG

Flow: Dining In
Greg arrives and checks in on foursquare... Meanwhile the host receives notice
of Greg’s check in.
Greg’s picture glows on the iPad app the restaurant has, the host recognizes
Greg and escorts him and his girlfriend to their seats.
USER FLOW
GREG
Bon Appetit!

Flow: Conﬁrm Transaction
They enjoy their meal and at the end of the evening the waiter asks if Greg would like anything else, Greg
replies no and the waiter hits the button on the iPhone he has used as a POS that send the bill to Greg’s
foursquare wallet account.
Greg receives notice of the receipt, reviews, selects the tip amount, selects his card, selects his receipt type
and completes the transaction.

Flow: Search for Location: Frequent Buyer
USER FLOW
TERESA

Flow: Menu Closed: Menu Open
USER FLOW
TERESA

Flow: To Go Order: From Scratch
USER FLOW
TERESA

Flow: Conﬁrm Order: Payment: Receipt
USER FLOW
TERESA

Flow: Payment: Redeem Reward: Receipt
USER FLOW
TERESA

THANK YOU!

Foursquare Wallet Presentation

Recomendados

Recomendados

Más contenido relacionado

Destacado

Destacado (6)

Similar a Foursquare Wallet Presentation

Similar a Foursquare Wallet Presentation (20)

Último

Último (20)

Foursquare Wallet Presentation