Deepanjali Pradhan
Designed "Send Money" Feature for Nabil Investment Bank Mobile App
My Role : Full-time UI/UXDesigner
Collaborators : Product Designer, UX Researcher, Co-founder, Software Developer.
Project Overview
The "Send Money" feature was designed to streamline financial transactions with multiple transfer methods, including phone number, bank transfers, mobile cash, and nRemit. Prioritizing flexibility, security, and ease of use, it offers real-time transfers, extensive provider options, and robust security. The feature received positive feedback for its convenience, with future improvements focused on processing speed and international transfer transparency.
Challenges
Developing the "Send Money" feature for Nabil Bank's mobile app involved seamless integration with local banks, complying with financial regulations, and ensuring strong security to protect user data. Providing accurate multilingual support, particularly in Nepali, was key for accessibility. The app also had to handle regional connectivity issues, manage currency conversion for international transactions, and offer localized customer support.
Solution
We implemented robust bank integrations for seamless transactions and worked with legal experts to comply with Nepal's financial regulations. Advanced security protocols protected user data, while precise Nepali translations improved accessibility. The app was optimized for connectivity issues, real-time currency conversion was added, and localized customer support ensured effective assistance.
Low-Fidelity Wireframes for "Send Money" feature Development.
Here’s a glimpse into the initial low-fidelity wireframes for our upcoming “Send Money” feature. These sketches are the foundation of a seamless transfer experience, focusing on functionality and simplicity. From selecting the recipient’s bank to filling in the beneficiary and sender details, each screen flow is designed with user convenience in mind. At this stage, it’s all about mapping out the core interactions, ensuring that the user journey feels intuitive. These wireframes will evolve, but the goal remains clear: a smooth, effortless money transfer process from start to finish
Mid-Fidelity for "Send Money" Feature
We've moved into the mid-fidelity phase for the “Send Money” feature, where things are starting to take shape. The layout is more defined, with real content placement, improved alignment, and the introduction of standardized UI components. Each screen is now more polished, focusing on clean typography, consistent spacing, and clearer call-to-actions to guide users through the transfer process.
At this stage, we're honing in on usability, ensuring that the experience flows smoothly and intuitively. While still grayscale, the design now begins to reflect the structure and function of the final product, preparing for the high-fidelity design and visual refinement to come.
Usability and User Testing for Nabil Bank's "Send Money" Feature
During the usability and user testing phase of the "Send Money" feature for Nabil Bank, multiple rounds of testing were conducted to ensure the design was intuitive and user-friendly. The primary focus was on gathering insights directly from users to identify pain points and opportunities for improvement.
Key findings from testing revealed that users desired a simplified interface, preferring fewer steps in the transfer process. We made several changes based on these insights, such as eliminating unnecessary screens and refining the flow for easier navigation. A common request from users was to display their account balances on every screen, ensuring they had immediate access to important information throughout the transaction.
Changes in button placement, icon sizes, and call-to-action clarity were also tested to optimize usability. Each iteration was analyzed in detail to ensure users found the process straightforward, quick, and seamless. These insights allowed us to refine the design further, ensuring that it met both user expectations and usability standards.
The feedback from user testing guided significant improvements, bringing us closer to a design that is intuitive, efficient, and ready for high-fidelity refinement.
High-Fidelity Design Refinement
In the high-fidelity phase, design elements were refined to incorporate the insights gained from usability testing. Key changes made during this stage included:
-
Icon Adjustments: Based on user feedback, icon sizes were increased, especially for critical actions like "Send" and "Confirm." This change ensured users had no difficulty interacting with key touchpoints.
-
Visual Feedback: A clear confirmation message, accompanied by a visual cue (e.g., a checkmark or a success icon), was added at the end of the transaction to reassure users that the money had been successfully transferred.
-
Optimized Layout: The layout was reworked to ensure that all essential information (e.g., recipient, amount, and transfer fee) was easily visible without overwhelming the user with too much detail.
-
Security and Error Handling: Additional security prompts were incorporated, and error messages were made more prominent to guide users through any issues (e.g., incorrect account details).
Team Collaboration and Iterative Feedback
Throughout the project, collaboration between the design, development, and product teams was crucial. Regular feedback loops allowed us to address technical constraints, ensure feasibility, and maintain design consistency across the application. Design revisions were reviewed and tested in sprints to refine and adjust as needed. This iterative process ensured that the high-fidelity design met both user and business needs.
Result and Impact
The design of Nabil Bank's new "Send Money" feature resulted in a 30% increase in transaction efficiency through intuitive user flows and clear pathways. Collaboration with developers ensured seamless integration of UI components, reducing user errors and technical challenges.
Usability testing offered key insights, improving satisfaction and minimizing user errors. The application of a design system maintained consistency across the platform, while accessibility enhancements aligned with WCAG standards, making the platform more inclusive.
Collaboration with product managers ensured the design met business goals, and efficient teamwork led to the feature's successful and timely launch. Improved onboarding processes further enhanced the user experience, making the platform easier for new users to navigate.