Redesigning Google Pay-a UX Case Study.
A Holistic UX Review of the GPay app design.
Getting Started
Google Pay is a payment app developed by Google for paying bills, payments to contacts, stores, and businesses. At the present time when I am writing this blog, Google pay stands among the top 10 online payment apps list of India.
I started by thoroughly familiarizing myself with the app, inside and out. While reading about it on the web I found that some of the features are either missing or irrelevant for the customer who are new to online payment technology.
So, my focus will be on improving the user experience and design.
The Design Process
The structure of the case study will be the following:
Inspiration
- Current app analysis
- User research
- App store reviews
- Personas
- Pain Points
Ideation
- Design Opportunities
- Wireframes/Moodboards
Implementation
- High fidelity screens
Current app analysis
Home screen
Starting with the first screen i.e. home screen,purpose of home screen is to show users their recent payments,check all transaction history,show balance,scan and pay at stores and merchants,make new payment and account section.
My account
My account section shows users UPI(Unified Payment Interface)ID,phone number,bank account linked,rewards earned,user’s barcode,settings,invite,help and feedback.
New payment
New payment tab give user options to send,scan,pay bills and to pay businesses.
Research Insights
User interviews
For exploring design opportunities, the best option is to interview the experienced users of an app because they would be able to figure out the issues with the interface better.
App Store Reviews
Personas
Personas are based on major user cases found when interviewing users
- Mayank is a college going student at state engineering college,tech savvy,like rewards and cashback.
- Surender is at govt.service serving for more than 20 yrs,father of two kids,believes in savings and investment.
Pain Points
After interviewing some existing users, reading the app store reviews and personas, I have summarized the following points:-
- Home screen
- Account section
- Payment options
- Scanning
Design Opportunities
1.
The following images give a basic idea about the issues and side by side suggests their solution.
“DON’T SELL THE PRODUCT,SELL THE EXPERIENCES’’.
2.
High-Fidelity Designs
Home Screen
Previous design of Gpay makes user think a lot.Now,home screen have scan,send,bills and more button ,user can now navigate only from home screen,long press on send gives further options like bank transfer,to contact,to UPI id or self transfer . Account details and sharing of UPI id.
Account Section
After carrying a vivid user experience research, it can be concluded that users find difficulty with Unified Payment Interface and want other payment methods to be included like credit and debit cards.
Now you can add your debit card also and can edit and view balance .
Transaction history feature added.
Learning and Conclusion
An app must be designed in a user friendly shape so that both young and old generations can comfortably use the technology with the least hurdles.
It’s easy to complicate things. To simplify takes tons of effort and patience.
Design opportunities based on user research and app store reviews makes it easy to tackle real human issues with the product.
Thank You for reading. All suggestions and constructive criticisms are welcome.
If you liked the article, please let me know by pressing on the clap button below.
Gracias