Overview
Research indicated challenges with the comparison table in current account switch journeys, prompting concerns about its utility in other contexts. Mobile users, who represent the majority of table visitors, are least likely to return. In switch journey research, the table was identified as hindering easy account comparison due to the transition the table to selecting an account not being intuitive.
![](https://cdn.myportfolio.com/555d443c-546e-4c72-9cb8-c4ae72157a73/3eb49b07-5baa-4fbb-904a-da3b50e49571_rw_1920.png?h=2a0dba17b52686b61ce33bcad90cd00a)
Discovery
Collaborating with insight experts and using tools such as Contentsquare to analyse data such as ‘Attractiveness’ and ‘Exposure rate’ highlighted the need for a mobile first approach with a significantly higher number of unique visits from mobile devices, and only 40% of them returning. It was also important to conduct competitor research and analysis to see how other banks offered the ability to compare accounts to customers.
![](https://cdn.myportfolio.com/555d443c-546e-4c72-9cb8-c4ae72157a73/00a2df93-9d41-41f1-bb7f-b75f40e26a51_rw_1920.jpg?h=8b3c447d951216f74b2ec4addff3f47d)
![](https://cdn.myportfolio.com/555d443c-546e-4c72-9cb8-c4ae72157a73/2dfb9abe-88af-4c75-808f-8d4d03617132_rw_1920.jpg?h=d1b7f0be44aa88b11fc2afa601abf2aa)
Creative workshop
Leading a Crazy 8’s workshop with numerous colleagues allowed a diverse team of individuals to brainstorm rough ideas. Encouraging open and honest conversation so we could vote on ideas and prioritise them for consideration during lo-fi wire-framing. Lo-fi sketches were created at pace visualise ideas and gather feedback from the wider team.
![](https://cdn.myportfolio.com/555d443c-546e-4c72-9cb8-c4ae72157a73/7e3dbf6c-a549-4f4a-aeb3-557e8981c616_rw_1920.jpg?h=1b1d831d7d5c4625afdb99961a60e28f)
Design and prototype
I was able to start producing hi fidelity mockups while considering how new components would be implemented in to the Nationwide Experience Language. Using the design system as a basis to ensure a consistent cross-platform approach helped me to ideate quickly and gather feedback from various key stakeholders. Considering accessibility throughout this process meant that any new components were given extra consideration to ensure they had sufficient supporting elements for users of all ability. In particular, the introduction of navigation arrows on mobile benefited from a pagination label so that visually impaired users could navigate easily when using screen reader technology.
![](https://cdn.myportfolio.com/555d443c-546e-4c72-9cb8-c4ae72157a73/736132e0-ef4c-4d5a-81a5-af615fc902d3_rw_1920.jpg?h=4b571987896e6fa5e3edb028f37e36fc)
After collaborating with a content designer to refine the solution, a fully functioning mobile prototype was created in Figma to enable user testing. Only 2 current accounts were interactive in the prototype due to tight deadlines so I made sure that the prototype reflected the desired functionality for the most accurate findings.
![](https://cdn.myportfolio.com/555d443c-546e-4c72-9cb8-c4ae72157a73/fec4902f-d407-40d5-be8b-8daafb53c35c_rw_1200.gif?h=67dda9445693d4a744d5f9358ad512a4)
![](https://cdn.myportfolio.com/555d443c-546e-4c72-9cb8-c4ae72157a73/6882c46a-d1a1-45bf-a702-01bc10928e1a_rw_1200.jpg?h=29d621d71e7eda1a4b02b3a33a98ea63)
Moderated user testing
To conduct a round of moderated user testing, a handful of users were identified based on their age and location and given the task of finding and comparing information from two current accounts . Throughout the task they were urged to comment on their initial thoughts, and their expectation during each interaction. To conclude the test, a UX researcher asked a series of questions about the overall usability of the tool.
![](https://cdn.myportfolio.com/555d443c-546e-4c72-9cb8-c4ae72157a73/666e424a-0730-40ba-834d-7c3b77de4f76_rw_1920.jpg?h=3e90567c9cf3429244bc3e8c6f3c8341)
Conclusion
The user test proved successful and there were a number of key takeaways that provided good insight to help progress the design. A number of participants showed concerns about the level of account detail shown and how it didn’t actually help them understand what was included. An alternative component was selected that features an image, and higher character count which helps users understand each account and identify them more quickly.
![](https://cdn.myportfolio.com/555d443c-546e-4c72-9cb8-c4ae72157a73/b9b81760-8e44-4e57-830f-834c4f5f14a7_rw_1920.jpg?h=d2c8b428af6854ae52d55d239c171257)
All participants could navigate to the required information and compared accounts easily, and although a few were expecting to see 2 accounts side by side, it was important to ensure legibility at smaller screen sizes and not compromise usability.
By taking a data and insight led approach, the proposed solution is functional, easy to use and scalable across multiple areas of the business.