I'd like to know what is the best UI/UX to support editing multilanguage data inputs for forms in an web-application?
By multilanguage data inputs I meant, I want the user to be able to input ie. [Item Title] for EN like "Apple" and "Pomme" for FR. Not the language for the form labels/application itself.
I've already looked at various CRM,E-commerce, and the likes that support this, and they all have different implementation, which for me has its own pros and cons.
Problems:
- Some forms can be very long with only one or two field need to be translated to other language OR short forms with a lot of field to translate, and combination of both.
- Design must be able to support for 2+ languages and responsive to at least mobile phone.
- Fields needed to be translated not always able to be grouped separately as it would break the flow.
- It'd be nice if user can compare with the original version (in EN) when translating.
What I thought:
Make the language into tabs so user can easily see other language for comparison
Disable global fields (fields that is shared between language, not a language-specific) on translation tabs (meaning, any language other than EN)
Some of roughly design of the application I'm currently making PS: Top right Language is to change the application language, while the Language in the body is to change the data language.