Foursquare Mobile Payment

 

Problem
Our team of 3 UX designers was tasked with designing a mobile payment feature to pitch to Foursquare. Foursquare recently revamped their app to make it a smart-search app as opposed to a check-in app. Along with that came a whole new redesign and rebrand. We needed to come up with a way to design a mobile payment feature that would contribute to Foursquare's business model in addition to fulfilling a need the typical Foursquare user required.

Solution
We designed the mobile payment feature to live in the global navigation so users could have access to it at all times, not only for participating restaurants. We reasoned that this would be not only good for marketing, but also for making it easily accessible by the user. Within the payment feature we had a navigation that was consistent with Foursquare's design, and included pending payments, past payments, rewards, and accounts as part of the schema. We decided to incorporate the rewards section because users would have no real other incentive to use the app unless they forgot their credit card and only had their phones. 

Design Goals:
  • Meet the user goals but also make the mobile payment feature a profitable platform
  • Simple design that matches Foursquare's existing design
  • Do not confuse the user with excessive features
  • Narrow the app down to the MVP
  • Process
    1. Determined the business model canvas by researching how Foursquare currently generates revenue and the platform upon which they build their business.
    2. Narrowed down to the MVP, which we determined to be a mobile payment feature that allows users to interact with restaurants only using their phones in a way that was quick and convenient.
    3. Performed user research to determine the necessary features based on the persona. We determined the necessary features mainly by researching how the user currently interacts with restaurants.
    4. Performed more user research to determine what features to add on the business side to ensure the mobile payment feature actually generates revenue for Foursquare.
    5. Performed various analyses (competitive and comparative, task) in order to determine a user flow and extract pain points to improve upon. 6. Went through a high level user journey and created a site map in order to clarify the logic behind the app.
    7. Sketched wireframes based on user research.
    8. Created high fidelity mock-ups and prototype.
    9. Conducted usability tests to see the pain points of the app.
    10. Iterated. Repeat.