Currencyfair Case Study
Overview
Currencyfair is a peer to peer (P2P) money exchange online marketplace. Users can transfer their money overseas to any currency for low exchange rates, saving them money.
The goal of this project was to critically evaluate the website and identify problems with the current user experience and make user centered changes, as part of an academic UX proposal assignment.
Role & Duration
Solo Project – UX researcher & UX / UI designer
One month (February – March 2021)
The problem
New visitors to Currencyfair’s website need to understand what the service is and how it works in order to trust the service enough to use it. This should help Currencyfair achieve it’s business objective of acquiring new customers.
The story
Desk research
I researched Currencyfair’s current useage on Similarweb.com to discover more about it’s user base.
I discovered a lot of it’s traffic was coming from Facebook and went to the company’s Facebook page and looked at the users that were interacting with the page to get an idea of age, gender, location, education level and lifestyle.
I read reviews on Trustpilot.com to get an idea of the common pain-points users experience, as well as what they liked about the website.
This information helped me to gain insight on the target market audience which informed who to include in my usability testing.
Commonalities amongst users include: age 25 – 45, love of travelling, living/working overseas, working professionals who are generally educated to college degree level.
(All names, photos, locations and any identifying information has been changed in the images included.)
1. Discovery research
I conducted usability testing with five representative users on Currencyfair’s website on mobile. Scenarios included typical tasks a user might undertake on the website.
The sessions were designed to find out how users feel about the usability of the current website (as-is) and to help identify pain-points.
Usability Testing the as-is website
Affinity Diagramming & Thematic Analysis
Link to the affinity diagram in Miro: https://miro.com/app/board/o9J_lRQhSTI=/
Analysis
Testing session transcripts were reviewed and affinity mapping was undertaken to analyse the findings. Thematic data analysis was performed to identify key issues users experienced and to inform user-centered design changes.
2. Define
User Pain-Points (As-Is Mobile Website)
Issue #1 – New Currencyfair users unaware of how the service works
New users struggled to figure out what Currencyfair is for / how it works.
Quote:
“I understand that it’s for transferring money overseas but I’m not actually sure how it works… Like where does my money go when I send it? Is it direct to my account? Is it safe or even legal? I’d need to figure that out before I would trust it enough to actually use it.”
Issue #2 – New Currencyfair users unaware of why they should use the service (USPs)
New users didn’t see why they should use it / the benefits and were unclear on the USP.
Quote:
“Why would I actually need to use this? Could I not just transfer it using my normal bank? I don’t really get it, like what is the actual benefit of using this?”
Primary User Persona
A primary user persona was developed based on all of the discovery research and helped to humanise the core needs and frustrations from the user’s perspective.
User Quote: ”It’s like I can’t seem to figure out how this works.. I know it’s for transferring money but – how does it work? How do I use this? Thats the part that’s unclear”
As-is emotional journey mapping
The user starts off feeling good/excited/curious when visiting the Currencyfair website.
The user tries to find information on how to use the service and quickly becomes confused and frustrated by the unclear information presented to them.
The user locates a video ‘how it works’ which is hidden away in the mid section of the homepage. The content of the video, however, leaves her feeling more confused and unclear on how the service actually works/how to use it.
Because a trusted friend recommended the service to them, they decide to sign up anyways.
The user feels hesitant and would feel more comfortable if they could understand how it works and have full confidence that it is trustworthy, safe and legitimate.
3. Develop
In order to address the lack of knowledge and understanding expressed by users, I began to ideate solutions to this problem.
Research findings
Users struggled to find important information on how to use the service.
Users had to root on the website to find information such as the user guide, video tutorial and FAQs.
Solutions
Video tutorial to the top of landing page
‘Help’ section in the top burger menu with pages such as ‘FAQs’ and ‘User Guide’
New ‘Chat with an advisor’ feature to request correspondence for queries.
Paper Prototypes
Paper prototypes were developed to quickly sketch out how I might address solutions to the problems found in the discovery research.
Below is an example of a flow I hashed out on paper, whereby I addressed the information heirarchy issue of the video being hidden low down on the Currencyfair websites homepage.
*Note: more paper prototypes were created but aren’t included for the purposes of this demo.
User clicks video on homepage
Watches video on how Currencyfair works
Video ends, user redirected to homepage
Clicks ‘Get started now’ CTA to sign up for an account
3.2 Paper Prototypes
Paper prototypes were developed to quickly sketch out how I might address solutions to the problems found in the discovery research.
Below is an example of a flow I hashed out on paper, whereby I addressed the information heirarchy issue of the video being hidden low down on the Currencyfair websites homepage.
*Note: more paper prototypes were created but aren’t included for the purposes of this demo.
Landing page
User clicks video
Video dialogue opens
Video plays
Video ends, user redirected to homepage
Clicks ‘Get started now’ CTA to sign up for an account
3.3 Lo-Fi Wireframes
I then began to create low fidelity wireframes in Figma. The following wireframes encompass the solutions to the problems identified in the discovery research such as
Users aren’t clear on how Currencyfair works
Users struggled to find ‘Help’ resources.
The wireframes pose the following solutions:
‘How it works’ video moved from bottom of homepage (low findability) to the top (higher visibility)
Created a ‘Help’ section in the hamburger menu with helpful resources for users (FAQs, User Guide & Chat)
3.4 Video Flow
Landing page
User clicks video
Video dialogue opens
Video plays
Video ends, user redirected to homepage
Clicks ‘Get started now’ CTA to sign up for an account
3.5 Help Section – FAQs Flow
Landing page
User clicks hamburger menu
Menu opens
Clicks on ‘Help’
Help section opens, clicks on FAQs
Reads FAQs
3.6 Help Section – User Guide Flow
Landing page
User clicks hamburger menu
Menu opens
Clicks on ‘Help’
Help section opens, clicks on User Guide
Reads User Guide
3.7 Help Section – Accessing Chat Flow
Landing page
User clicks hamburger menu
Menu opens
Clicks on ‘Help’
Help section opens, clicks on Speak to an advisor?
Engages with chatbot
4. DELIVER
4.1 Digital Prototypes
Following the low-fi wireframes, I developed high fidelity prototypes in Figma.
Added ‘How it Works’ video for users in an area of high visibility.
Added ‘Help’ section in the hamburger menu with sections like FAQs, User Guide and Chat.
Added ‘User Guide’ section with visual aids to help understanding
Added ‘chat’ section where users can ask to speak to an advisor for help.
Added ‘FAQs’ section to help promote self-serve and understand how it works.
Low-fi wireframes
I then began to create low fidelity wireframes in Figma. The following wireframes encompass the solutions to the problems identified in the discovery research such as;
‘How it works’ video moved from bottom of homepage (low findability) to the top (higher visibility)
Created a Help section in the hamburger menu with helpful resources for users (FAQs, User Guide & Chat)
4. Deliver
High-fi Prototypes
Following the low-fi wireframes, I developed high fidelity prototypes in Figma.
5. Conclusion
This case study was presented to my UX class and highlighted the importance of clear, concise and meaningful information to users, in the right place and at the right time.
As this was an academic assignment, this was where the project ended.
If this were a real life project for Currencyfair, the next natural step would be usability testing of the prototype. This would aim to discover if user’s understanding of how Currencyfair works and why they should use it is improved.