Impacting billions of people by optimising worldwide payment UX.

This project was all about user testing to optimise how banks, card networks and merchants present the payment authentication UX consistently. Working with Ipsos Mori and the EMV® 3DS team, we:

Created 80 multi-language prototypes in Figma and React
Built a tool for UX research teams to quickly access different prototypes
Co-authored and built the 3DS UX guidelines web tool

Watch case study:

In our first collaborative workshop we co-created each and every variant, including new features and UX enhancements.

Recognised logos have built in trust. This can impact how people behave so we created faux brands to neutralise this impact.

We designed each flow in Figma, using a combination of ML and human translation to test across markets. For flows that required a high level of interaction, we converted into coded (React) versions.

The prototypes had to feel real, including device native notifications, and real-world progress indicators.

Payment authentication happens across all kinds of devices, including gaming consoles like Xbox. Each prototype was designed and built according to these specs.

For the researchers, we had to make it easy to access each variant to test in their market. So we built a flow variant hub along with a pre-agreed codename for each variant.

During each day of testing, we made design changes on the fly. Small copy tweaks made all the difference at this scale.

We captured every design change in Figjam and ported all insights across to Airtable to share with the wider teams.

This amount of research created a lot of data. To make it easy to digest, we built and co-authored the 3DS UX guidelines.

Which includes live prototypes and examples, and easy-to-access guidelines.

"Caboodle were very skilled at slotting into our team. I never had any problems keeping in touch with them. I run a tight ship and there were no blockers from them. It all went smoothly on that front. Our clients were delighted with Caboodle as well."