Country and Language Selector
Matches
Overview
I was asked to help improve our country and language pop-ups for first time customers.
Role
UX Designer
Platforms
Desktop and mobile web
Process
User research
Wireframes (using Sketch)
Stakeholder negotiation
Use case exploration
Presenting
The Problem
The old country and language selector was an intrusive pop up message. The company wanted to improve the user journey for first customers who want to change the country they are shipping to and their language.
The Outcome
The new country and language selectors were built and released for desktop and mobile.
How we got there
The process
Analysis of the previous Matches
country selector
The old pop up is quite intrusive. Although you can still see the website behind the grey scale, it disrupts the customer journey and disallows users to continue browsing before choosing their location and language preference.
Competitor analysis
I started by doing some competitor benchmarking to see how other companies tackled the approach. I was especially interested by the examples with drawers sliding in from bottom and top.
User journey
Next I mapped out user flows to consider the best and worst case user journeys for displaying the selector without disrupting the shopping journey. Here is one example.
How might we?
As a result of the initial research, we decided to focus on how we might produce a combined country and language selector that is not intrusive and allows our customers to continue shopping.
Initial wireframes
The initial wireframes for mobile show that the message could slide up from the bottom so that users can still navigate the site, and there is a cross button to dismiss the pop up if they feel their preferences are fine.
Each screen shows a slightly different messaging option.
For desktop, the pop up would look more like a notification which would originate from the country settings button.
Legal discussion
We also had meetings to discuss how the cookie policy should read and where it should be placed. It is conventional to put legal text in visible but more discreet position, so that was something we put into consideration for the next iteration.
Cookie messaging and use case exploration
Next I put together some use cases to consider what it would look and read like depending on the location, language, and shipping destination.
With regards to the legal cookie messaging you can see that we decided to place the text under the buttons so that it is separated from the rest.
Next steps
After figuring out all the use cases, the wireframes were sent to our Translation Team and the Digital Design Team to be finalised.
Live designs
You can now see these country and language pop ups live on the site for desktop and mobile web.
The good thing about these pop ups is they are not intrusive, so the user can continue to explore the site before making a decision.
