Project Overview
Our team was asked to reimagine the user flows and user interface of an existing retail mobile banking application across mobile iOS and Android as well as tablet devices. As one of two designers on this project, I collaborated in industry research, wireframe and user flow development, interface design and JavaScript prototyping.
Product Design, Interaction Design, UI Design | Kony | July 2015 - Feb 2016 (7 months)
The Mobile Banking Landscape
While the original scope of our engagement only included enhancing existing application flows and features, we dedicated time to evaluating the competitive landscape and auditing the current-state app to ensure we could create an intuitive and meaningful mobile banking experience for users.
We conducted a short survey and asked users to identify the 3 mobile banking features most useful to them.
Based on our research findings and the existing features of the application, we prioritized several significant improvements to the information architecture of the existing user flows.
The current state application map on the left, with revisions on the right.
Simplifying the Transfer & Payment Experience
Our initial sketches and prototypes lead us towards a unified experience for transfers, payments, and paying another person. We reimagined this single flow under the moniker "Move Money", relying heavily on conditional logic to take the mental burden off of users.
Early whiteboard sketches while exploring the "Move Money" flow.
Due to the technology constraints of the banking platform and feedback from users, we decided to tailor our initial proposed experience. While "Move Money" was put on hold, our exploration led us to an idea for a single view flow within each transfer or payment type that would help users complete the respective tasks with as little effort as possible (shown below).
Transfer & Payment
Final Prototype
Our final deliverable was a high-fidelity prototype of the entire application for mobile iOS and Android along with iOS tablet. My partner and I worked together through both mobile iterations, but I fully produced the tablet experience.
The tablet version of the app used sliding panels to show users transaction details in context of their accounts.
I enjoyed the opportunity to learn and implement basic JavaScript skills as well as understand how to adapt an application across multiple platforms and screen sizes.