Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

We are developing a Client Application that supports multiple languages. We have some MasterData that requires to have a localized Name (e.g a Product is named different in every location). When creating such MasterData the User should be given the possibility to enter localized Names for every languages but he has at least to enter the English translation.

How would you create such an input form?

I was thinking about creating some kind of small UserControl allowing to iterate through, show and allowing the input of different languages.

share|improve this question
1  
I'm a bit unclear on your question -- could you expand it? Perhaps a little diagram of what you're thinking followed by where you think it falls short. –  Loren Rogers Oct 2 '12 at 13:55
    
Is the name the only attribute that needs to be translated, or do things like product description need to be translated too? –  Matt Obee Oct 2 '12 at 14:02

5 Answers 5

A standard option is to have a required field and a button that adds a new input field for extra items like new localizations:

mockup

download bmml source – Wireframes created with Balsamiq Mockups

I'd made English appear to be the default name as it sounds like this is how your app works, and each added Localization/name includes a language and an input field for the localized name.

share|improve this answer

For record, we use in our own application something a bit like Ben Brocka, but without the pain of select list for the user.

mockup

download bmml source – Wireframes created with Balsamiq Mockups

It's a tiny layout where all the existing translations are present with a button to remove it. Below are the other available languages through a list of buttons, and clicking on one of them adds a localization. Not really different so, but we found that it was more usable than a select.

The main default of this UI for your problem - and ours too - is than you cannot manage in one shot all the translations of all the fields, it's only field oriented.

share|improve this answer

There's a nice approach implemented by Prestashop (an open source multi-language e-commerce web platform). I'm pretty sure you can see it action in their online demo: http://www.prestashop.com/en/demo (enter the admin panel and edit a product, since product names can be localized).

Their approach is as follows:

Take the localizable edit box and just add a small flag after it (on the same line). The flag has the same height as the edit box, so it feels like a very natural extension of the edit box. You can show a tooltip with the language name when hovering over the flag for people who don't know their flags all that well.

When you click on the flag, you show a drop-down menu (or a hover menu) with all other languages. Once you select a language, the hover menu disappears and the content in the edit box refers to this language.

It's quite similar to Ben's suggestion, but much cleaner. There is almost no difference between the localizable edit box and the non-localizable so you can switch back and forth with minor layout changes.

enter image description here

share|improve this answer
up vote 1 down vote accepted

Here is my final Solution atm:

Thats what i came up with

share|improve this answer

We're looking for long answers that provide some explanation and context. Don't just give a one-line answer; explain why your answer is right, ideally with citations. Answers that don't include explanations may be removed.

Following the great suggestions of Ben and talkol, I would add by default the common translations the user would choose (another challenge is to predict those defaults as accurately as possible). Another important feature is the ability to delete added translations, perhaps by adding a little X to the left of each row.

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.