Magdalena Ostoja-Chyżyńska: Shaping UX GIRL Future in AI and Web3

Designing user-friendly banking apps is critical in the modern era of Mobile Banking and Fintech, where user expectations for seamless digital experiences are higher than ever. Whether you're designing a platform for Retail Banking or developing tools tailored to the needs of small businesses, the key to success lies in simplifying complex financial processes. One area that often presents challenges is the communication of ACH (Automated Clearing House) Return Codes, which are used to explain why certain transactions are rejected or returned.

Understanding what the ACH Return Codes are and how to deal with them can be a confusing experience for users, especially since these codes represent specific reasons why a payment was rejected or returned. As UX professionals, it's our job to translate these technical issues into digestible, user-friendly content that not only informs but also reassures the user. 

In this guide, we’ll explore how to effectively present ACH Codes within your mobile app, ensuring a seamless user experience. Whether you’re targeting a wide retail banking audience or catering to the needs of small businesses, these strategies will help you design a more intuitive and user-friendly financial experience.

1. Highlight the Most Common Return Codes

Every mobile app dealing with financial transactions will have its own set of commonly encountered ACH Return Codes. However, it's important to note that the list of those codes will vary from app to app. What’s frequently encountered in one app may be less common in another, depending on the specific user base and transaction types.

Recognizing these common issues is the first step toward enhancing the user experience. It’s crucial to analyze the data within your app to determine which ACH return codes are most prevalent among your users.

Here are a few of the most frequently encountered R-codes:

Insufficient Funds

• R01 – Insufficient funds in the account

Account Issues

• R02 – Account closed
• R03 – No account/unable to locate account
• R04 – Invalid account number

Authorization & Payment Issues

• R05 – Unauthorized debit entry
• R07 – Authorization revoked by customer
• R10 – Customer advises not authorized

‍Banking & Processing Errors

• R08 – Stop payment
• R09 – Uncollected funds
• R16 – Account frozen

Non-Transaction Reasons

• R20 – Non-transaction account (account type does not allow debits)
• R23 – Credit entry refused by receiver

2. Strategically Utilize Multi-Channel Notifications for Common Codes

When dealing with common ACH return codes, it's crucial to ensure that users are notified promptly and effectively, even if they might not engage with every notification type. Here’s how you can approach it:

Push Notifications: Push notifications are great for catching users' attention, but keep in mind that not everyone has them turned on, and some users may swipe them away without reading the details. To address this, ensure that each push notification is short yet packed with essential information. The notification should include:

• A title that clearly informs the user what the message is about. For example, "Payment Issue Detected" or "Payment Failed".
• Clear Information on what happened, why it happened, and what the user needs to do to fix it. For example: "Insufficient funds detected in your account. Please add funds or link a different account to complete your payment".
• An action button that the user can click to immediately resolve the issue. For instance, the button might say "Add Funds" or "Update Account," taking the user directly to the relevant section in the app.

By using concise yet compelling language, you can encourage users to take immediate action while ensuring they understand the issue and how to resolve it.

In-App Alerts: Since users might miss or dismiss push notifications, in-app alerts serve as a second line of communication. These alerts can appear as pop-ups or banners the next time a user opens the app, ensuring the message is seen. This approach helps to catch attention of users who might have missed the initial push notification.

Email and SMS: These channels provide a more persistent way to reach users. Email is great for delivering more detailed information, while SMS can quickly grab attention with short, direct messages. Since these methods don’t rely on the user being in the app, they are ideal for ensuring that the message is received, even if push notifications are ignored or missed.

By leveraging a combination of these channels, you can ensure that users are informed about payment issues, regardless of how they interact with notifications. This multi-channel approach increases the likelihood that users will take the necessary action to resolve the problem.

3. Create a General Solution for Less Common R Codes

For less common ACH return codes, it's often more efficient to use a generalized approach. Instead of creating a unique notification for each rare code, identify which of these less common return codes in your app share the same resolution. Once you’ve determined this, you can design a single pop-up notification with a consistent title and resolution that applies to multiple R codes.

For example, if several infrequent R codes require the user to verify their account details, you can use a unified notification like:

• Title: "There was an issue with the payment."
• Message: "We encountered an issue with your transaction. Please verify your account details and try again."

4. Use Language Your Users Understand

The language you use in your app is critical. Most users aren’t financial experts—they just want their transactions to go through smoothly. To help them, avoid technical jargon and focus on plain, straightforward language that conveys the message clearly and effectively.

For example, instead of displaying a technical description like “R02: Account Closed,” use a more user-friendly message: “It looks like this account has been closed. Please check your account details or link a different bank account.” This kind of messaging is easier for users to understand and takes the guesswork out of resolving the issue.

Adding a human touch can further reduce user anxiety and improve overall satisfaction. For instance, rather than showing “R01: Insufficient Funds,” your app could display, “Oops, it looks like you don’t have enough funds in your account.” Pair this explanation with actionable steps, such as retrying the payment, linking a different account, or contacting support for assistance. This approach ensures users know exactly what happened and how to fix it, making the experience less stressful and more user-friendly.

Conclusion

Dealing with ACH R codes doesn’t have to be a source of frustration for your users. By highlighting the most common codes with clear, actionable language, using a strategic multi-channel notification approach, creating generalized solutions for less common codes, and always communicating in a way that your users understand, you can turn a potentially negative experience into a positive one.

Remember, the goal is to make complex financial processes feel simple, intuitive, and manageable. Your users will thank you for it.‍‍‍

We are thrilled to announce that UX GIRL is now part of TopDevelopers, a premier platform connecting top development companies with businesses in need of innovative solutions. This is an exciting milestone for us as we expand our reach and showcase our expertise in creating user-centric digital experiences.

What This Means for UX GIRL

Joining TopDevelopers allows us to present our services to a wider audience of potential clients and collaborators who value great design and exceptional user experiences. By being a part of this platform, UX GIRL aligns with a trusted network of developers and designers shaping the future of technology.

We’re excited about the opportunities this partnership brings and are eager to connect with businesses that share our passion for creating impactful digital products.

Why TopDevelopers?

TopDevelopers is more than a directory; it’s a trusted space where businesses connect with proven experts. Being part of this community means:

• Increased Exposure: UX GIRL will now be visible to thousands of businesses looking for exceptional UX design solutions.
• Enhanced Credibility: Our presence on the platform reinforces our position as a trusted partner in the design and development industry.
• Global Networking Opportunities: We’re excited to collaborate with businesses and innovators worldwide to create user-centered designs that matter.

What’s Next for UX GIRL?

With our profile soon to be live on TopDevelopers we’re excited to embark on this journey of growth, collaboration, and innovation. Whether you’re a startup, a mid-sized business, or an enterprise, UX GIRL is here to help you design experiences that leave a lasting impression.

If you’d like to learn more about our services or collaborate on your next big idea, feel free to reach out. Let’s create something incredible together!

‍

Scrolljacking (or scroll hijacking) is a design pattern that changes the speed and, sometimes, the direction of scrolling on a web page. 

When it comes to scrolling, users have strong mental models: they expect to scroll vertically, at a consistent rate that is related to how they are physically interacting with their input device. In most computer operating systems, the default scroll speed can be manually adjusted to be more sensitive or less sensitive, but it is always consistent. 

Websites are designed to enhance the user experience, not impede it. Traditional scrolling is a universally expected behavior for internet users, and people anticipate their computers and browsers to operate in a familiar manner.

Here are some examples of websites that utilize scrolljacking:

1. Home Société
2. Cristóbal Balenciaga Museum
3. Chalet Baumatti

Understanding the Purpose and Benefits of Scrolljacking

The Nielsen Norman Group identifies several common reasons why designers employ scrolljacking. Here are some of the key motivations outlined by digital product usability specialists: 

• Simplifying Information Presentation: Scrolljacking is employed to simplify the presentation of complex or information-dense topics and visuals. For instance, consider the Apple Watch Ultra example above, where scrolljacking enables a step-by-step visual breakdown of eight physical features on the watch. This approach allows for a gradual unveiling of minute technical details, preventing users from becoming overwhelmed by an excessive amount of information all at once. 
• Enhancing Storytelling: Another reason designers utilize this technique is to enhance storytelling. For instance, on the BBC website, scrolljacking is used to progressively disclose supporting information, effectively guiding users through the narrative. 
• Conveying Brand Personality: Designers play a crucial role in reinforcing a brand's identity by translating it into user experience interactions. As users interact with a brand over time, they form an interpretation of the brand based on the sum of their experiences.

‍Is Scrolljacking Always a Good Choice? 

The answer to this question is quite simple - no. Designers understand that every design is crafted with the end user in mind. It necessitates a thorough assessment of the target demographic and a clear definition of the intended user experience. 

There are compelling reasons to exercise caution with scrolljacking. It might not be the best choice when developing websites with high traffic volumes, accommodating diverse devices, adhering to accessibility standards, or catering to a user base largely composed of less tech-savvy individuals.

The designer's pivotal role lies in scrutinizing whether employing scrolljacking would serve as an engaging enhancement to the user interface or if it might present an unwelcome hurdle, potentially deterring users from fully engaging with the website.

Enhancing User Enjoyment in Scrolljacking: What to Avoid 

Assuming you've made the choice to incorporate scrolljacking to infuse excitement and distinctiveness into your website design, it's crucial to be aware of potential pitfalls that can irritate users, even in the presence of the most remarkable designs. Specifically, you should be cautious of the following: 

• Lack of Control Over Scrolling Speed: Users are accustomed to having control over their browsing experience. They expect to scroll through a webpage at their own pace, which includes reaching the bottom of the page when they desire. Preventing users from doing so can be frustrating. 
• Failure to Indicate User Position: Given that scrolljacking is not a conventional browsing method, it can lead to user confusion. To mitigate this, it's advisable to provide clear visual cues indicating the user's current position, such as a progress bar or filled-in dots. This helps users maintain a sense of orientation within the scrolling journey. 
• Information Overload: Even the most elegant design can become overwhelming if users find themselves scrolling through a single page for an extended period without a discernible endpoint. Always assess whether the volume of content is proportional to the user's scrolling experience, avoiding excessive information that might overwhelm them. 
• Page Performance Issues: The use of scrolljacking, especially in conjunction with numerous animations, can lead to slow page performance. To prevent this issue, rigorous testing on various browsers is essential. Ensuring that the website maintains smooth functionality across different platforms is vital for a positive user experience. Incorporating these considerations into your scrolljacking design can help create a captivating and user-friendly experience, enhancing the overall appeal of your website."

Summary 

In conclusion, scrolljacking is a design pattern that, when used thoughtfully, can add depth and interactivity to web experiences. It alters the traditional scrolling behavior to engage users in new and creative ways. However, it's important to remember that users come to websites with certain expectations and mental models, and any departure from these norms should be deliberate and beneficial.

As designers, it's our responsibility to weigh the advantages and disadvantages of scrolljacking carefully. It's not always the right choice, and the user's experience should remain at the forefront of our design decisions.

To make scrolljacking enjoyable for users, avoiding common pitfalls is essential. Users should always have control over scrolling speed, and their current position within the scrolljacking journey should be clearly indicated. Additionally, the amount of content should be balanced to prevent overwhelming users, and performance issues should be addressed through thorough testing.

Ultimately, the use of scrolljacking should enhance the user experience, not hinder it. By considering these principles and understanding when and how to implement scrolljacking effectively, designers can create engaging and user-friendly websites that leave a positive and lasting impression on visitors.