Google Pay: Calculator Feature UI/UX Design

What if Google Pay had an in-built Calculator feature?

As I was making a payment on the GPay App on behalf of my friends group, I realised that I was quite mathematically challenged. A thought occurred to me that why couldn't Google Pay have a calculator feature in the app itself?

And hence, I set out to design one to see for myself if it could be feasible.

User Research

Through my User Research with a small group of 5, I found that no one even tried using these keys to see if they did anything. As a part of the results, I also got to know that 4/5 users wouldn't mind having the option to use a calculator within the Google Pay app to help with quick calculations. 

The primary use case was when there was either a payment that was to be made on behalf of a group and it had to be settled subsequently. Another finding as a part of this research was that none of them used the groups feature present in the app to track expenses within their friend circles. 

Although the groups feature allow for expenses to be split by a variety of options, the amount of effort it currently takes to - add an expense entry, tag the relevant friends, choose the method of splitting and recording the transaction is so much more than just whipping out a calculator and dividing the amount respectively. 

When considering the user journey for those that aren't mathematically strong or for complex calculation, opening the calculator also takes up quite the effort.r text here...

Prototype

The prototyping was straightforward with familiar user interfaces and interactions. I added a calculator button to trigger the upldated keyboard with the keys required to perform the basic calculations right from the app. 

You can also observe other interactions such as overlays to confirm hiding the calculator or confirming the amount for payment. After a few iterations based on user testing results, the following is the final prototype for what I envisioned.

Figma Prototype - Click here to access