Case Study: Tapmap

Providing users a single source to find all businesses that accept mobile payments

Overview

The Problem

Results from searching the term “Apple Pay” in Apple Maps (left) and on Yelp (right).

Both applications populate businesses that accept Apple Pay, however, only a couple of these locations are shown across both apps.

Solution

Figma prototype

Process

UX Research

UI Design

Survey Results

Key points

  1. 26% stated they have put it to use when making a purchase anywhere from just once before to using it as often as possible.
  2. 53% said they felt that mobile payments is not supported enough among businesses. Less than 7% said that felt that it’s widely supported.
  3. 40% said they would use mobile payment as their primary form of payment if every business accepted it.

After interviewing a few individuals following the survey results, it was unanimous that no one was confident how they would search to see what places accept Apple Pay. Regarding the acceptance of Apple Pay, one of the individuals said they think the percentage is around 50% while the other two said 5% and 10%.

When asking some questions about what the individual would do given a scenario where they had forgotten their wallet at home but needed to buy something to eat while they were out, each said they were not very certain about how to go about finding a location that accepts Apple Pay. One said they assumed there is a way to view this information through one of the default Apple applications, another said they would look for one of the locations they know from past experience that accepts it, and the other said they would look up information on Yelp but was not sure if the data would be reliable.

All of the individuals during the interview questions said they were frustrated about the process to find locations that accept the payment method and would like a way to better find this information.

Full survey analysis

User Personas

User Stories

User Flows

Onboarding
Search Nearby
Payment Process

Competitive Analysis

Apple Maps

Yelp

Link to full competitive analysis

Design & Branding

Name & Logo

Color Palette

Typography

UI Components

Wireframe Sketches

Hi-Fi Wireframes

Mockups

Figma prototype

User Testing

One of these screens (below) was the layout of the results when in the list view. Initially, users were saying it was hard to read some of the information due to the design. Later in a preference test, users ended up choosing the newer version as they felt it was easier to scan and provided a cleaner look.

Initial design (left), revised design (right)

Another preference test was conducted on the subcategory layout where users stated that it didn’t seem to align with the rest of the app as far as the style. After the test, I ended up combining a couple different, newer versions to create a more uniform design and provide adequate space for options with a lot of subcategories.

Initial design (left), revised design (right)

Conclusion

On a personal level, I find this very frustrating, especially during times when I’ve forgotten my wallet in the car or at home. Regarding the business model, I am curious how well Tapmap will do at generating revenue and retaining its user base. This and the rewards system, depending on how it initially performs, may eventually need some tweaking to ensure that the business remains profitable. Mobile payments are still relatively new but the adoption pace is picking up and Tapmap is the perfect way to bridge the gap of finding these businesses.

Front End Developer & UI Designer from Orlando, FL

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store