The Project:

Introducing Tap to Pay for Android users on the GoDaddy App

1

The opportunity

Tap to pay exists on iPhones for the GoDaddy App. We wanted to introduce the Android version for it.

The team

Product Design Intern (me), Product Design Manager, Development team.

2
3

The work

• Worked on the understanding the problem, the mocks, the usability tests, and the animations.

tHE PROJECT
& ASK


To enable GoDaddy merchants to take tap-to-payments on their Android phones.

Read the release article
0
01
02
03
04
The Impact:
This design increased feature adoption from 2.2% per month to 3% per month.

01
Introduction to Freshdesk
The success metrics, what Freshdesk does, and what the project is about.
02
User Research
03
Plan of action
04
Mocks

QUICK INTRO

Why do we need this?
GoDaddy Tap to Pay would allow merchants to effortlessly process customer payments directly through the GoDaddy App.
Who is it for?
Entrepreneurs and small business owners who rely on the GoDaddy app for managing their sales and operations.
How would this work?
The Tap to Pay feature operates by utilizing Near Field Communication (NFC) technology, allowing seamless transactions similar to other digital payment methods.



Why build this?

The introduction of Tap to Pay for GoDaddy Android aims to:
• Expand the app's capabilities.
• To offer Android users the same seamless payment experience that iPhone users enjoy.
• Boost app engagement and attract more users to the platform.

The ios version

CREATING THE STEPS

the scenario

In the flow where a customer is browsing a merchant's store in person, here's how it would play out in the real world:

Please note that the case study below has only been shown in part to comply with the company's NDA policy.

App flow

There are two personas in the App flow: The GoDaddy Merchant and the Customer.

TECHNICALITIES OF NFC

Understanding NFC and Tap to Pay in iPhone

NFC technology enables contactless payments by allowing devices to communicate when they are in close proximity. In iPhones, the NFC reader is strategically placed at the top of the device to facilitate easy tap-to-pay transactions.


In the image below, the red rectangle displays where the NFC reader is located on an iPhone.


NFC in Android phones

Android phones are built a little different though. Here's what we found:

The NFC sensor is generally on the back of the phone, either in the center, lower or upper portions.


Confusing for the users right? Which area of the phone would they have to tap to pay?

the research

“I'm assuming that I need to use the front of the phone to tap to pay. It's not very clear to me which part has the chip in it"
- GoDaddy Merchant

We thoroughly reviewed the Android documentation to pinpoint the location of NFC readers. Interestingly, each Android manufacturer provides specific details for their models.

We also skimmed through what models our Android users were using the GoDaddy App on to get an idea of where the NFC reader could be located.
After cross-referencing this with other documentation on the internet we came to the conclusion:

Most Android users would have the NFC reader on the back of their phone, meaning they'd have to tap the back of their phone to pay.

ONBOARDING

Our game plan:

1) Have a campaign or demo to show how Android users how to use the Tap to Pay feature when they open the app.
2) Have a test flow where merchants can test the feature before using it for an actual payment.
3) Make the actual tap to pay flow visually rich to inform users on how to use the Tap to Pay feature.

Questions we had:
1) Would the demo work? What if a user skips it?
2) Would a test flow be an overkill? Would it be a waste of engineering effort?
3) Would users understand where exactly to tap to pay if they went straight to the flow?

We had all these questions - where would we get answers?
Testing with our customers.

designing the mocks

THE THOUGHT PROCESS

When it came to designing the mocks - I used Material design guidelines and also the existing Android App as a base.

designing the mocks

Here's the flow in action: