web-dev-qa-db-fra.com

Meilleure interface utilisateur / interface utilisateur pour les entrées de données multilingues dans les formulaires

J'aimerais savoir quelle est la meilleure interface utilisateur/interface utilisateur pour prendre en charge la modification des entrées de données multilingues pour les formulaires dans une application Web?

Par entrées de données multilingues, je veux dire, je veux que l'utilisateur puisse entrer, c'est-à-dire. [Titre de l'article] pour EN comme "Apple" et "Pomme" pour FR. Pas la langue pour les étiquettes de formulaire/l'application elle-même.

J'ai déjà examiné divers CRM, E-commerce et autres qui le supportent, et ils ont tous une implémentation différente, qui a pour moi ses propres avantages et inconvénients.

Problèmes:

  • Certains formulaires peuvent être très longs avec seulement un ou deux champs à traduire dans une autre langue OR des formulaires courts avec beaucoup de champs à traduire et une combinaison des deux.
  • La conception doit pouvoir prendre en charge plus de 2 langues et être compatible avec au moins le téléphone portable.
  • Les champs devaient être traduits et ne pouvaient pas toujours être regroupés séparément car cela interromprait le flux.
  • Ce serait bien si l'utilisateur peut comparer avec la version originale (en EN) lors de la traduction.

Ce que je pensais:

  • Transformez la langue en onglets pour que l'utilisateur puisse facilement voir une autre langue pour la comparaison

  • Désactiver les champs globaux (champs partagés entre des langues, et non spécifiques à une langue) sur les onglets de traduction (c'est-à-dire toute langue autre que EN)

Une partie de la conception approximative de l'application que je fais actuellement PS: La langue en haut à droite consiste à changer la langue de l'application, tandis que la langue dans le corps consiste à changer la langue des données.

enter image description hereenter image description here

6
margie

Si j'ai bien compris votre question, l'objectif de votre projet est:

  1. Développez une application qui aura des formulaires personnalisés.
  2. L'application aura plusieurs langues dont rtl (arabe, etc.).

Dans ce cas, je recommanderais votre solution

Transformez la langue en onglets afin que l'utilisateur puisse facilement voir une autre langue pour la comparaison enter image description here

Il vous suffit de créer une table dans votre base de données. Je crois que vous utilisez php, vous pouvez passer la chaîne de chaque mot dynamique à analyser dans la base de données. Il existe de nombreuses bibliothèques qui vous aideront à faire tout cela en quelques minutes.

L'utilisateur/client modifiera la langue à sa convenance. enter image description here

Dans le cas où vous souhaitez avoir rtl, vous devez avoir une feuille de style rtl supplémentaire de votre application. Lorsque l'utilisateur choisit l'arabe, l'application passe à la feuille de style rtl.

1
Serag Alzentani

Ce que je comprends pour votre conception, c'est que vous voulez que l'utilisateur enregistre d'abord les données en anglais, puis duplique le produit et le modifie pour d'autres langues.

Je comprends également que vous souhaitez ajouter des options qui offrent une traduction automatique. Dans ce cas, j'aime vos solutions avec onglets, car vous offrez un petit nombre de choix.

Je ne vois pas vraiment pourquoi vous pensez avoir besoin d'une meilleure solution. Je pense que l'utilisateur a juste besoin d'un sous-titre/description informatif.

Je pense également que vous devez rendre plus visible la sélection de la langue qui insérera la valeur dans la base de données pour permettre à l'utilisateur de voir plus facilement le rôle des onglets.

Si vous avez des différences dans le formulaire pour chaque langue, vous pouvez désactiver ce champ.

J'espère que cela t'aides.

1
Madalina Taina

La deuxième version avec les boutons bleus est beaucoup plus claire à cause du libellé "Traduction" avant la sélection de la langue pour le formulaire. Sinon, je pourrais me demander pourquoi la langue du formulaire n'était pas dans la même langue que celle choisie pour la candidature.

0
Janet