BNY Mellon


Case Study: Personalization Features

At BNY Mellon, our goal was to enhance user experience by adding new personalization features to the client interface. The initial hypothesis was that users would benefit from the ability to customize their menus, allowing them to pin frequently used actions for easy access. We believed this would provide a more efficient and tailored experience, reducing the time it takes for users to complete tasks. As the problem became apparent certain subsets of users were having to bounce back and forth between repeated actions, and the user knew what information they needed, but there wasn't an easy path for them.

Define the Problem

At BNY Mellon, our goal was to enhance user experience by adding new personalization features to our interface. The initial hypothesis was that users would benefit from the ability to customize their menus, allowing them to pin frequently used actions for easy access. We believed this would provide a more efficient and tailored experience, reducing the time it takes for users to complete tasks.

Research

We began by conducting user interviews and analyzing user behavior data to better understand how users navigated the existing interface. Through this research, we aimed to identify which personalization features would have the most impact. We looked at similar features in the market and considered how our users might differ in their needs due to the specific financial tasks they perform. We looked at other financial services as well as other platforms in media and productivity.

Ideation

Based on our research, we proposed two main ideas: a customizable menu and a list of recently used actions. The customizable menu would allow users to pin specific actions for quick access, while the recent items list would provide a history of recent actions.

Analysis & Planning

The research showed that while personalization options are valuable, many users prefer automated solutions that minimize the effort required to manage preferences. This led us to refine our idea: instead of a fully customizable menu, users needed something more automatic or specifically a list of recently used actions that would persist across sessions. Our planning pivoted from focusing solely on customization to creating a more intuitive, history-driven feature that could provide easy access to recent actions.

Design

Once we identified the core problem, we designed several prototypes, including the initial "pinned actions" menu concept and the alternative "recent items" list. We aimed to make both options user-friendly, with minimal clicks to access key features. The recent items list was designed to be persistent across sessions, so users could easily find their previous actions without manual input, and the pinned actions menu was designed to be persistent across sessions and accounts. This allowed a user to indicate to the system what actions they wanted to be available to them.

Prototyping

I helped lead the prototyping phase, where we developed multiple [design variations](https://uxdesign.cc/whats-next-on-figma-s-mind-redesigning-design-systems-0f287aaabc14) to test the best solution for our users. We used low-fidelity wireframes to visualize the different flows and progressively moved to high-fidelity interactive prototypes. These prototypes were integrated into Maze, [a tool we used to simulate the user experience and capture data](https://maze.co/blog/empathy-mapping/). With Maze, we could track user interactions and measure the effectiveness of each design option. Going into Figma and using our user personas, we set forth making the various paths.

Testing

We conducted A/B testing to compare the performance of the pinned actions menu versus the recent items list. Users were presented with a modal survey after completing their primary tasks, inviting them to participate in the study. The survey gathered free-text/mood feedback on usability, efficiency, and preferences. Maze allowed us to measure user interactions directly and analyze which design led to faster task completion.

The control for the test was the existing menu and how they got to actions their persona would use. The test was split into three groups:

  • Group A: The existing menu, where users could navigate to actions using the menu.
  • Group B: The recent items list, where users could access recent actions without navigating through menus.
  • Group C: The recent items list, but not their recent items as they were on a shared account. This was done to see if a user would understand how those items got there and if they could reliably find their actions.

Results & Launch

The results from the A/B testing indicated that users overwhelmingly preferred the recent items list over the customizable pinned menu. Based on these findings, we integrated the recent items list feature into the BNY Mellon platform. It was initially rolled out to a subset of users for final validation before a broader launch.

Iteration

After launch, we continued to gather feedback and monitor user interactions to refine the feature. While the initial version met user needs, subsequent iterations improved the design based on real-world usage. We added options to filter or clear recent actions and further optimized the space where the list was displayed to ensure it was always easily accessible without cluttering the interface.

Conclusion

The personalization feature for BNY Mellon was a success, with the recent items list becoming a core part of the platform. The user-centered design approach, combined with iterative testing and analysis, led to a feature that improved user experience and efficiency. The component was then codified into a design system component and used across the platform.

Key Takeaways

While the featuring process didn't initially intend to create automation features, it showed how and iterative process can lead to a more intuitive and user-friendly solution. The feature was not initially developed with true automation as it used rather simple logic loops, it was expanded to use a ["Weighted Random" algorithm](https://dev.to/jacktt/understanding-the-weighted-random-algorithm-581p) to determine which actions to display based on user behavior. And as you'd expect this logic could be further expanded and applied to other features.

Future Considerations

This feature is an example of a philosophy of design that I've come to appreciate that combines a feature's usability with ways of testing built in. It provided ways for account administrators to set up the feature for their users and then monitor the usage of the account thereby providing data to the administrators to see what was being used and how it was being used. This can be historically be tough to test for such a seemingly small feature; the use of cookies and session data to track user behavior ended being a simple way to reproduce settings and see how they were being used.

References

Tags

#ux #design #research #design-system #design-thinking #design-research #prototyping #user-research #user-experience #user-interface #user-centered-design #heuristics #usability #product-design #product-development #product-management #product-strategy #automation #personalization #user-experience-design #user-experience-research #iteration #user-persona #case-study #financial-services #banking-and-finance

Disclaimer

This is a WORK IN PROGRESS! Everything belonging to in here is in a state of flux. This is a living .doc. I am either aware of the issue or perhaps hit me up here to discuss.

Joel Dombek © X.X.MMXXIV



Dreyfus


Case Study: Client Onboarding

With looking at how the client onboarding process worked the goal was to create a mobile-first entry that would help automate account creation. Users were guided through a multi-step onboarding form to help distinguish what type of account they were looking to create as well as the sorts of features they might need. The other key feature was the ability to add multiple child account with specific permissions.

Defining the Problem

The client onboarding process up to this point was more-or-less a manual one the a client would need to reach out to an account rep. This process did not provide a standardized data-object and would then require both the client and sys-admin to then have to help setup.

  • Complex account determination process
  • Multi-step verification requirements
  • Manual data verification bottlenecks
  • Need for intelligent data seeding

Research

Through our research we aimed to determine how question sets could be used to funnel appropriate information while asking only questions pertinent to the account they were wanting to create.

  • Analysis of existing onboarding workflows
  • User interviews with clients and internal stakeholders
  • Competitive analysis of other financial institutions
  • Documentation of pain points in current verification process

Ideation

Smart form logic proved to be a cornerstone of the improved onboarding process. By implementing intelligent field dependencies and progressive disclosure patterns, we created a more intuitive flow that adapts to user inputs in real-time, significantly reducing confusion and error rates during the account setup process.

  • Question matrix optimization
  • Smart form field dependencies
  • Automated verification checkpoints
  • Data seeding automation possibilities

Analysis & Planning

Our analysis evolved into a comprehensive strategic framework. The user flow mapping created clear pathways through complex account determination scenarios, while detailed question matrix logic trees enabled sophisticated branching based on user responses. Data validation requirements were meticulously documented to ensure compliance with financial regulations and security standards. Integration points with existing systems were carefully mapped to maintain data consistency across platforms while enabling smooth information flow between legacy and new components.

  • User flow mapping
  • Question matrix logic trees
  • Data validation requirements
  • Integration points with existing systems

Design

Design focused on creating an intuitive interface that guides users naturally through complex processes. Progressive disclosure patterns reveal information at optimal moments, reducing cognitive load. Dynamic form fields adapt in real-time to user inputs, showing only relevant options. The status tracking interface provides clear visibility into the onboarding progress, while verification dashboards give administrators powerful oversight tools. The visual system maintains brand consistency while emphasizing clarity and trust.

  • Progressive disclosure patterns
  • Dynamic form fields
  • Status tracking interface
  • Verification dashboards

Prototyping

The prototyping brought these concepts to life through working models. The interactive question matrix demonstrated complex routing logic in action, while form validation flows simulated real-world usage patterns. Account type determination logic was refined through multiple iterations based on user feedback. Data seeding simulations verified the accuracy of automated systems and helped optimize performance. Each prototype phase revealed opportunities for enhancement before final implementation.

  • Interactive question matrix
  • Form validation flows
  • Account type determination logic
  • Data seeding simulations

Testing

Testing encompassed multiple validation layers to ensure system reliability. User acceptance testing with actual clients revealed practical usage patterns and pain points. Verification process validation confirmed regulatory compliance and security measures. Data accuracy checks ensured consistent reliable information flow. Performance metrics tracked system speed and efficiency under various load conditions. This comprehensive testing approach led to a robust final product ready for production deployment.

  • User acceptance testing - Would users understand why they were being asked these questions? Would users be able to easily find the information being requested?
  • Verification process validation
  • Data accuracy checks - What was the minimal amount of information to setup an account that the verification agents would be able to act on.
  • Performance metrics

Results & Launch

The automated data seeding capabilities delivered substantial efficiency gains across the platform. This system intelligently pre-populates relevant fields based on initial user inputs and existing data relationships, cutting down on repetitive data entry while maintaining high accuracy standards through built-in validation checks.

The impact on client experience has been transformative. Users report higher satisfaction with the streamlined process, citing reduced time investment and clearer guidance throughout the onboarding journey. The new system's ability to provide real-time feedback and status updates has particularly resonated with clients, leading to improved completion rates and reduced support queries.

  • Streamlined onboarding process
  • Reduced manual verification time
  • Improved data accuracy
  • Higher client satisfaction rates

Key Takeaways

We discovered an optimal balance between automation and manual verification processes. While automation handles routine checks and data validation, strategic manual touchpoints remain for complex cases requiring human judgment. This hybrid approach maintains security and compliance requirements while maximizing processing speed.

  • Importance of smart form logic
  • Value of automated data seeding
  • Balance between automation and manual verification
  • Impact on client experience

Future Considerations

Some future considerations would be better understanding of the data-object(s) that the system and thereby what the developers would design to have seed data for Account Creation.


References

Tags

#ux #design #research #design-system #design-thinking #design-research #prototyping #user-research #user-experience #user-interface #user-centered-design #heuristics #usability #product-design #product-development #product-management #product-strategy #automation #personalization #user-experience-design #user-experience-research #iteration #user-persona #case-study #financial-services #banking-and-finance


ConnectiveRX: Outline


Defining the Problem

The admin dashboard required modernization to handle complex data management and reporting needs. Key challenges included:

  • Fragmented data visualization systems
  • Manual report generation processes
  • Limited user role management
  • Need for real-time analytics

Research

Our research focused on understanding how administrators interact with data and manage user permissions:

  • Analysis of existing dashboard workflows
  • Stakeholder interviews with admin users
  • Competitive analysis of admin interfaces
  • Documentation of reporting requirements

Ideation

Dashboard modularity emerged as a key solution component. We developed concepts for:

  • Customizable dashboard layouts
  • Role-based access controls
  • Automated reporting systems
  • Real-time data visualization

Analysis & Planning

We created a strategic framework focusing on:

  • User flow mapping for admin tasks
  • Permission hierarchy structures
  • Data visualization requirements
  • Integration points with existing systems

Design

The design phase prioritized clarity and efficiency:

  • Modular dashboard components
  • Dynamic data visualization tools
  • Role management interface
  • Reporting templates system

Prototyping

We developed working prototypes to validate:

  • Interactive dashboard layouts
  • Permission management flows
  • Report generation systems
  • Data visualization tools

Testing

Comprehensive testing included:

  • Admin user acceptance testing
  • Permission system validation
  • Report accuracy verification
  • Performance benchmarking

Results & Launch

The new admin dashboard delivered significant improvements:

  • Streamlined data management
  • Automated reporting capabilities
  • Enhanced user role control
  • Improved system efficiency

Key Takeaways

  • Importance of modular design
  • Value of automated reporting
  • Balance of flexibility and control
  • Impact on admin efficiency

Future Considerations

Future development could focus on AI-powered analytics and predictive reporting capabilities.


Vertex: Case Processing


Defining the Problem: Coming Soon […]

Coming Soon […]

  • Placeholder […]
  • Placeholder […]
  • Placeholder […]

Research

Coming Soon […]

  • Placeholder […]
  • Placeholder […]
  • Placeholder […]

Ideation

Coming Soon […]

  • Placeholder […]
  • Placeholder […]
  • Placeholder […]

Analysis & Planning

Coming Soon […]

  • Placeholder […]
  • Placeholder […]
  • Placeholder […]

Design

Coming Soon […]

  • Placeholder […]
  • Placeholder […]
  • Placeholder […]

Prototyping

Coming Soon […]

  • Placeholder […]
  • Placeholder […]
  • Placeholder […]

Testing

Coming Soon […]

  • Placeholder […]
  • Placeholder […]
  • Placeholder […]

Results & Launch

Coming Soon […]

  • Placeholder […]
  • Placeholder […]
  • Placeholder […]

Iteration

Key Takeaways

  • Importance of modular design
  • Value of automated reporting
  • Balance of flexibility and control
  • Impact on admin efficiency

Future Considerations

Coming Soon […]


References



Dick's Sporting Goods


Defining the Problem

The outdoor retail market needed a cohesive brand campaign that would resonate across digital and print channels. Dick's Sporting Goods required a unified visual language that would showcase their products in authentic outdoor scenarios while maintaining brand consistency.

  • Fragmented brand messaging across channels
  • Need for authentic lifestyle photography
  • Inconsistent product storytelling
  • Multi-channel asset requirements

Research

Our research focused on understanding how outdoor enthusiasts interact with sporting goods content across different touchpoints.

  • Competitive analysis of outdoor retailers
  • Consumer behavior studies
  • Social media engagement patterns
  • Brand perception surveys
  • Current asset usage analysis

Ideation

We developed concepts that would showcase products in their natural environment while telling compelling stories about outdoor lifestyle experiences.

  • Mood board development
  • Photography style guides
  • Copywriting tone frameworks
  • Location scouting strategies
  • Brand narrative concepts

Analysis & Planning

Created a comprehensive content strategy that mapped out shooting locations, product placement, and copy requirements across all channels.

  • Shot list development
  • Location mapping
  • Product integration planning
  • Channel-specific requirements
  • Timeline coordination

Design

The design phase focused on creating versatile assets that would work across multiple platforms while maintaining visual consistency.

  • Photography direction guidelines
  • Typography systems
  • Color palette refinement
  • Layout templates
  • Digital asset specifications

Prototyping

Created sample layouts and test shoots to validate the concept effectiveness.

  • Test photo shoots
  • Copy variations
  • Digital mockups
  • Print layout samples
  • Social media templates

Testing

Validated assets through multiple channels to ensure effectiveness and brand alignment.

  • Focus group feedback
  • A/B testing of layouts
  • Social media engagement metrics
  • Print impact studies
  • Digital performance tracking

Results & Launch

The campaign successfully launched across all channels with measurable impact:

  • 40% increase in social media engagement
  • Improved brand consistency scores
  • Higher conversion rates on digital platforms
  • Increased foot traffic from print campaigns
  • Strong brand recall in post-campaign surveys

Key Takeaways

  • Importance of authentic storytelling
  • Value of consistent visual language
  • Impact of integrated channel strategy
  • Power of lifestyle-focused product photography

Future Considerations

Future campaigns could explore seasonal variations, regional customization, and expanded digital platform integration while maintaining the established visual framework.


References

Tags

#ux #design #research #design-system #design-thinking #design-research #prototyping #user-research #user-experience #user-interface #user-centered-design #heuristics #usability #product-design #product-development #product-management #product-strategy #automation #personalization #user-experience-design #user-experience-research #iteration #user-persona #case-study #financial-services #banking-and-finance


Sandbox

Development playground with support for embedding within a minimal presentation navigation. The ability to show a RTL data feed that visualizes requests as well as error handling.

🤔 This is a ...
  • 🆕 New feature
  • 🐞 Bug fix
  • 📝 Site / documentation improvement
  • 📽️ Demo improvement
  • 💄 Component style improvement
  • 🤖 TypeScript definition improvement
  • 📦 Bundle size optimization
  • ⚡️ Performance optimization
  • ⭐️ Feature enhancement
  • 🌐 Internationalization
  • 🛠 Refactoring
  • 🎨 Code style optimization
  • ✅ Test Case
  • 🔀 Branch merge
  • ⏩ Workflow
  • ❓ Other (about what?)
PR example
Sandbox
@import url("offset.css");
@media screen and (max-width: 767px) {
  .parallax-footer #back-top {
    position: absolute;
	right: -16px;
	top: -36px;
  }
}
/* <pre> bg-color: NONE */
@import url("theme.css");
	#body.dark-mode-lights pre{background-color:none;}
<!-- Self-referential link -->
<a href="https://raw.githubusercontent.com/joeldom/asset/refs/heads/main/images/sandbox-stretch-scale.gif" target="_blank">
	<i class="fa-solid fa-link"></i> Permalink</a>