Feature Roadmap
With all the valuable information I gained from the research, I compiled a list of different features that Bank of America could include in their mobile app to improve the overall user experience of their customers. This allowed me to prioritize the most important features to achieve high user engagement, satisfaction, as well as help Bank of America build stronger relationships with their users and lead to increased profitability.
View Feature RoadmapUser Flows
Low-Fidelity Wireframes
After sketching out frames to gather ideas on the overall layout of the new feature, I developed low-fidelity wireframes on the computer to demonstrate the design interface and how it would be incorporated with the current app design.
High Fidelity Wireframes
Once the layout was established, I designed the high-fidelity wireframes outlining how users will navigate the feature and content, as well as capturing the intricate details and visual aesthetics of the final product.
I conducted two user tests during the design process. The first test was conducted early using low-fidelity wireframes to validate assumptions, identify usability issues, and promote an iterative design process, ensuring a user-centered and effective design. The second test was conducted after completing high-fidelity wireframes. The tasks tested are listed below:
01 - Change and customize the category of a recurring expense
02 - View payment history details of a recurring expense
03 - Add notifications to a recurring expense
04 - Add a new recurring expense
To determine the success of the design, I recruited 5 participants for the first testing and 8 participants for the second round of testing. Both usability tests were conducted either in-person or through Maze.
Priority Revisions
01 - Create a design to make the feature more prominent and noticeable to users
The Home Screen is a critical entry point for users, and making the feature more visually prominent increases its visibility and makes it easier for users to discover. This can lead to higher user engagement and attract user attention, encouraging exploration.
02 - Add Blue text link to Payment history
To indicate to the user that the payment history card is clickable when they are viewing expense details, I decided to add a blue text link. Placing the text at the bottom of the card also maintains consistency in the app's language and design patterns.
03 - Change wording for adding transaction to a recurring expense
Changing the wording to 'Create Recurring Expense' is more direct and clear as it immediately informs the user that they are initiating a new recurring expense, which can help reduce confusion and improve user experience.
Explore the prototype here:
View on FigmaNext Steps
The next steps for the feature would involve usability testing, iterative design, beta testing, quality assurance, deployment, and monitoring and optimization. Usability testing will gather feedback and identify issues, which will inform iterative improvements. Beta testing will further refine the feature with user feedback, while quality assurance ensures its functionality. Deployment to all users follows thorough testing. Monitoring and optimization post-deployment ensure the feature continues to meet user needs and expectations, enhancing the overall user experience with the app.
Final Thoughts
Working on adding a feature to the Bank of America mobile app has been a rewarding experience. It has allowed me to apply my UX/UI design skills to solve real-world problems and create a more user-centered design. Working within the strict design constraints of a large financial institution like Bank of America has been challenging but ultimately beneficial for my growth as a designer. It has taught me the importance of balancing user needs with business requirements and how to navigate complex design challenges. I look forward to applying the skills and knowledge gained to future projects.
