UX Design Case Study of — Nagad a Leading Mobile Banking Service in Bangladesh
Product Overview
Nagad is an innovative and promising digital financial service of Bangladesh Post Office that embarked upon a glorious journey on March 26, 2019. After its inception, Nagad has financially included more than 7 crore people only in four years.
Problem Statement
I’ve been using its service for almost 4–5 years, From USSD code to Android App It has always been a helpful buddy to me to handle any financial transactions. From mobile recharge to paying utility bills it’s become one of the most integral and reliable companions of all time.
With time, User Experience became a critical thing for every business and product to make it more user-friendly and accessible. As you already know, It’s not only essential for user experience but also for business growth. A good UX could help your business grow enormously.
When Nagad first launched its app, I was just a normal BBA student not having any knowledge of what’s the difference between a Good and Bad UX. But over time, I now have a solid understanding of what a Good UI/UX is with over years of experience in this field backed by the Google UX Design Specialization certificate and a trained eye for UI design.
I noticed some UI/UX issues in our favorite Nagad app and made a little improvement based on some secondary data and my solo intuition. This is just a conceptual project, I’m not having any relationship with the actual Nagad team.
Key Problems
Design and User Experience Challenges:
- Color Imbalances: Inconsistent color usage affects visual harmony and brand cohesion.
- Unclear Information Hierarchy: Lack of clear organization in presenting information, causing confusion for users.
- Vital Cash-Out Details Missing: Important details related to cash-out procedures are not prominently featured, impacting user understanding.
- Cluttered Settings: The settings interface is cluttered, hindering user efficiency and satisfaction.
Goals
Transforming Limitations into Stepping Stones by following steps:
- Color Imbalances: Turning inconsistencies into a contemporary and visually harmonious design.
- Unclear Information Hierarchy: Establishing clear organization for improved user understanding.
- Vital Cash-Out Details Missing: Prioritizing and prominently featuring essential cash-out information.
- Cluttered Settings: Streamlining the settings interface for enhanced user satisfaction.
Create a contemporary, user-friendly interface that sparks delight and ease.
Design Process
Throughout the design process, I’ve followed some key processes as follows.
User Research
During this phase, I’ve conducted some secondary research to find out the user’s pain points. The data I’ve collected from various platforms such as Play Store, App Store, etc.
Pain Points
Through all the analyzing and brainstorming I’ve narrowed down some critical issues regarding UX violations, they are as follows.
Color & Typography
I’ve minimized the typography uses and color consistency through this short design token.
Redesigned Screens
It is an already-designed app and all the things in its place. I just need to redesign it and enhance the user experience. So, further wasting any time on wireframing, etc. Directly moved to Hi-Fidelity prototype design.
Onboarding Screen
This screen normally stays visible for 1–3 seconds. So why put all the clattered information and small texts when people wouldn’t even have enough time to read it? Instead of that what I did, I just placed a Brand remark that will subconsciously place a brand awareness!
Log In Page
- Redesigned the input field to be more prominent and highlighted the login button so it’s always visible as a primary CTA on this page.
- Removed the unnecessary buttons to make this page cluttered free and instead of that placed a small brand slogan.
Home Page
- Redesigned the weird notification icon and gave enough negative space to the available balance section.
- Placed most frequently/Popular used menus above the fold to perform these actions easily.
- By replacing Big Bold Giant buttons put some easy-to-tap and consistent buttons.
- Why should we take the liability to educate users when we could use universal icons for a home in the navigation menu? Using Nagad Logo as a home icon doesn’t make sense at all. So changed it with a universal one.
Cash Out Page
- Why should user put their entire number when they can easily select the number from saved contacts? So I’ve added the option to do so.
- Users will be able to use recently used numbers to transact money.
- They will get this opportunity to save their favorite agents.
Settings Page
- Added QR code option to share with different users, so they can easily transact with others for error-free fast transactions. Make some spaces between menus and lower the icon's weight to make it more user-friendly.
Conclusion
This was a small initiative to improve the user experience for one of my daily apps to make it more user-friendly. Thank you so much for reading this till this end.
Thank you for reading till the end, hit me up on LinkedIn if you want to discuss further. :)
