project developed for DesignLab
User Research, IA, Interaction Design, Prototyping, Usability Testing, UI Design
Sketch, Adobe Illustrator, Adobe Photoshop, Marvel
In the process, I went through different stages while I was evaluating my insights and designs on each stage. The design process involved the following six stages.
Conduct 1-to-1 Interviews to gain a more in-depth understanding of the needs and pain points of millennials mobile banking apps users in Greece.
Collect insights and understand the needs and pain points of bank customers, people who use mobile banking apps and PFM apps globally.
Find out what competitors do
Find out what competitors do
Determine whether millennials in Greece prefer to use mobile banking and for what reasons
Identify users needs, goals and pain points while they use their banks' apps
Collect demographics of the target audience
Identify which features users miss from the apps they currently use so they can manage their finances better
1-to-1 interviews with 3 participants (2 men, 1 woman) helped me understood the needs and pain points of millennial mobile banking users in Greece, their habits and their needs from banking, in general, and especially mobile banking.
At the same time, the online survey provided me with enough insights about the banking habits of people globally, the reasons why they use personal finance management tools and their expectations from mobile banking applications.
Greek millennials are extremely low-payed and it's almost impossible for them to leave their parents' home (since 2010, they faced the youth unemployment rate of 40% with a minimum monthly salary to drop to €600).
An app to help them complete short-term saving goals.
Handle all their financials through a single mobile app.
MyAlpha app at that moment had a really complex menu in their android version. In order to build an easy-to-navigate application and at the same time add new features, I had to simplify it. I decided to simplify the main navigation using a more content-based structure and put its items into a logical order according to what users are looking for and which actions can accomplish through them.
After finalizing the structure of the main navigation I proceeded with a task flows on adding cash expenses and another one on adding a saving goal. All three of them helped me define what the app's goals are before I started designing.
After completing the previous phases I started ideate by sketching out low-fidelity wireframes for the PMF tool core screens. I tried to keep my screens layouts close to the existing ones, so I can be consistent and make sure it embeds well and smoothly with the rest of the app. I tried different ideas to find the best way to incorporate a new feature within the existing app.
Moving to the UI design step, I was able to use all my research information I gained so I can build the look and feel of the "myAlpha Pocket" feature. I targeted into two areas of the app; how users can track their expenses paid in cash and how they can set saving goals.
I retained the main UI elements of the existing app such as graphs, CTA buttons, typography and I chose to make a couple of significant additions like the floating action button and the bottom navigation bar to make the myAlpha Pocket features easy and quickly accessible.
Overview screen is a concise presentation of all users' entries in the PFM tool's elements ie their cash transactions, budgeting, and saving goals. On the top of the screen, all these data are presented in a carousel with pie charts while users can easily add their cash transactions, budgets and/or saving goals by using the floating button.
In this screen, users can track all their cash transactions; expenses and income. All transactions are sorted from the most recent to oldest but users can change this selection using filters. Pie charts carousel on the top show the monthly total cash expenses and income.
Saving Goals screen displays all the active saving goals the users have set. Through this screen, users can track their progress in each saving goal and check when is the next date they need to set aside money for each goal. By taping each goal users are transferred to the goal screen.
Goal screen gives users extra information about the goal i.e. the minimum monthly amount they set, when it was made the last transaction and the amount left to complete the goal. The users can also delete, select as done and edit their goal from this screen.
The results from the of the usability test sessions with three participants (two males and one female) were really promising. Participants were asked to complete three tasks using the high fidelity prototype; add a cash transaction, add a saving goal, and edit a saving goal.
All of the participants found the PFM tool easy to use, they mentioned that the interface is very familiar to them so they knew what to do in each step and they embraced the new navigation menu. Generally, they welcomed the idea of adding such a tool in a mobile banking application.
Working on a fin-tech project for a specific generation of people like Millennials gave me the opportunity to discover very interesting information for this generation. At the same time, trying to simplify the Information Architecture of an existing and very popular mobile banking application, and striving to stay consistent and follow the brand enriched my knowledge on IA and showed up to be really challenging,
With the first round of iteration, the next step to think about would be to design extra screens so I can provide users with informative feedback, work on the budgeting screens, and also try to find ways to make this app more personalised (e.g. allow bank's system to provide each user with the tools they need based on the products they have bought from the bank, so that users with less product don't need to get lost among features that they never will use).