EBL Fund Transfer redesign for mobile app
Overview
The EBL Fund Transfer feature required a significant redesign to address usability issues and improve the overall user experience. The existing feature was cluttered and lacked clear instructions, causing confusion and errors during the transfer process. The redesign aimed to create an intuitive, modern, and user-friendly interface, focusing on fund transfer UX design and mobile banking optimization.
Identification
Solutions
Fund Transfer: More options visible and ensuring a consistent design throughout. This results in a clearer and more cohesive user experience.
Transfer Mode: There are three options—BEFTN, NPSB, and RTGS—but the borders made it look like six options. Additionally, the old design didn’t provide explanations for these transfer modes. The new UI resolves these issues by clearly displaying the three options and offering explanations for each mode, enhancing clarity and usability.
In the old UI, the input field for transferring funds to a new account was misleadingly styled like a search field and wasn’t listed under beneficiaries. Additionally, there was no validation to ensure the new account number was exactly 13 digits.
In the new UI, I’ve clearly separated the options for transferring to a beneficiary and a new account, and added validation to enforce a 13-digit account number requirement.
In the existing design, the close button in the top right corner is unnecessary. The updated design removes this button for better consistency and now includes the available balance on this screen. A hide/show button has been added for privacy, allowing users to toggle the visibility of their balance.
In the updated design, the transfer overview has been cleaned up to enhance visual appeal and maintain consistency throughout the interface. The new design ensures a more streamlined and attractive presentation, improving the overall user experience.
The transfer successful screen has been cleaned up with more meaningful text for clearer user guidance. Additionally, "Another Transfer" and "Go to Home" buttons are now available at the bottom of the screen, but they will not appear if the transfer was to a new account. For new account transfers, a save beneficiary modal will appear within 2-3 seconds. Once the beneficiary modal is saved or closed, the "Another Transfer" and "Go to Home" buttons will then be visible on the success screen.
Research & Analysis:
I conducted a comprehensive analysis of user feedback and pain points to identify key areas for improvement.
Wireframing & Prototyping:
Developed wireframes and prototypes to explore and refine design solutions, ensuring alignment with user needs and preferences.
User Testing:
Performed usability testing with a representative sample of users to gather insights and fine-tune the design for optimal user satisfaction.
Final Implementation:
The final design was implemented with a focus on maintaining consistency, enhancing usability, and presenting a modern, appealing aesthetic.
The redesigned EBL Fund Transfer feature now offers a significantly enhanced user experience, with improved navigation, clearer instructions, and better error handling. The modernized interface aligns with contemporary mobile banking standards and addresses key usability issues, resulting in a more efficient and user-friendly fund transfer process. This redesign not only modernized the interface but also ensured it met user needs and expectations, boosting user satisfaction and reducing errors.