My Role

Lead Designer - Discover, Define, Design, Prototype, Usability Test, QA Analyst

Team

Product Managers - Dev Singh
Business Analyst - Monica Ryu
Lead Developer - Thomas Lindner

Background

Bringing an intuitive Transactions page and Transfer Money workflow experiences.

Redesign Deposit and Withdrawal feature workflow along with the Transaction landing page so that clients have more transparency and security in how they handle their money.

Goal

Allow the users(Investors) to easily have them transfer their funds from or to their bank, IRA, or Brokerage accounts.
Scheduled Transfers Information - Create a view that gives a user all of the minimally needed information to quickly view a scheduled deposit or withdrawal.
Completed Transfers Information - Create a view that lives within the transfer money page to show transactions that are completed.
Make sure the user understand how much money they will get and deduction from Federal and State Tax Withholdings

Problem

Viewing the Scheduled Statuses transfers is not intuitive
Users are having a hard time locating and how to transfer money.
Users are not able to see how much they contributed overall from the beginning year to the present
Users are not able to see the exact amount that they are going to transfer when they withdraw from IRA to their Bank account.
No real-time updates when a transfer is in progress. has to wait until the next day to see it completed

Questions & Challenges

What does the Transfer Money feature seek to achieve?
A streamlined scheduled transfers and activity view for a client

Who’s the customers?
Investors

What will the result be?
The result of streamlined transfers and activity view will result in a client having a better understanding of which state their transfer is in, better visibility into executed transactions, and improved ease of use of scheduling new transfers.

What Chart that best represents a Billing revenue?
We decided to use a Vertical bar chart and vertical grouped bar chart in which the Y-axis should dynamically scale based on revenue plotted and the X-axis that should adjust based on the time frame selected and how the advisor bills.

Comparison Feature Card, how often does the user needs it?
Once or twice a year to compare the billing data of an advisor to the broader firms that are a part of the same enterprise.

Are there any challenges you encounter?
The only challenge we had is Usability Testing where it took us time two weeks to do the testing as there were some technical issues going on with the app that we used to do the study.

Usability Test

I use UserZoom as the tool to conduct this study. The reason we are doing this is to identify problems, discover opportunities and learn about the user preferences.

Design A is the look, feel, and assumptions that I think are better for the users, while Design B is the version where the Product Manager preference.

Wizard Flow - This is to validate whether or not users understand the withdrawal flow where taxes are taken out automatically

Design A and B Results

Strongly Agree

**The information given about my transfer was relevant to me.**
All Participants says: Strongly Agree

**Strongly Disagree**

**The amount of information given about my transfers was overwhelming.**
Most participants says: Strongly Disagree

Design A

***Pros***
• This version was better because it showed less information while staying useful compared to the previous one.
• I feel this design definitely stands out and in the first view without expanding it showed the user all the necessary information. If the user needs more info, then the user can expand the row to view. Nothing was missing in this design.
***Cons***
• Less information is shown.
• Only 5 participants prefer this
• *“I don’t feel like I’m getting as much information compared to the other one.”*

Design B

• 7 participants prefer this
• “*I prefer this one because I have most of the information I need.*”
***Cons***
• “*I felt like a small description of the account, not just account number would be more helpful in deciphering the transfers and where they are going.*”
• “*Receiving account is confusing, it would be nice to have clarity.*”
• “*Status column items - needs explanation*”

Takeaways

✅ Users had a very clear understanding how the two designs works

✅ The 5 Participants made a point about what didn’t work in V2, see videos

🤔 7 participants prefers the V2, however some of them didn’t give details why they liked about it.

🤔 1 participant assumed Activity page should be clickable to check for transfer activity.

🤔 3 participants are curious about when the transfer will actually be completed. - Add a timeline or live status

Wizard Flow Clarity

Validating whether or not users understand the withdrawal flow where taxes are taken out automatically

Takeaways

✅ All users agreed that the design workflow was intuitive.

✅ All users understand how much they will get in their bank account, (which is different from the amount they requested due to taxes)

😕 When asked: “Was there anything confusing to you?”:

1 user said to change YTD to “your withdrawals year to date”
1 user asked about fees

Decisions

Scheduled Transfer Details
We decided to proceed to what I designed to show the accordion-style expand / collapse list item instead of the data table. The main point why I am pushing this design is to solve not just to make it simple for the users but also to solve the usability of mobile view. To mobile view experience please click here.

And from Business, Experience, and Technology standpoints everyone agrees with this design effort.

Transfer Money
We decided to go to the specific call-to-action on Transferring money and re-iterated that into making the Deposit more prominent than the withdrawal as in the screenshot you’ll see that Deposit and Withdraw are equal.

Users and Team internal feedback made mentioned that it’s easy to take action directly to the specific subject rather than have them choose again in the flow.