Mobile Wallet
|
Expertise: Mobile Design, User Research, eCommerce
Platform: Android app The purpose of Mobile Wallet is to create a single application focusing on payments. |
|
My Role
Mobile Wallet was borne out of the need to focus on 2 areas to enable fast transactions.
My role was a UX/UI designer for this project with the task of sketching some key screens, wire framing the structure and flows and creating the final UI designs.
- Person-to-Person payments
- Secure eCommerce shopping
My role was a UX/UI designer for this project with the task of sketching some key screens, wire framing the structure and flows and creating the final UI designs.
The Challenge
We wanted to have a secure environment where Bank of America customers could shop online using a digital card. They could also pay merchants in a convenient/secure way rather than the traditional method where their bank/credit card account numbers could be put at risk in a public setting.
How could users shop online without their account numbers becoming compromised and pay merchants with just their app without giving them their credit cards?
How could users shop online without their account numbers becoming compromised and pay merchants with just their app without giving them their credit cards?
Paper Prototyping Usability Test
We conducted an informal paper prototyping test with participants. The participants were asked to complete several exercises on the paper prototype.
Tasks included:
Tasks included:
- Enhanced KYC capabilities to speed up profile updates
- Person-to-Person money transfer
- Manage plastic and digital tokens and their eComm shopping tokens
- View Deals
Main Findings
- Users understood that their online virtual cards were linked to their bank card
- Some users liked that the app would mask their actual account numbers with a tokenized account number
- There were some confusion over turning on their personas to be visible nearby
- Users liked the convenience of deleting and or refreshing their entire account info of their online virtual cards
Initial UI Design and Wireframes
I created the structure of the standalone app to show user flows and layout of the key screens.
Person-to-Person Flow
Mobile Wallet Flow
User Flow
|
After the wireframes, I developed a prototype. I presented the prototype to the stakeholders and got buy-in from stakeholders.
|
|
Final Designs
