#userexperience

#userinterface

#web

#mobile

#Figma

Transfers V2

Transfers V2

Transfers V2

Transfers V2

Transfers V2

Transfers V2

As the lead product designer, I focused on designing the V2 experience for the entire Transfers flow. Collaborating closely with cross-functional teams, I incorporated user feedback, engineering constraints to create a cohesive V2 experience for users to move money.

As the lead product designer, I focused on designing the V2 experience for the entire Transfers flow. Collaborating closely with cross-functional teams, I incorporated user feedback, engineering constraints to create a cohesive V2 experience for users to move money.

As the lead product designer, I focused on designing the V2 experience for the entire Transfers flow. Collaborating closely with cross-functional teams, I incorporated user feedback, engineering constraints to create a cohesive V2 experience for users to move money.

As the lead product designer, I focused on designing the V2 experience for the entire Transfers flow. Collaborating closely with cross-functional teams, I incorporated user feedback, engineering constraints to create a cohesive V2 experience for users to move money.

As the lead product designer, I focused on designing the V2 experience for the entire Transfers flow. Collaborating closely with cross-functional teams, I incorporated user feedback, engineering constraints to create a cohesive V2 experience for users to move money.

As the lead product designer, I focused on designing the V2 experience for the entire Transfers flow. Collaborating closely with cross-functional teams, I incorporated user feedback, engineering constraints to create a cohesive V2 experience for users to move money.

April 2023

Timeline

Lead Designer

Role

April 2023

Timeline

Lead Designer

Role

About HMBradley

My Role at HMBradley

About HMBradley

My Role at HMBradley

About HMBradley

My Role at HMBradley

About HMBradley

My Role at HMBradley

About HMBradley

My Role at HMBradley

Final Designs and Prototype

Final Designs and Prototype

Original Designs

Original Designs

Opportunity

Opportunity

Clarity in the everyday transfers flow

Clarity in the everyday transfers flow

Within any banking platform, the process of making transfers stands as a pivotal feature that customers inevitably engage with within their accounts. Both the visual and experiential aspects of our original transfers flow needed a significant revamp. Customers frequently encountered issues regarding expected timing, coupled with the absence of any means to track past or future transfer activity.

In addition, with our newest feature, Routines, coming to life, that opened the opportunity to introduce more flexible recurring transfers to the transfers flow.

Within any banking platform, the process of making transfers stands as a pivotal feature that customers inevitably engage with within their accounts. Both the visual and experiential aspects of our original transfers flow needed a significant revamp. Customers frequently encountered issues regarding expected timing, coupled with the absence of any means to track past or future transfer activity.

In addition, with our newest feature, Routines, coming to life, that opened the opportunity to introduce more flexible recurring transfers to the transfers flow.

User Problems

User Problems

I collaborated with the Customer Experience team to find out what the most common frustrations happen related to Transfers. Transfer timing was the one of the most confusing things to customers. As I worked on the designs, more opportunities for improvement revealed themselves.

I collaborated with the Customer Experience team to find out what the most common frustrations happen related to Transfers. Transfer timing was the one of the most confusing things to customers. As I worked on the designs, more opportunities for improvement revealed themselves.

1

I don’t know when to expect the money to leave one account and arrive at another. It seems quick sometimes and very slow other times.

Our original experience relied on complicated states that determined the type of information to share that resulted in showing the wrong information, or being too generic about transfer posting timing. It was in our best interest to be clear to users about timing in order to have less contacts to the customer service team, and reduce confusion for the customer.

1

I don’t know when to expect the money to leave one account and arrive at another. It seems quick sometimes and very slow other times.

Our original experience relied on complicated states that determined the type of information to share that resulted in showing the wrong information, or being too generic about transfer posting timing. It was in our best interest to be clear to users about timing in order to have less contacts to the customer service team, and reduce confusion for the customer.

1

I don’t know when to expect the money to leave one account and arrive at another. It seems quick sometimes and very slow other times.

Our original experience relied on complicated states that determined the type of information to share that resulted in showing the wrong information, or being too generic about transfer posting timing. It was in our best interest to be clear to users about timing in order to have less contacts to the customer service team, and reduce confusion for the customer.

2

I don’t have much clarity about my existing scheduled transfers and if I can cancel them.

We relied too much on iconography to speak to the transfer activity. Sometimes less text does not mean clear to understand. Additionally, users were not able to cancel scheduled transfers in the app, but had to contact customer support.

2

I don’t have much clarity about my existing scheduled transfers and if I can cancel them.

We relied too much on iconography to speak to the transfer activity. Sometimes less text does not mean clear to understand. Additionally, users were not able to cancel scheduled transfers in the app, but had to contact customer support.

2

I don’t have much clarity about my existing scheduled transfers and if I can cancel them.

We relied too much on iconography to speak to the transfer activity. Sometimes less text does not mean clear to understand. Additionally, users were not able to cancel scheduled transfers in the app, but had to contact customer support.

3

I don’t have the ability to set recurring transfers based on my own unique needs.

With the introduction of Routines into our product, we now had very flexible ways to create recurring transfers - monthly on a certain day, weekly on a certain day. We needed to have continuity across the application for these abilities and adding to the transfers flow was an obvious win.

3

I don’t have the ability to set recurring transfers based on my own unique needs.

With the introduction of Routines into our product, we now had very flexible ways to create recurring transfers - monthly on a certain day, weekly on a certain day. We needed to have continuity across the application for these abilities and adding to the transfers flow was an obvious win.

3

I don’t have the ability to set recurring transfers based on my own unique needs.

With the introduction of Routines into our product, we now had very flexible ways to create recurring transfers - monthly on a certain day, weekly on a certain day. We needed to have continuity across the application for these abilities and adding to the transfers flow was an obvious win.

Design Goal

Design Goal

Clarity and Design Consistency

Clarity and Design Consistency

As one might expect, legal and compliance is a huge requirement for any designs in banking. Therefore, accuracy and clarity about transfers and any related side interactions were the main goals so customers would not be confused or feel deceived about their money movement.

Design consistency across the app was important for developing a reliable and trustable banking platform.

As one might expect, legal and compliance is a huge requirement for any designs in banking. Therefore, accuracy and clarity about transfers and any related side interactions were the main goals so customers would not be confused or feel deceived about their money movement.

Design consistency across the app was important for developing a reliable and trustable banking platform.

Competitive Analysis

Competitive Analysis

Analyze how other institutions tackle this problem; What works and what could be better

Analyze how other institutions tackle this problem; What works and what could be better

I researched the way that other financial institutions tackled transfers. There was not one "best practice" that all banks followed, which let me know that some user testing would be needed.

I researched the way that other financial institutions tackled transfers. There was not one "best practice" that all banks followed, which let me know that some user testing would be needed.

User Testing

User Testing

Identify the easiest-to-understand language usage

Identify the easiest-to-understand language usage

Money in/money out, deposit/withdrawal, into/from - these were some of the mental models we tested on Maze for users. The most intuitive language used was deposit/withdrawal/transfer between which informed our designs and the language used throughout the whole flow.

Money in/money out, deposit/withdrawal, into/from - these were some of the mental models we tested on Maze for users. The most intuitive language used was deposit/withdrawal/transfer between which informed our designs and the language used throughout the whole flow.

Compliance and Legal Review

Compliance and Legal Review

Review design flow and content with legal teams to satisfy FDIC laws and regulations

Review design flow and content with legal teams to satisfy FDIC laws and regulations

The last part of the process before handing off to engineers is reviewing with the legal/compliance team. At HMBradley, we have internal lawyers and also external lawyers that all must approve our work. This process includes thorough explanations of the project and all changes, balancing competing priorities between being legally compliant but also not impeding on design goals (clarity, context) for the end user, and of course doing said process in a timely manner to get this shipped!

Our process was on MarkUp with the internal legal team- a platform making it easy to make and track comments on any PDF/PNG file, and Linear and Monday with our external legal teams.

The last part of the process before handing off to engineers is reviewing with the legal/compliance team. At HMBradley, we have internal lawyers and also external lawyers that all must approve our work. This process includes thorough explanations of the project and all changes, balancing competing priorities between being legally compliant but also not impeding on design goals (clarity, context) for the end user, and of course doing said process in a timely manner to get this shipped!

Our process was on MarkUp with the internal legal team- a platform making it easy to make and track comments on any PDF/PNG file, and Linear and Monday with our external legal teams.

Engineering Handoff

Engineering Handoff

Leading Design x Engineering handoff meeting

Leading Design x Engineering handoff meeting

When the designs are approved and finalized, I schedule a live design x engineering kickoff meeting to explain the new changes + leave room for any questions. I provide clear and details Figma files for all devices: web, mobile web, and native app.

When the designs are approved and finalized, I schedule a live design x engineering kickoff meeting to explain the new changes + leave room for any questions. I provide clear and details Figma files for all devices: web, mobile web, and native app.

Impact and Metrics

Impact and Metrics

1

Decreased transfer timing support tickets by 40%

The simplified and improved transfers experience reduced customer confusion about transfer times. Since we also added the ability to initiate and track recurring transfers, there is more connectivity across the application.

1

Decreased transfer timing support tickets by 40%

The simplified and improved transfers experience reduced customer confusion about transfer times. Since we also added the ability to initiate and track recurring transfers, there is more connectivity across the application.

1

Decreased transfer timing support tickets by 40%

The simplified and improved transfers experience reduced customer confusion about transfer times. Since we also added the ability to initiate and track recurring transfers, there is more connectivity across the application.

2

Increased engagement with Routine product

Most common Routine became recurring transfer on a specific date (out of 12 different types of Routines), previously was transaction categorization

2

Increased engagement with Routine product

Most common Routine became recurring transfer on a specific date (out of 12 different types of Routines), previously was transaction categorization

2

Increased engagement with Routine product

Most common Routine became recurring transfer on a specific date (out of 12 different types of Routines), previously was transaction categorization

Learnings and Next Steps

Learnings and Next Steps

Be as clear and honest as possible.

Be as clear and honest as possible.

Transfer posting times in banking feels ambiguous. Most of us cannot with confidence, explain who is at fault in the process - the receiving institution, the initiating institution, the payment network. The best we can do right now as the initiating institution is be clear about what we do know, and what is dependent on other institutions. 

Next steps for this project is to continue monitoring customer support tickets to see how customers are interacting with the transfers flow and where pain points are happening, or if language needs to be adjusted to maintain clarity.

Transfer posting times in banking feels ambiguous. Most of us cannot with confidence, explain who is at fault in the process - the receiving institution, the initiating institution, the payment network. The best we can do right now as the initiating institution is be clear about what we do know, and what is dependent on other institutions. 

Next steps for this project is to continue monitoring customer support tickets to see how customers are interacting with the transfers flow and where pain points are happening, or if language needs to be adjusted to maintain clarity.

©2024 Michele Shi

©2024 Michele Shi

©2024 Michele Shi

©2024 Michele Shi