The other day, don’t ask me how I managed to, I ended up on the Arabic version of a multilingual website. However, since I don’t speak Arabic, I was unable to find the information that I was looking for.
Then, when I tried to get back to the English version of the site, I realized that the drop-down language selector was in Arabic.
So, it was not easy for me to figure out which of the options displayed was the link to the English version of the website.
In the end, I decided to click the first one, assuming it would send me to the English page… And I was lucky! Pure chance though!
But, what can you do to avoid the users of your website facing this same issue I experienced?
Today I want to share with you some tips on how to display languages in your website’s language selector menu.
Use the name of the language in that specific language
This is probably the most user-friendly solution, since users can quickly identify their own language from the list. So, English for the English version, Français for the French version, Nederlands for the Dutch version, etc.
Do not translate the names in the language of the version the user is viewing
This is what happened to me with the Arabic version of the website I was navigating. If users end up on a language version that they can’t understand, how will they choose the right language if not by chance?
An alternative to this approach would be translating the relevant language name between brackets. For example, in a website in English, you could display the available languages as follows:
- German version (Deutsch)
- French version (Français)
- Spanish version (Español)
Avoid country flags by all means!
Flags are often viewed as politically incorrect. They represent countries, not languages. And there are many languages that are spoken in different countries. Also, some users might not be able to identify some flags.
Think of a user in Australia, why should she/he click on the flag of the U.S.A. to view the website in English?
Automatically redirect based on browser language
Another way to improve user experience is to insert a code in your site so that your users are automatically redirected to their preferred browser language when available. You can also determine a default language for those users whose language is not available in your website.
Here at Arancho Doc, our website’s language selector displays the different options in the relevant language:
What is the scenario that your company applies?