A couple of days ago I was posed with a dilemma in a design I was doing for a client. Since we work with international clients, these usually request a language option on their website. I never go with language options being displayed as flags since 1) languages are non-location based anyways 2) they usually ruin the look and feel of the website by their colours, since using black & white is not an option because i.e. the Danish, Swedish and Norwegian flag look too much alike when used in greyscale. I have gathered my solutions to two dilemmas I’m usually posed with when working with projects that require a language option.
Two options solution

What seemed easy to implement, wasn’t easy at first in another website project we had. It took a few tries before we realised which option was indicating it was active and which was a link. We implemented a simple solution where the one picked is clearly indicated with a coloured background and white text. The other poses as a regular link, using the specified link colour which is consistent through-out the website. Lesson learned here is that remember what you’ve already specified as links if you decide to use the same link colours in your language bar when only having to display two options.
Go to the implemented version: http://www.stressmusic.com
Multiple options solution

Eventhough I’ve never been much for using drop-downs, I’ve concluded that to have 4-5+ options on a website, the most usable function is to put them all in a drop-down box and make the option link active (so you don’t need a “go” button). In this solution I’ve entered a title “Select language…” in the dropdown instead of just showing the current language used. One could argue whether this should have been left out and just indicate the active language, but in this case I’ve chosen to show a title.
This project is not yet online, so I’m unable to show you the implemented version.
I hope this post will spark a good discussion about what other usable solutions are out there. I invite you to post some examples and explain why you think this example is either good/bad.






